Home

Manage Sections on Your Square Online Site

As you create pages and navigation for your Square Online site, you'll be adding sections to each of your pages. Think of sections as the content building blocks of your website. Every page on your site has a universal header and footer section, and you can add and customise additional sections to create the online experience you want.

Learn more about how to Navigate the Square Online site editor and getting started with Square Online.

Section Types

Explore the following section types in the editor:

Sell more

  • Featured items: best for highlighting retail items such as clothing or jewellery (but can be used for any item types you sell). Learn more about featured items in Square Online.
  • Featured categories: best for highlighting any of your item categories.
  • Donation: best for highlighting donations for any cause.
  • Events: best for highlighting events, classes or gatherings of any kind.
  • Membership: best for highlighting your membership packages. Note: not available to all sellers at this time.
  • Featured menu items: best for highlighting your food and beverage items.
  • Services list: best for highlighting a list of your services.
  • Instagram feed: add an Instagram feed to your site for social shopping and dynamic content. Learn more about adding Instagram Shopping and content to Square Online.

Organise

  • Text: add text to your site. Learn more about adding and editing text on your Square Online site.
  • Scrolling text: add a horizontal scrolling marquee for animated content.
  • Text and image: add essential information and content.
  • Image gallery: display images on your Square Online site using galleries and slideshows, great for showcasing a portfolio, event photos or anything else you want to highlight. Learn more about adding galleries and slideshows to your Square Online site.
  • Button: add a section with a simple action button.
  • Video: add videos to your website in a variety of ways. Learn more about adding videos to Square Online.
  • Embed Code: enhance your website with a nearly unlimited variety of additional features (eg a Google calendar, custom contact forms, reservation services, event registrations, etc.). Learn more about adding embed code to Square Online.
  • PDF: customers and visitors can go to your Square Online site to view and download a menu, instructional manual, template and much more from a PDF file. Learn more about displaying PDF files on your Square Online site.

Inform

  • About: add information about your business or purpose.
  • Customer testimonials: add testimonials about your items and services from happy customers. You can even add some of your customer reviews to this section (make sure you get customer approval first). Learn more about customer reviews for Square Online.
  • Staff list: include a list of your staff, especially useful for sites that use bookable services or include organisation information.

Communicate

Other section types

  • Similar items: the similar items section, specific to your item pages in Square Online, is a section that displays additional products you sell on an individual item’s product page. This can be an easy way to show your customers what additional items they can add to their baskets that go well with what they’ve already added (eg a drink, a matching hat, etc.).
  • Main banner: many page types include a main banner (or announcement banner) that you can toggle on to bring attention to anything at the very top of the page.
  • Other sections: many pages have unique sections specific to those pages. Take a look at the editing panel in the editor to see your options.

Navigate the Sections Menu

Square-Online-Editor-Sections-Menu-EN

The sections menu in the editing panel of the site editor lists all of the sections on the current page. Hover over any item in the list to see it highlighted on your webpage and select it to view and edit settings for that section.

Add and Edit Sections

Square-Online-Editor-Add-Section-EN

You can add sections to your Square Online site to include text, images, items and many other features on your webpages. The sections menu in the site editor lists all of the sections on the page you're viewing (which you may move, copy or delete). Editing options vary by section type, so selecting a section in the menu will open that section's editing panel.

To add a section to your site:

  1. From your Square Dashboard, open the page you want to add a section to.

  2. Select +Add > Section and select a section that best suits your needs.

  3. Select the section to see customisation options appear in the editing panel.

  4. Complete your edits and Publish your site to see the changes live.

Note: If you don't see +Add > Section for the page you're editing, that means a section can't be added to that page.

Customise Sections

For certain sections in the Square Online site editor, you can easily add new areas called "groups" within the section to ensure consistency between all of those areas.

For example, the Text and image sections allow you to add a number of groups to the section. Depending on the layout, you can add more groups by selecting Add group in the editing panel, and you can toggle display options like section or group titles and descriptions, as well as the ability to display buttons or images.

See all of your options by selecting the different areas within a section on your site, and select different layouts in the editing panel to customise how your content displays. Each layout comes with numerous customisation options.

Move, Copy and Delete Sections

Square-Online-Editor-Move-Copy-Delete-Sections-EN

Move sections

You can move sections on your Square Online site around to adjust the order of the content on your pages.

  1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit Site.
  2. Open the page that has the section you want to move.
  3. Select the section in the editing panel, and drag it up or down to rearrange the order. You can also select ••• > Move up, Move down, or Move to another page.

If you don’t see these options appear, then the section can’t be moved.

Copy sections

You can make an exact copy of a section and add it to the current page.

  1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit Site.
  2. Open the page that has the section you want to copy.
  3. In the editing panel, hover over the section and select ••• > Duplicate.

Delete sections

  1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit Site.
  2. Open the page that has the section you want to delete.
  3. In the editing panel, select the section and select ••• > Delete.

Can’t find what you need?