System updates

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

Home>FAQs

Navigate the Square Online Site Editor

ep-nav-editor-parts

The Square Online site editor is the tool you use to build and design your Square Online site. To access the site editor and builder for Square Online:

  1. In your online Square Dashboard, select 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, access the site editor on a mobile device. The Square Online site editor is mobile friendly.

Even with no online store, you can still use the Square Online site editor to build a website for sharing blog-style Stories or showcasing 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.

Navigate Your Site in the Editor

The editor is divided into three main parts. Learn more with these videos.

Navigate the Editor's Editing Panel

ep-nav-editor-sections

The editing panel shows the currently selected page, which updates in real-time as you add content to the page and make changes. If you select an individual page in the Page dropdown menu, you’ll find a list of the page's sections for the page you're viewing. Select any item in the editing panel to view and edit the options. Mouse over a section to automatically scroll to it on the site preview, or use the "..." button to delete a section or change its position on the page. Add more sections with the Add section button. Learn more about how to create pages and navigation, and about adding sections to those pages.

The gear icon by the page name in the editing panel opens up the settings for the page, where 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.

The Site design button opens the color and font settings for your website. Learn more about changing your site design colors and fonts.

nav-editor-pages

The Page dropdown menu contains all the pages you’ve added to your site along with an +Add button to create more. Selecting any page here will load that page in the site preview so you can easily start editing. Use the Edit link at the bottom of the pages list to edit and rearrange the pages shown in your website's navigation menu. Learn more about how to add a link for more information on editing your navigation menu.

Navigate the Editor's Navigation Menu

nav-editor-top-bar

The buttons in the editor's navigation menu provide the following functions:

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

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

  • View options for upgrading your site with the Upgrade link.

  • Visit our support site for help using the question mark icon.

  • View quick tips using the Guides button.

  • Preview the site as it will appear when live, and get a link to share with others.

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

Preview and Publish Your Site

You can preview and publish your site so you can either share it with just a few people, or everyone online.

ep-sos-prev-pub

Select the buttons with the phone and computer icons to switch between mobile and desktop previews within the editor. Then select the Preview button to open your site in full width so you can see how it looks outside of the editor environment. In preview mode, you can also select the Share button to generate a private link you can share with others to gather feedback.

Once you’re satisfied with how everything looks, select the Publish button to make your site go live.

Learn more about how to publish and unpublish your site, and how to check out the site preview.

Can't find what you need?