Powering Your Website Content with Magento PageBuilder

Olena Tkacheva Product Manager Magento Adobe Company tkacheva@adobe.com John Hughes Head of Magento Fisheye Media Ltd. johnh@fisheyehq.com

Experience-driven Commerce

Magento Page Builder Enable merchant to create compelling shopping experience without writing a line of HTML&CSS

PageBuilder Content Types

Live Drag&Drop Interface

Endless Page Layout Options

In-context Editing

Integrated Media Gallery

Blended Content and Commerce

Traditional Magento Blocks and PageBuilder

True Storefront Preview Admin View Storefront View

Magento Staging and Preview Compatibility content update

User Centric Interface

User Guide & Tutorials

PageBuilder Features Summary Powerful set of content types Easy drag&drop positioning of all content elements Adjustable column grid system In-line text editing and drag-in images Blended content and commerce Reusable Magento blocks targeted to customer segment True storefront content preview Quick launch of content updates UX for non-technical users User Guide and Tutorials

PageBuilder In Magento Admin Content Pages Category Pages Product Pages Widgets

PageBuilder Demo

Benefits for Merchants and Solution Partners

Benefits for Merchants and Solution Partners More flexible page layout opportunities Less reliance on developers Quicker development time Configuration over code Portability (across platforms / environments)

How to take advantage of PageBuilder

How to take advantage of PageBuilder Build your sites theme in PageBuilder Leverage PageBuilder in extensions that you use Customise native content types to fit your theme Bring any content types you need into PageBuilder

Build your sites theme in PageBuilder

Build your sites theme in PageBuilder PageBuilder is obviously great for managing key CMS areas e.g. homepage and landing page content It can also be used to power key elements in your theme, such as Navigation menu Footer Trust-building areas

Leverage PageBuilder in extensions that you use

Leverage PageBuilder in extensions that you use Integrate content from Magento / 3rd party modules So it can be used anywhere across the site Examples: Advanced Search (create quick product finder functionality) Nosto Personalization (product recommendations engine) 3rd party service level reviews widgets

Customise native content types to fit your theme

Customise native content types to fit your theme Enhance default PageBuilder content types by extending them e.g. add slider (carousel) functionality to product blocks Use existing functionality in your own custom content types e.g. use the default link URL element inside your custom blocks

Bring any content types you need into PageBuilder

Bring any content types you need into PageBuilder Bring content from outside of Magento into PageBuilder so it can be utilised across the site Examples: Instagram Feed Image Hotspots ( shoppable content ) Posts from a blog / external CMS

PageBuilder Release

PageBuilder Release Plan 2018 2019 Jun Jul Aug Sept Oct Nov Dec Jan Feb Mar Apr Early Access Program for Partners Access limited to Partners upon sign-up Feature development in progress Early Adopters Program for Merchants Assess limited to 2.3 Commerce Merchants and Partners upon sign-up Feature complete Stable quality General Availability Bundled with Magento 2.3 Commerce High quality

PageBuilder Early Adopters Program Benefits for Early Adopters Start using PageBuilder before everyone else Get assistance from Magento team with PageBuilder adoption Get visibility and recognition at Magento events Entry Criteria Be Magento Commerce client Kick start a website development in Q4 2018 Q1 2019 Plan to go live before April 2019

How to Apply for Early Adopters Program 1 2 Send a request to PageBuilderEAP@adobe.com Tell us about your project and its timeline

Thank you!