Pages, header and footer

Your online store's pages, and the header and footer shown on every page, are built in the same editor. You drag blocks onto the page and type straight onto it. The editor shows the page in your store's fonts and colours, as shoppers will see it.

Open Website. Your pages are under Pages; the header and footer are under Header and footer.

Build a page

1. Choose Add page, or choose a page to change it.
2. With no block chosen, the panel on the right holds the page's own settings: its Title, its Address, filled in from the title as you type it ("Service Rates" becomes service-rates; change it if you like, or empty it for your home page) and how search engines show it (see Search engines below).
3. Every page has one main heading (H1): a Heading set to Main heading (H1), saying what the page is about. A new page starts with one at the top. Change its words, style it, or move it, for example into a banner section. Search engines and screen readers rely on it, so a page can't be saved without one, or with two; use Section (H2) and smaller for the other headings. The header and footer never have one.
4. Drag blocks from the left onto the page. Drop them inside a Section, a Columns or a Row to put them together.
5. Choose a block to change its settings on the right. Type headings, text and button labels straight onto the page.
6. Choose Save. Then choose View on store to see the page on your store.

Use the buttons above the page to see it on a phone, a tablet or a computer.

Organize your pages

Pages shows your pages as a tree: each page at the top, or under another page. The tree is used for breadcrumbs, for lists of pages, and for menus that fill themselves in (see below).

• Drag a page up or down to change its order, or drop it on the middle of another page to put it under that page. The pages under it move with it. To reach a page further up or down the list, hold the page you're dragging near the top or bottom of the window and the list scrolls.
• Use the arrows on a phone or with a keyboard: up, down, out a level, or under the page above.
• Add a page under another with the + beside it. Its address starts with that page's address (services/…), which you can change.
• A page can also be moved from its own settings, with Under.

Pages go three levels deep. The home page stays at the top, with no pages under it, and so does Shop, with Category pages and Product pages under it (see The shop, category and product pages).

Moving a page never changes its address, so links to it and search results keep working.

A page you don't want in menus or page lists, such as a "thank you" page shown after a form is sent, can be left out: in its settings, set Menus and page lists to Leave out. It's marked Not in menus in the list.

The blocks

• Section: a band across the page, in one of your colours or with a picture behind it. Width sets how wide it is: Site width (the same width as your header), Narrow, for reading, or Edge to edge, where the colour reaches the sides of the window and the content inside stays at site width.
• Columns: two, three or four columns side by side. On a phone they go one under another.
• Row: blocks side by side, such as a logo next to your social pages, or two buttons. On phones keeps them side by side or puts them one under another.
• Heading, Text and Button: words on the page. In Text, use the bar at the top for headings, lists, bold, links and alignment.
• Picture: Width is a share of the column it's in, on computers and phones alike. On a phone, columns go one under another, so a column is the whole width of the screen. Shape crops it to square, 4:3, 16:9 and so on, and Keep in view when cropped chooses which part stays. Pictures side by side with the same shape always line up.
• Space, Line and Video (YouTube or Vimeo).
• Items: your newest items, or a category's, from your store.
• Categories: your top-level categories as cards (each with its photo, name and how many products it has), or every category as a list.
• Breadcrumbs: where the page is in your Pages tree, such as Home › Services › Airsoft Repairs, each part a link. Search engines are told about it too. There are none on the home page.
• Pages under this one: the pages under this page, or under another page you choose, as cards (their picture, title and search description) or as a list (a small picture beside each title and description). A card or the list uses the page's Picture when shared, or else the first picture on the page.

Every block has Show on: show it everywhere, or on computers only, or on phones only.

Forms

Forms are made on their own, under Website, then Forms, and put on pages, so the same form can be on several pages and you change it in one place.

1. In Forms, choose Add form. A new form starts with a name, email and message; change them as you like.
2. Drag fields in from the left: Short answer, Paragraph, Email, Phone, Number, Date, Dropdown, Choices and Tick box, with headings and text between them if they help.
3. Choose a field to set its Label, a line of Help under it, Must be answered, and its Width: the whole row, or half, so two sit side by side on a computer. For Dropdown and Choices, write the Options one to a line; Choices can let shoppers pick one or several.
4. With no field chosen, the panel on the right holds the form's own settings: its name (how you'll know it in Submissions and emails, like "Contact" or "Service request"), the Button's words, what happens After sending (a message, or one of your pages), and whether the shopper is emailed a copy.
5. Choose Save.

To put a form on a page, open the page, drag in a Form block (under Forms) and choose the form on the right. A form that's on a page can't be deleted until it's taken off.

What shoppers send is kept under Website, then Submissions, and emailed to your business's Owners. Reply to that email to answer them; your own address is never shown on the store. In Submissions, open one to see the answers, choose Reply, Mark done when it's dealt with, or Delete; the form list there shows one form's at a time. Submissions are deleted after the number of days you choose at the bottom of that page.

Ask only for what you need, and keep it only as long as you need it. What your store must tell people about it, and how long you may keep it, is for your business to check for its province.

The header and footer

Open Header and footer, then Header or Footer, to change them. Until you do, they're laid out from your store's menus, with your logo and social pages. They have a few blocks of their own:

• Logo: your logo from Theme, linked to your home page. Without a logo, your brand's name.
• Social pages: your Facebook and Instagram pages from Theme.
• Menu: your store's menu. Add a link with Links: its Label and, in Link to, the page it goes to (type part of its name and choose it from the list). Add Links under it to make a drop-down, or set Its pages under it to Add them from the Pages list so the drop-down shows the pages under that page and stays up to date as you add or move pages. On a phone, the menu opens from a Menu button.
• Links: a list of links, down (for a column in your footer) or across.
• Cart: the link to the cart, showing how many items are in it.
• Business details: your brand's phone number, the copyright line and who operates the store.

Menu and Cart are only for the header and footer.

Search engines

With no block chosen, under the page's Title and Address:

• In search results shows the page as Google lists it: your store's address, the title and the description, as you type them. It also counts their characters: Google shows about 60 of the title and 155 of the description, and cuts off the rest.
• Search title: the blue line in search results. Leave it empty to use the page's Title. Your brand's name is added to the end unless it's already in it. For your home page, leave it empty to show just your brand's name.
• Search description: a sentence or two saying what's on the page, to make people want to open it. Without one, search engines pick words from the page.
• Picture when shared: the picture shown when the page is shared on Facebook, in a message and so on. Without one, the first picture on the page is used.
• Search engines: choose Keep this page out of search results for a page only for people you send to it, such as a thank-you page. It's also left out of your store's sitemap, and the Pages list marks it Hidden from search.

Search engines decide for themselves in the end: these say what you'd like them to show.

Redirects

When a site moves to IAPZ, its old addresses (in Google's results, in old emails and posts) must still lead somewhere. Online store › Redirects sends an old address on to a page or website for good:

1. In Old address, give the old address: /old-page/, or the whole address, such as https://oxairtech.ca/old-page/.
2. In Goes to, start typing the name of one of your pages and choose it, or give a website starting with https://.
3. Choose Add redirect. Giving an old address that's already there changes where it goes.

To add many at once, open Paste a list and paste one to a line: the old address, then where it goes, with a space, tab or comma between. Two columns copied from a spreadsheet work. Lines that can't be used are listed so you can fix them.

Click an old address in the list to try it on your store. A redirect is only used where your store has nothing at that address, so a page, item or category there always comes first.

When you change the Address of a page you've saved, its old address is sent to the new one for you.

Add a link to text

1. Select the words, then choose the Link button in the text's toolbar.
2. In Link to, start typing the name of one of your pages, a category or an item, and choose it from the list. Or give another website's address, starting with https://, an email address or a phone number.
3. Tick Open in a new tab if it should open in a new tab. Usually that's only for other websites.
4. Choose Apply.

To change or remove a link, click it in the text: the same box opens, with Remove link.

Addresses that can be used

A link goes to one of your store's own pages (/about/), to another website starting with https://, to an email address ([email protected]) or to a phone number (250-555-0100). An email address opens the shopper's email to write to you; a phone number calls it from a phone. Anything else is left out when you save.

The Link to of a Button, a Picture, a Menu and Links works the same way: type part of a page's name and choose it from the list, or give a website, email address or phone number. Under it, you'll see which page it goes to. Where a form takes the shopper after sending must be one of your pages or a website.