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 in the Square Dashboard.
Create a Page
In the site editor, select +Add > Page and choose the type of page you’d like to add to your site.
- Blank page: An empty page with a blank canvas that allows you to add sections from scratch.
- About: A page with an informational text and image section already included for you to edit and customize.
- Contact us: A page with a contact form already included for you to edit and customize. Learn more about adding a contact form to Square Online.
- Gallery: A page with an image gallery already included for you to edit and customize. Learn more about image galleries and slideshows in Square Online.
- Instagram: A page with an Instagram section already included for you to edit and customize. Learn more about adding an Instagram feed to Square Online.
- Shop: An ordering page for customers to purchase from your online store. Learn more about adding an ordering page to Square Online.
- Blog overview: An overview page for all of your Square Online blog posts.
- Blog: A page where you can add an individual blog post.
- Home: A homepage for your website. Learn more about changing your homepage.
- Gift Cards: You can allow customers to purchase Square Gift Cards while browsing your Square Online site. Learn more about selling Gift Cards from your website.
- Appointments: A page with an online scheduler that works with Square Appointments to allow customers to book right on your Square Online site.
Note: If you want to add an item or category page to your site, go back to your Square Item Library to create a new item or category. Once you do, return to the editor and refresh your browser. A page for the newly added item or category will then become an option in your page list.
Once you’ve chosen a page, enter a name for the page to display on your navigation menu. You can uncheck Add page to navigation if you don’t want the page to be accessible from your navigation (i.e. the page can only be accessed if you share the link directly to that page). Select Add to finish.
After saving your new page, you can add content to it with sections.
Page Management Options
There are many page management options available in the editor that help you determine how the page should work and appear. To view these options, select the Page drop-down menu to see your list and hover over one of your pages to see your available options. You can also open a page and select the gear icon in the editing panel.
Select View page settings to adjust specific settings for the page you’re managing. A page settings pop-up window will appear with the following three tabs:
- General: Change the page name and URL, or set up URL redirects and password protection.
- SEO: Add a title and description for search engines, and preview how your site will appear in search engine results. You can also hide the page from search engines if you don’t want it to be indexed.
- Social: Preview and edit the title, description and image used for your website on social media. Learn more about Square Online social media links.
Select Make this my homepage to change your current homepage. Learn more about changing your homepage in Square Online.
Customize Your Navigation Menu
Note: Enable mega menus by upgrading your Square Online site.
To change the navigation menu style, select the header of your website and select Header on your editing panel. From there, choose the navigation style that fits your website:
No navigation: for websites that don’t need a navigation
Drop-down: if your website has five or fewer navigation links
Mega menu: if your website had more than five sub-navigation links and a high number of items (upgrade required).
Once you choose the navigation style, select Edit links to add navigation links or arrange pages. You can change your navigation style at any time by selecting a new one from the Navigation tab under the Header menu.
Select the menu buttons and use the Customize section to make changes to the header layout, colour and scroll settings.
Create and Rearrange Subpages
To rearrange pages without making any changes to the navigation, start by selecting either the header or footer section on your site. In the editing panel, expand the Content menu, and from the Navigation option, select the button to manage your Navigation links. Next, select a page in the navigation links list and drag it up or down to move it to a new position on your navigation menu.
Hover over any page and select the + icon to add a sub-navigation link. To turn a page into a subpage, select the page and drag it underneath and to the right of the page above it. You can also add another level of subpage within the subpage by repeating this action.
Manage Navigation Menu Links
As you add pages to your site, you’ll have the option to add links to those pages on your navigation menu, which you can add to both your website header and website footer. Learn more about how to add a link to your site for more information on adding links to your navigation menu.
You can also create anchor links in your navigation menu, which are links to a specific part of a page. For example, say you’ve placed a contact form near the bottom of your homepage. You can add a link to the navigation that will jump directly to the contact form section on the homepage.
Note: Editing or removing links from the navigation menu won’t change or delete the associated page or section.