System updates

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

Home>Overview

Navigate the Square Online Site Editor

Square-Online-Site-Editor-EN

The site editor for Square Online is the tool you use to build and customise your eCommerce website with Square. From design tools to integrations with social media, you can take your business online and create a website customers will love to visit.

Even with no online store, use the Square Online site editor to build a website to share blog-style Stories or host videos. You can also display PDF documents or add a contact form for site visitors to reach you directly. Explore the editor to view all of your options.

Access the Site Editor

To access the site editor for Square Online:

  1. From your online Square Dashboard, go to eCommerce > Online to go to the Square Online Overview page.

  2. Select Edit site to open the Square Online site editor.

Note: To edit your site on the go, log in to your Square account on a mobile device. The Square Online site editor is mobile friendly.

Understand the Editing Panel

Square-Online-Site-Editor-Editing-Panel-EN

The editing panel displays your editing options based on the currently selected page, section or element on your site. It updates in real time as you add content and make changes. Here are some tools within the editing panel:

  • Select the Page dropdown menu to load a page on your site preview and view sections on the page in the editing panel. When a page is loaded, you can:

    • Hover over a section in the editing panel to automatically scroll to it on the site preview, or use the options to rearrange or delete sections.

    • Add more sections with the Add section button. Learn more about adding sections to your site pages.

    • Create more pages.

  • Select the +Add icon to add either a section, page, item or category to your site. Which of these options you can use is dependent on the kind of page you have open in the site preview.

  • Select the gear icon to open settings for the page you’re viewing. You can change the page title, and edit SEO and social media options. Learn more about updating your SEO title and description for search engines.

  • Select the Site design button to open the design settings for your website. Learn more about designing and customizing your Square Online site.

Understand the Toolbar

Square-Online-Site-Editor-Toolbar-EN

The buttons in the toolbar provide the following functions:

  • Switch the view from desktop to mobile so you can check out how the site looks on both small and large screens.

  • Undo or redo a change by selecting the left and right arrows.

  • View options for upgrading the site you’re editing by selecting Upgrade.

  • Visit our support centre for help by selecting the question mark icon.

  • View quick tips by selecting Guides.

  • Preview the site as it’ll appear when live, and get a private link to Share with others. Learn more about how to check out the site preview.

  • Publish your website to make it live and visible to everyone.

Navigate the Site Editor

Learn more about navigating the site editor with these videos.

Learn more about: Dashboard

Can't find what you need?