Embed Size (px)
Citation preview
Zoey Visual Design Editor v3April 26, 2017
Overview
Visual Design Editor v3Easier, Faster and More Powerful Than Ever Before
Re-built Themes
Dozens of new features
Backward compatible
Compatible with Developer Network
What’s New?How are we making it “Easier, Faster and More Powerful Than Ever”
What’s New?
Better Building BlocksNew “Blocks” make it 10 times faster to build a beautiful page.
Videos
Banners
Slideshows
Product Lists
Call-To-Actions
Social Media Feeds
Footers
Headers
Galleries
Card Logos
Newsletter Forms
Full Width Banners
What’s New?
New Menu for Adding BlocksLarger, easy to navigate design. New groupings. Sub-Menu Navigation.
How will this impact my Store?
How will adding new blocks work?
NEW: “CHANGE” button added after selecting a block.
This will let you do things like change your header to use one of our new pre-built headers.
You can continue adding new blocks to your page from the ADD Menu as you are currently accustomed to.
DEMO
What’s New?
Content Manager (CMS)Easily Edit Content of a single block or all content on an entire page.
Edit all content & settings for larger blocks
Content Manager Role (Restricted Access)
Improved WYSIWYG for text editing.
How will this impact my Store?
How will CMS work?
DEMO
What’s New?
Theme Branding (Colors & Fonts)Color Palettes, 3 Custom Fonts, and Access to More Refined Styles.
Use Theme Colors for any block
Primary & Secondary Color Pairs.
Primary, Secondary and Tertiary Font styles
17 individual global style groups
How will this impact my Store?
How will “Branding” work?
DEMO
Compatibility
Compatibility
● Fully compatible with existing Drag & Drop themes.
● No need to “upgrade” or migrate
● Nothing has been removed
● Add any new blocks to any page
New Features
Mega MenuSticky HeaderLanguage FlagsFull Width SlideshowsNew Slideshow Animations4 Slide templatesMake any block full-width75+ Social Media IconsAdd your own Social IconCredit Card Logo Block50+ Credit Card Logos16 Image Galleries12 Banners (Pre-built Image & Text)6 Newsletter BlocksBlog Feed BlocksNew/Sale Flags for Products
Social Media Feeds (SnapWidget.com)YouTube & Vimeo Video BlockFull-Width Video with Auto-PlayMulti-Column Information BlocksPre-Built FootersCategory SidebarFly-Out Menu on DesktopMore comprehensive branding tool (fonts & colors)Option for 3 custom fontsAsset Manager for page specific or multi-page assets.Pre-built animations (hover, transitions etc…)Brands Slider4 Product Page templates4 Category Page templatesFeatured/New Product Sliders+ More!
New Features
SlideshowsNew Simple Way To Build Awesome Slideshows
DEMO
New Features
Mega MenuNew Menu style with Thumbnail Images and Banners
DEMO
New Features
“Make Full Width”Ability to make Banners, Slideshows and more, Full-Width
New Features
Category & Product Page TemplatesLarger, more comprehensive blocks for Category & Product Pages
New Features
Category Sidebars
New Features
Contact Us Page BlocksBuild custom Contact Page with new blocks.
New Features
Social Media Feed
Power UsersWhat’s new for you?
1/ What’s New?
Build Your OwnContinue Building Custom Visual Design with Boxes and Other Small Pieces
All the smaller pieces can now be found in the “Build Your Own” Tab of the Add Menu.
Fully Compatible with the CMS!
Build a custom grouping of blocks and edit all blocks with one click.
20%offNew Collection
1/ What’s New?
LOCK Your WorkAfter using the Build Your Own tools, you can LOCK together smaller pieces
Lock any box or group that can hold “child” blocks
- Header- Footer- Box- Strips
Restrict the ability to Unlock to specific admin users.
Fully compatible with CMS. Edit all locked content/settings with one click.
DEMO
1/ What’s New?
Theme “Asset” ManagementManage CSS, HTML, JavaScript, Logo and Font Files in One Place
Upload or create Global or Page Specific Assets.
Directly edit assets or manage files outside of Zoey.
Add Snippets or Javascript files and control where they are loaded.
Upload custom Fonts.
1/ What’s New?
Backup, Audit and RestoreEasily Create Backup Snapshots, Audit Changes and Restore From Snapshot.
DevelopersDevelopers Welcome
1/ What’s New?
DevelopBuild Apps, Themes, Blocks and More
All new Zoey Blocks are accessible to Developers.
Branding, CMS, Lock & Unlock all accessible via Zoey Design API
4/ Developers
Marketplace for Apps, Blocks & ThemesBlocks & Themes coming soon to the Zoey.com Marketplace
4/ Developers
skin/css/MyTheme branding.scss main.scss checkout.scss order success.scss my-account.scss wishlist.scss login.scss Forgot password.scss Reset password.scss component.scss
Contact Your DeveloperZoey Developer Toolkit for Custom Features & Design
Developer Webinar Coming Soon
Watch For New Webinarshttps://www.zoey.com/merchant-webinars
5/6 TimelineWhen can we expect to use the V3 tools and features?
5/ When can we expect to use the V3 tools and features?
May
LaunchPlanned for late-May 2017
Full launch of all Design v3.0 tools and features.
Developer BetaStarts This Week
First access for beta testers to new design blocks.
April
STARTING PLANNED
Today
Zoey MarketplaceLaunched April 2017
Ability to add apps built by 3rd party developers.
LAUNCHED
6/6 Q&A
Thanks!
HISTORY (2014 - 2015)
Visual Design Editor v1.0Inflexible, but sturdy. A good start.
1 Theme
2 Menu Styles
1 Slideshow
3 Homepage Layouts
0 capability for customization
Only access to add CSS or JS
Users wanted more themes.
Businesses wanted more flexibility.
Developers couldn’t do much to help.
HISTORY (2015 - 2017)
Visual Design Editor v2.0More flexibility but too complex. A new foundation.
12 Themes
Drag & Drop
100s of tiny blocks
Only access to add CSS, JS or HTML
Difficult to use.
Too-much flexibility.
Still no real ability for custom code.
Agenda1. What’s new? How does V2 and V3 differ?
2. How will V3 impact my Store?
3. What are some of the new features we can expect?
4. Where do Developers fit into this?
5. When can we expect to use V3?
6. Q&A
Questions Are Encouraged!
Please use the “Questions” Feature of this webinar throughout the duration of the presentation.
