Home

What’s Page Builder

Page Builder introduces an intuitive, drag-and-drop interface for creating digital content, powered by content types like images, videos, banners etc. with instant preview capabilities that enable non-technical users to take control of their content. It allows to create new pages, enrich products and categories, and launch content updates quickly and easily without the help of a front-end web developer.

Page Builder Tutorials

Following Page Builder tutorials will help you learn how to use new Page Builder features and discover new ways to accomplish familiar tasks.

• Tutorial 1: Simple Page
• Tutorial 2: Blocks
• Tutorial 3: Catalog Content

Roadmap

Phase 1 - Layout Optimization for Mobile Devices

1. ✅ New Application Frame for Page Builder: update Page Builder application frame to accommodate authoring for mobile experience
2. Columns layout optimization: enable new content layout options that required for mobile authoring
3. Column grid layout optimization for different viewports: allow business user to switch between viewports an adjust layout for each viewport separately
4. Column layout presets: deliver the most popular columns layout combinations for the business user to apply the changes in one click
5. Content optimization for different viewports: enable business user to optimize certain aspects Page Builder content types for different viewports to achieve the best experience across them

Phase 2 - Content Preview on desktop and mobile devices

• Content preview on different viewports with all storefront styles applied before saving changes
• Saving unpublished changes as draft
• Share link to draft page with colleagues to get approval

Phase 3 - Shoppable Content

• Hotspots on images
• Lookbooks

Phase 4 - Advanced Editing

• New layouts with CSS Grid (replacing FlexBox)
• New background options (Zoom in/out, gradient)