Every page of your store's site is a record you can open and edit: its HTML code, its address and the layout around it. This guide is for whoever wants to change the design beyond what Settings offers, which Your storefront covers.
Turn the editor on
In Settings, under Features, tick HTML Editor and press Save. Web Site → Pages appears in the store's menu.
Pages you edit show on your store only when your plan includes the Pages add-on. Without it, your store keeps showing the default design, whatever you change here.
The pages list
Pages lists the store's pages with their Title. A new store already has the pages of the default design: its layout, the home page, the product list, the categories, the product page, the cart, the contact page and the wishlist.
Above the list:
- Create Page opens an empty page.
- Import Theme replaces your pages with those of a theme, as explained below.
Clone Item on a page creates a copy of it, with (copy) after its title.
Edit a page
Open a page to edit it. Basic Data holds:
| Field | What it does |
|---|---|
| Title | The page's name. Required. |
| Slug | The page's address in your store, such as contact for your contact page. Lowercase letters, numbers, -, / and the {?slug} placeholder, up to 100 characters, and no two pages can share one. It shows once the page is created. |
| Code | The HTML of the page, in a code editor. |
| Is Layout | Turns the page into a layout: the frame, with the menu and the footer, that other pages are shown inside. |
| Is Active | Off, the page is not shown on your store. |
| Template | What the page is for: Home, Product List, Product Detail, Product Category, Cart or Wishlist. Leave it on None for a page of your own, such as an "About us". Not shown for a layout. |
| Layout | The layout the page is shown inside. It shows once the page is created, and not for a layout. |
Once the page is created, two more blocks show:
- SEO: SEO Title and SEO Description, the title and the description search engines read.
- Customization: Header and Footer, extra code for the top and the bottom of the page.
Press Save Changes to keep your changes, or Cancel to go back to the list without them.
Backups
At the bottom of a page you are editing, Backups keeps snapshots of it. Backups are only made when you ask for one, so make one before a change you may want to undo.
- Press Create Backup.
- Optionally write a Backup Name (optional), such as Before redesign. Without a name, the backup is called Backup followed by its date.
- Press Save Backup.
Each backup in the list has:
- Restore, which asks first and then puts the page back exactly as it was in the backup: its title, slug, code, template, layout, SEO and customization. What the page had before is overwritten, so make a backup of it first if you want to keep it.
- Delete, which asks first and deletes the backup. It cannot be undone.
Import a theme
Import Theme lists the themes available under Available Themes. Today there is one, Default Theme, the default design every store starts with, so importing it puts the default pages back.
- Click the theme to select it.
- Press Import Theme, and confirm with Yes, import.
Each page of the theme replaces the page of your store with the same slug, and is created when your store does not have it. Your pages with any other slug are kept. When it finishes, you are taken back to Pages.
Importing does not make backups: create one of each page you want to keep before importing.
Who can do what
The Page permissions of a role decide who can see, create, edit and delete pages, and the same permissions apply to their backups. See Members, roles and invitations.