System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Home>Pages

Create Pages and Navigation in Square Online

Pages are an essential part of your website. They display your content, and give your navigation menu a sense of purpose. This article explains how to create and manage your pages, and edit your website’s navigation menu.

Create or Copy a Page

ep-sos-pages-start

In the Square Online site editor, select +Add > Page. You can also click on the Pages list and use the Add page link there.

Next, choose the type of page you’d like to add:

  • Blank – an empty page that you can add any kind of content to.

  • About – a page that will automatically create an informational page with demo content that you can edit and customise.

  • Contact Us – a page with a contact form that you can edit and customise. Learn more about adding a contact form to Square Online.

  • Gallery – a page for displaying multiple images with a gallery section.

  • Instagram – a page that includes an Instagram section. Learn how to connect to your Instagram feed to display your photos in Square Online.

  • Shop – a single ordering page if you have an online store set up.

  • Gift cards – a page for Square Gift Cards, or if you would like to sell Square eGift Cards through your online store.

    • If you already use Square eGift Cards, you’ll be prompted to sync your existing account and link directly to Square gift card purchase page. This will automatically embed Square gift cards on your online store.

    • If you do not have Square eGift Cards, you’ll be led to your online Square Dashboard where you can get set up. You’ll be able to choose your gift card designs, default amounts and redemption policy.

    • Once your gift card account is set up and synced, you can add a navigation link to your gift cards.

We’ll use a blank page as an example here, but the process for adding any type of page is the same.

Click on Blank and enter a name for the page. Click the tick box if you do not want this page to show in your navigation menu, then click Add to finish.

ep-sos-pages-copy

To copy an existing page, open the page list and locate the page you want to make a copy of. Click the "..." button next to the page name, and select the Duplicate page option.

Note: Some page types (e.g. items and categories) can’t be copied.

Edit Page Settings and Add Content

ep-sos-pages-settings-sections

After saving your new page, you can change the settings and add content. Use the Add section button to choose page sections for text, images and more.

To change the settings for a page, click the gear icon and select View page settings. The page settings window has three tabs:

Add and Edit Navigation Links

ep-sos-pages-add-nav

To add a new link to the navigation menu, open the page list and the edit link at the bottom to open the navigation menu settings. Click Add navigation link and select one of the following:

  • Standard page – Link to any page you’ve created.

  • Category or Item page – Link to a specific category or item from your store.

  • Shop All or Order Online – Create a link to your single ordering page.

  • External link – Add a link to a different website.

  • File – Upload and link to a file.

  • Square Appointments – Add a link to book an appointment (Square Online + Square Appointments customers only).

You can also create an anchor link, which is a link to a specific part of a page. For example, let’s say you’ve placed a contact form near the bottom of your home page. You can add a link to the menu that will jump right to the contact form section when clicked.

ep-sos-pages-anchor-link

To add an anchor link, open the page list and click the link to edit the navigation menu. Use the Add navigation link button and select standard page. Select a page from the menu, click the toggle to link to a section, and choose which section you want to link to. Finally, enter a name for this menu item and save your changes.

ep-sos-pages-edit-nav-link

To edit or remove a navigation menu link, open the page list and click the link to edit the navigation menu. Mouse over a page and click the "..." icon to select edit or remove.
Note that editing or removing links from the navigation menu will not change or delete the associated page.

Rearrange Pages and Create Subpages

You can rearrange pages you’ve added to your navigation and create subpages. Open the page list and click the link at the bottom to edit the navigation menu.

ep-sos-pages-drag

Click on a page in the Navigation list and drag it up or down to move it to a new position. To make a page into a subpage, click on the page and drag it underneath and to the right of the parent page. In the image above, the Book Now page is being moved into place as a subpage of Shop All.

You can add a new page as a subpage. While editing the navigation menu, toggle over any page and click the blue plus sign button. Choose to create a new page and enter a name. After saving, the new page will automatically be a subpage of the main page.

Delete Pages

ep-sos-pages-delete-page

To delete a page from your website, open the page list and mouse over the page you want to delete. Then click the "..." button, select Delete page, and click the button to confirm it’s okay to delete the page.