Working With Pages

Let's click into the pages section by clicking on Pages in the navigation panel of your admin.

It is here that you can add new pages and manage existing pages. You can:

  • Add a new page: At the top right you'll notice the button Add page.
  • View page: On the left-hand side, you'll notice the list of pages. Click on the title of a page to edit the page.
  • Filter and search for pages: Above the list of pages, you'll see the dropdown Filter pages that you can use to filter through your store's pages. You can use the search box to search for specific pages.
  • Publish, unpublish and delete pages: Selecting pages using the checkboxes on the left, will reveal a menu to quickly publish, unpublish or delete the selected pages. Before you delete a page, you will be asked to confirm your decision.

Editing Pages

Let's take a look at how we work with pages. We'll start by seeing how we edit a page. In the pages section, click on "About Us", the title of that page. This will open up the page so you can edit it. You'll notice at the top-right buttons to Preview page and Save. Use the preview button to view the page with the changes you are currently making.

Then when you are happy with the changes, click the Save button to make those changes live on your storefront. You'll notice also on the left, in the section "Write your page", there is a link to View it in your store. This will show you the page on your storefront, as it was when it was last saved.

Editing The Page's Content Or Text

You can format the content using the a full range of formatting options, the same that we saw earlier for product descriptions. If you're not sure what a buttons does, place the mouse pointer on the button for a few seconds and the name of the button will appear.

To format some text, for example to put it in italics, select the text using your mouse and then click on the relevant formatting button, in this case the italics button. With the dropdown menu called "Formatting", you can change selected text to a heading, normal paragraph text or a blockquote. With the other buttons you can format text as bold, italics, insert an unordered or numbered list, insert or remove an indent, align text to the left, center or right, put text in color, insert a link, a table or an image and remove formatting. Lastly on the far right is a button <> to view the page in HTML, for those that are used to editing web pages in HTML.

If you ever run into difficulty with the formatting of some text, it can be a good idea to select the text and click on the clear formatting button. This is the button that looks like a slashed out circle. Then apply the formatting that you want to the text.

Inserting A Link

Often you will want to link to a product, a collection or another website. To do this:

  • Using your mouse select the text that you would like to link and click on the link button - it looks like a little chain link and is between the text color and the table button.

  • In the pop-up box, fill in the address of the page you would like to link to. It's generally best to copy and paste to avoid making a mistake.
  • Choose if you prefer that the link open in "the same window" or "a new window". I generally open a link in the same window if it is in my store and open it in a new window if it is on another website.
  • In the field "Link title" fill in some text that describes the page you are linking to. This is used for accessibility and used correctly, also helps optimize your page for the search engines. Click the Insert link button.
  • Verify the link is working by clicking the Preview page button beside the Save button. On the preview that pops up, click the link to make sure it works.

Remember to always save your changes to the page if you're happy with them, by clicking the Save button.

Optimize Your Page For The Search Engines

Below the "Write your page" section, there is the SEO, or search engine optimization section. As you know already, these are important fields used to help search engines define the content of your page. The title will be used as the title of your page in search engine results.

The description completed here may be used as the description of your page in the search engine results, depending on what is being searched for. Lastly the address of the page (as defined by the URL and handle) is also visible in search engine results.

Getting these three fields right not only helps the search engines decide what your page is about, it also helps to convince people searching to decide if your page interests them or not. For this reason, I highly recommend carefully crafting these three fields for each page in your store. Every page is an opportunity to draw more visitors to your store from the search engines.

Controlling The Page's Visibility

Further down the page, you will find a dropdown menu for controlling the visibility of the page on your store. Choose if you want it to be published or hidden.

Newly created pages are published by default. Remember for the page to be accessible on your storefront, you will need to link it from the navigation or from another page in your store.

Choosing A Page Template

Depending on your theme, you may have a number of different templates available for the design of your store's pages. You can choose which template to use for the current page by selecting from the template dropdown menu. Try changing template and check how it changes the page's design in your storefront.

In the New Standard template, there are three alternative templates: one that comes with a contact form, a second with text that spans the full width of the page and a third that has a table of contents in a right-hand column.