System updates

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

Home>Site Design and Content

Add Sections to Your Pages in Square Online

As you build your website in the Square Online site editor, you'll be adding pages to your site and adding sections to each of those pages.

Think of sections as the building blocks of your website. You can use them to add content from text and images, to products and much more. Every page on your site has a universal header and footer section, and you can add more sections and customize them to create the look you want.

Sections can be added to standard pages, item pages, and the home page. Sections can’t be added to item or category pages as these page types automatically display content from your online store. Learn how to customize category pages.

Navigate the Sections Menu

ep-sos-sections-menu

The sections menu on the left side of the Square Online site editor lists all of the sections on the current page you have open. Hover over any item in the list to see it highlighted on the page, and select it 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

ep-sos-sections-choose

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.

ep-sos-sections-settings

Adding a new section automatically opens the settings in the editor menu. 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. Select any item in the list to edit the settings, or select content 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 Online 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 the Order Online page will not be carried over to the Shop All page 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

ep-sos-sections-copy-move

To make a copy of a section, mouse over it in the sections menu and select the "..." button. Then 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 select the "..." button. Then select Move to another page and choose the page you want to move the section to in the popup window.

Note: You can only move sections to and from standard pages.

Rearrange and Delete Sections

ep-sos-sections-move

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, select 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.

ep-sos-sections-delete

If you need to delete a section, mouse over it in the list and select the "..." button, then select Delete.

Can't find what you need?