Create an ordering page with Square Online
The ordering page for Square Online is the focal point of your online store, where buyers can shop, browse and order items. This page gives you two layout options: ‘Shop all’ (best for retail) and ‘Order online’ (best for restaurants).
You can also upgrade the buyer experience on your ordering page by enabling a personalised order screen (only available for ‘Order online’ at this time).
Note: If you need to create a page for accepting online appointment bookings, learn more about adding an online booking page to Square Online.
Shop all vs Order online
Although you don’t necessarily have to use one template over the other based on your particular business type, each template will display items in a way that streamlines the buying experience for your customers.
Shop all: Best for selling physical items, often associated with products you might find in a retail store. This template has the best support for shipping.
Order online: Best for selling prepared food and beverage items, often associated with menu items you’d find in a restaurant or any size food and drink vendor. This template has the best support for local delivery and in-store and curbside pickup.
Add an ordering page to your site
To add an ordering page to your Square Online site:
From your Square Dashboard, select + > Page.
Select Shop, and choose either the Shop all or Order online ordering page template.
Select Add to include the page on your site.
Each template will have different features you can customise, and you’ll be able to switch your template at any time.
Switch the ordering page template
If you already have an ordering page on your site, you can change its layout to the template best suited for your business. To switch the template for your ordering page:
From your Square Dashboard, select the Page drop-down menu.
Under the Shop All or Order Online page, select ••• > Switch template.
Choose your preferred template and select Done when finished.
Add items and categories to your ordering page
With your ordering page open in the editor, select the Item list section in the editing panel to open the settings, then select Arrange and add items. If you need to add items to your catalogue, you can always go back to your Square Item Library.
There are also additional options for each template.
- Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit site.
- Select the Item list section in the editing panel to open the settings, then select Arrange & add items.
- Go to your Item list and toggle on Sort and filter.
- Select from automatic arrangement options: Popularity, Newest, Price (High-Low), Price (Low-High), Alphabetical (A-Z), Alphabetical (Z-A). You can also select Custom to drag and drop your items in the order of your choosing.
- To add navigation, select +Add navigation link.
- Select Shop All from the drop-down menu and enter a name for the link.
- Select the option to Include nav links for categories to display the categories located under Shop all. If unticked, the categories won’t be displayed in the navigation.
- Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit site.
- Select the Item list section in the editing panel to open the settings, then select Arrange & add items.
- Go to your Item list and toggle on Sort and filter.
- Select Most popular to show items frequently ordered by customers or select Recent orders to show items specific to each customer.
- To turn on cross-selling, go back to your item list in the editing panel and select Item view > Customers also purchased.
- To add navigation, select +Add navigation link.
- Select Category page for Link to and choose the category you want to link.
You can add navigation links for your categories by selecting +Add navigation link in your editor. For Order online templates, under Link to, select Category page and choose the category you want to link. For Shop all, select Shop all from the drop-down menu and enter a name for the link. Check the option to Include nav links for categories to display the categories located under Shop all. If unticked, the categories won’t display in the navigation.
Customise your ordering page
Note: Unlock additional ordering page features by upgrading your Square Online subscription.
As you scroll over each ordering page feature in the editing panel, you’ll see the corresponding part of the page highlighted on your website. Select any feature to open the options you can edit. Available options will depend on the template you’ve chosen.
Features you can customise include:
Item images
Search bars
Prices
Lightboxes
Pagination
Navigation
Layouts (upgrade required)
Personalised ordering (upgrade required)
Sections can also be used to add additional text, images or featured items to your ordering page. The sections you can add to either template will depend on which one you’ve chosen.
To customise your ordering page further, learn more about designing and customising your Square Online site.
Turn your ordering page into a single-page website
If you want the ordering page to be your entire website, you can delete all other pages from the Page drop-down menu in the editor. You can also integrate the ordering page with an existing website built outside of Square to take advantage of our powerful Point of Sale and commerce tools. Learn more about how to Use Square Online with an existing website.
Shop all buyer experience
With a Shop all page, your customers can browse and arrange your items to quickly shop for what they’re looking for. They can also quickly navigate by category, fulfilment method, stock or sale price.
Customers that add items to the cart will see the cart update in real time. During checkout, they’ll see any instructions you added to your shipping and return policies before completing the order.
Order online buyer experience
With an Order online page, if you have multiple locations set up for online ordering, your customers will be prompted to select a location and choose a fulfilment method before viewing the menu. They can also use buttons towards the top of the page to change these details.
Customers that add items to the cart will see a pop-up window appear that lets them edit item quantities or remove items. During checkout, they’ll see any instructions you added in your pickup and local delivery settings before completing the order.