Adding Sections to Your Pages in Square Online
Think of sections as the building blocks of your website. You can use them to add everything from text and images to products and more. Every page on your site has a universal header and footer section, and you can add more sections and customise them to create the look you want. Learn more below.
The Sections Menu
The sections menu on the left side of the Square Online site editor lists all of the sections on the current page. Mouse over any item in the list to see it highlighted on the page, and click to view and edit settings for that section. Use the page list at the top to add a new page, or choose a different page to edit.
Add and Edit Sections
Click the Add section button to view more sections. Scroll through the list, and click on any section to see a preview on the page. Use the Add button to insert the selected section, or click Cancel to close the section list.
Adding a new section automatically opens the settings on the left. There are different options depending on the type of section you added, but most include additional layout and style options. You can also turn off some elements using the toggle switch. Click on any item in the list to edit the settings, or click directly on the page to edit the content for the section. Learn more about adding text and images to your pages.
Experiment with different layouts and styles to see what works best for you. Your changes are saved as you work, but don’t worry if you make a mistake – you can always undo changes using the undo arrow at the top of the editor. The undo and redo arrows will work for any changes made to the page you’re currently editing, but all changes will be permanently saved if you switch to a different page or exit the editor.
From the Order Onlinesingle ordering page template, you can also add sections by selecting the Add button at the top of the page, then Section from the menu. You’ll see a section appear on the page that allows you to add content to this space. You can choose any sections from the left-hand menu to add to your page.
Note: Sections added to Order Online will not be carried over to Shop All when switching templates.
When you’re finished making changes, use the Done button to close the section settings. You can re-open the settings for a section by clicking on it in the sections menu.
Copy or Move a Section
To make a copy of a section, mouse over it in the sections menu and click the "..." button. Select Duplicate to add an exact copy to the current page.
To move a section from one page to another, mouse over it in the sections menu and click the "..." button, then select Move to another page. In the pop-up, choose the page you want to move the section to.
Note: You can only move sections to and from standard page types.
Rearrange and Delete Sections
While certain sections are fixed in position on the page (like the header and footer), you can rearrange the order of any sections you’ve added. In the sections menu, click on a section and drag it up or down to change its position. You can also reposition a section with the Move up and Move down options in the "..." menu.
Note: You won’t be able to move a section up or down if it’s the only section on the page, or if it’s already at the top or bottom of the section menu.
If you need to delete a section, mouse over it in the list and click the "..." button, then select Delete.