Skip to main content
Open a store and go to its website editor. The left panel edits, the right side previews, and Desktop, Tablet and Mobile at the top switch what the preview is sized for. View live store opens the real thing. There is no Save button. Every change is written as you make it, and the top right reads Saving and then Saved.
The website editor with the Settings panel on the left, the store preview on the right, and the device toggles across the top
The left panel has two tabs, Settings and Insert, with a Templates button beside them that opens a dialog.

​
Settings

Applies to the whole store, not one section. Uploaded images are capped at 8 MB.
The Settings tab showing mode, accent color, fonts, section spacing, product order, full width media and favicon

​
Insert

Insert adds a section. Select a card to add it at the end of the page, or drag it into the preview to drop it between two sections. Each option says what it is: Most sections can be added as many times as you like. Store products, Store bundles and Fundraiser are the exceptions: one each per store. Once one is on the page its card greys out and sinks to the bottom of the list, so the ones you can still add stay at the top.
The Insert tab listing the sections you can add, each with a one-line description

​
Editing a section

Select a section in the preview to open its panel. Fields differ by section type, but most offer a title, a rich text description, a background image and color, a text color, a fixed height, and content alignment. Hovering a section also shows a small toolbar in its corner: a grip to drag it to a new position, a pencil that opens the same panel, and a trash icon that deletes it. Store products and Store bundles have nothing to configure, so they show no pencil. Mobile settings hold a separate mobile height and mobile background image, so a section can be framed differently on a phone.
An image section's edit panel, with its image, title and the rich text description toolbar

​
Buttons

Sections take up to two buttons. Use Add button, then set Button text and a Link. The first button is the primary one and the second is secondary, Add button disappears once both exist, and the trash icon removes one. Link is free text. A store path, a full URL, a bare domain, an email address and a phone number all resolve.

​
Templates

Templates applies a saved layout to the store, and each one shows how many sections it carries. Save current website as template stores the current design so you can reuse it on another store.
Applying a template replaces your theme, header, footer and every section, including the store title and the footer copyright. This cannot be undone, and you confirm it first. Deleting a saved template leaves the sites already using it alone.

​
The header

Select the header in the preview to edit it. Show banner displays a bar above the header with links or a message. Set a Layout, either Centered message or Links left, message right, and a Message. The split layout also takes links: Add link adds one, each with its own icon, label and URL, up to 10. Banner background and Banner text color style it.
The Edit header panel with Fixed header checked and the Banner bar expanded on its layout, message and colors

​
Header categories

The categories along the header are not edited here. Top-level categories display as tabs in the store’s header, with their subcategories listed down the side of a category page. You manage them in the store’s settings under Basic information, with Manage categories.
Storefront view of a category page, with the top-level categories as header tabs and their subcategories down the left

​
Product order

Manage under Product order opens a dialog. Pick a list down the left, either a top-level category or Uncategorized products, then pin up to 12 products to it. Pinned products always come first, in the order you drag them. Sort remaining products by orders everything else: newest first, name A to Z, or price either way. Each change saves as you make it.