Create a Single Ordering Page with Square Online
The single ordering page lets you display all visible items on your Square Online site and gives you two layout options: Shop All for physical retail items and Order Online for restaurant menu items.
If you want the single ordering page to be your entire site, simply delete all other pages.
Switch the Single Ordering Page Template
If you’re selling physical retail items or selling food online, you can change the layout of your single ordering page to the template best suited for your business. The Shop All page has a more retail-friendly format with support for delivery and the Order Online page has a more diner-friendly format with support for delivery and in-store or click and collect.
To switch the template for your single ordering page:
Go to your Square Online site editor and select the Page dropdown menu.
Under Category pages, select "..." > Switch template under either your Shop All or Order Online page.
Review your template options and select Switch.
Finish setting up your single ordering page and Publish your site to see the changes live.
Add and Organise Items and Categories
Select the Item List section to open the settings, then select Arrange & add items. Use the Add button to create a new item or category without leaving the Square Online site editor.
There are also additional options for each template.
Under Arrangement, select the dropdown menu to Customise arrange your items. You do this by dragging and dropping your items in the order of your choosing in the menu. You can also choose a default automatic arrangement for your items, which buyers can always change in a dropdown menu found on your live site (if you have the Sort option toggled on). Arrangement options include the following:
Note: You must have at least one category in order to rearrange items on the Order Online page.
The Most Popular and Recent Orders options display items dynamically. Most Popular shows items that are frequently ordered by customers. The Recent Orders option is specific to each customer and displays recently purchased items to allow for quick and easy re-ordering. Select the toggles to turn these options on or off. You can use them together or individually. With both options enabled, customers who don’t have recent orders will see the Most Popular items instead.
You can also enable cross-selling to automatically display items that are frequently purchased together. When a customer views an item’s details, they’ll see other suggested items with the option to add them to the basket.
To turn on cross-selling:
Open the Order Online page in the site editor
Select Item list > Details lightbox
Tick the box to enable cross-selling
Click Done and re-publish your site
Edit Additional Settings for your Displayed Items
As you scroll over the items in the list in the Square Online site editor, you’ll see the corresponding part of the page highlighted on the right. Select any item to open the options you can edit. These can include things like links, images, search bars, prices, lightboxes, pagination and more. Options you see will depend on the template you've chosen.
Add Sections to your Single Ordering Page
Sections can be used to add additional text, images and features to your single ordering page. The sections you can add to either template will depend on which you've chosen. Learn more about adding and editing sections.
The Buyer Experience for your Customers
For your Shop All page, your customers can browse and arrange your items using the methods mentioned above to quickly shop for what they're looking for. They can also see featured items if you add that section to this page.
For your Order Online page, if you have multiple locations set up for online ordering, your customers are prompted to select a location and choose a fulfilment method, before viewing the menu. Customers can use the link at the top of the page to switch to a different location or change order details.
Adding an item to the basket brings up a slide-out basket that lets customers edit quantities or remove items. They can also view details about their selected fulfilment method and make changes before checking out.
During checkout, customers will see any instructions you added in your collection and delivery settings. Customers can receive text message notifications about their order status if they enter in their phone number during checkout.