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

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 customize 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: Use this section to bring attention to new or restocked merchandise, or any items you want to draw attention to. Learn more about featured items in Square Online.
  • Featured categories: Feature specific item categories on your site.
  • Donation: Feature specific donation items on your site.
  • Events: Feature specific event items on your site.
  • Membership: Feature specific membership items on your site.
  • Featured menu items: Feature specific menu items on your site.
  • 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.
  • Services list: Feature specific service items on your site.

Organize

  • 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 (e.g. 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 (be sure to 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 organization 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 carts that go well with what they’ve already added (e.g. a drink, a matching hat, etc.). Learn more about customizing item pages in Square Online.
  • 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 Online site editor, 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 customization 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.

Customize 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 customize how your content displays. Each layout comes with numerous customization 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. To move a section:

  1. From your Square Online site editor, open the page that has the section you want to move.
  2. 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.

Note: 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. To make a copy of a section:

  1. From your Square Online site editor, open the page that has the section you want to copy.
  2. In the editing panel, hover over the section to be copied and select ••• > Duplicate.

Delete sections

To delete a section:

  1. From your Square Online site editor, open the page that has the section you want to delete.
  2. In the editing panel, select the section to be deleted and select ••• > Delete.