Create a Page Using the Page Designer Visual Editor

Use the Page Designer visual editor to create pages for the storefront.

  1. Select Merchant Tools > Content > Page Designer.
  2. Click New.
  3. Enter a name and ID for the page.
  4. Select a page type.
  5. Click Save & Create.
  6. Open the Components menu by clicking its icon. Iconfor Components menu.
  7. Select a component type, and drag it into a region on the page.
  8. In the right pane, configure the component attributes.
    For attributes that you specify using a rich text editor, you can format text using Heading1, Heading2, Heading3, Heading4, and Paragraph tags. When the page is displayed in the storefront, the text is formatted as specified by the corresponding styles in the browser's CSS.
  9. (Optional) If you want more than one component in a region, specify which component is visible to which customers or which component is visible during certain dates and times.
    1. Click the drop-down menu next to the component name, and select Customer Groups or Schedule.
    2. Select the customer groups and/or the date and time for which you want the component to be visible and click Apply.
      The times correspond to the customer's browser time, not the instance time.
    3. Click Add to Page.
    4. Add one or more additional components to the region, and configure visibilty rules for each.
  10. Add one or more components to every region of the page.
    Some components might have regions to which you must add more components.
  11. Click the view icon to see how the page looks for specific customers on certain dates. Preview function to show how page will look for certain customers on certain dates.
  12. Click Preview to see how the page looks in the storefront.
  13. Click the viewport icons at the top of the window to see how the page appears on a desktop, tablet, or smartphone viewport. Icons to show how page will look on a desktop, tablet, or smartphone viewport.
  14. When you're satisfied with how the page looks, click Publish to make the page available online.