Skip to main content

Getting Started

Pages, Menus and Redirects: Build Your Storefront's Pages

Build storefront pages from sections and templates, set up the header and footer menus, and send old links to the right page with redirects.

Overview

Every storefront is built from pages, and each page is built from sections: a banner, a product grid, text, images and more. Its menus are the links in the header and footer, and redirects send visitors from old addresses to new ones.

All three are on every plan, under Channels → Sites.

Step 1: Create a page

  1. Go to Channels → Sites and open Pages on the site.
  2. Create your home page or a custom page. Give it a title, then click Create & build.
  3. Choose Start from a template for a ready-made layout, or start blank.

Step 2: Build it from sections

  • Add sections from the library, drag one into place, or use a template. Drag a section, or use Move up and Move down, to change the order.
  • Select a section to edit its content: text, images, buttons, products and links.
  • Appearance sets a section's background, width, vertical space and corners.
  • Hide on hides a section on desktop, tablet or mobile. Preview the page at each size while you work.
  • Ask AI on a section drafts or improves its content for you to check.
  • Undo and Redo step through your changes, and History lists them.

Step 3: Page settings and publishing

Page settings holds the page's Title, its URL slug (the address after your domain) and its Excerpt, the description search engines show.

Click Publish to put the page on your storefront, and Unpublish to take it off.

Go to Channels → Sites and open the Navigation tab.

  1. Create a menu. Name it main for the header, or footer for the footer.
  2. Add links. A link can go to a path on your store, such as /products, or a full web address.
  3. Drag links to reorder them. Nest under puts a link inside another, which shows it as a dropdown.

Applies to chooses whether a menu is used on all your sites or on one.

Redirects

Open the Redirects tab when you move or retire a page, so old links and search results do not end at a missing page.

  1. Redirect from: the old path on your store, starting with /, such as /sale.
  2. Redirect to: the new path or a full web address, such as /collections/sale.
  3. Type: 301 — permanent when the page has moved for good, or 302 — temporary when it will come back.

A redirect can apply to all sites or one, and you can pause it without deleting it.