Page Designer Resources
Page Designer for B2C Commerce empowers business teams to create beautiful and engaging ecommerce experiences, fast. Business users can design, schedule, and publish pages in an easy drag-and-drop interface, with reusable components built by developers using open web standards. We provide a library with great documentation and reference components to jumpstart your enablement of this feature.
Get Started
- Get Started with Dynamic Product Listing and Product Detail Pages. Use the dynamic pages feature to create Product Detail and Product List templates. NEW! Dynamic PLP and PDP reference components for SFRA available on GitHub!
- Get Started Using Page Designer with SFRA. Learn details about page types and component types included with the Storefront Reference Architecture (SFRA).
- Get Started Using Page Designer with Site Genesis . Learn details about page types and component types available for Site Genesis.
- Get the Page Designer Reference Examples. Get example page types and component types to help you quickly get started using Page Designer.
- Implementation Guide. Learn how to implement Page Designer for your site.
- FAQ. Get answers to common questions about Page Designer.
Learn More
- Part 1. Slide Deck. Learn the basics, including page types, component types, and meta files, and the Page Designer visual editor.
- Part 2. Slide Deck . Get details about server-side https://salesforce.acrolinx.cloud/ JavaScript files and Page Designer API classes and methods. Discover how to assemble a page using components.
- Part 3. Slide Deck. See a real-world implementation of Page Designer and walk through development of a component.
- Parts 1, 2, and 3. Video
Special Topics
Note: Some of the functionality described here might have
changed since these resources were developed.
- Page Designer Localization. Localize your components.
- How to Write Requirements for Page Designer. Create requirements for a Page Designer implementation customized for your needs.
- Salesforce CMS and Page Designer for B2C Commerce. Build experiences using Page Designer and Salesforce CMS.
- Custom Attribute Editors. Develop custom attribute editors.
- View Pages on the Storefront. Understand the Page Designer workflow and how to preview and publish a page on the storefront.
- Page Designer Search Functionality. Manage SEO meta data and search attributes within Page Designer.
- A/B Testing Playbook. Run A/B tests for Page Designer content.
- Wireframes for Site Genesis Page Types and Component Types. Get detailed specifications for the Site Genesis page types and component types.
- Using Page Designer with Pipelines. Implement Page Designer with pipelines.
- Files for Using Page Designer with Pipelines. Get example .xml and .ds files for use with pipelines.
Beta Webinar Using Site Genesis
This webinar was presented in the spring of 2019 when Page Designer was still in Beta. Although Page Designer features and functionality have evolved since the material was developed, the webinar includes information that might be helpful, especially if you’re working with Site Genesis.
- Module 1: Page Designer Overview
- Module 2: Installation and Demo
- Module 3: Architectural Overview
- Module 4: Overview of Component Delivery
- Module 5: Collecting Component Type Requirements
- Module 6: Creating a Component Type
- Module 7: Deploying and Testing Component Types
- Module 8: Creating Page Types and Layouts
- Module 9: Troubleshooting Component and Page Type Rendering
- Module 10: Tips for Using Page Designer in Your Storefront