Navigate the Square Online Site Editor
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:
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
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 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
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 that you can either share it with just a few people or everyone online.
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.