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 Square Online site editor, go to your Square Online Overview page, and select the Edit Website button, or go to the left-hand navigation menu > Website > Edit Site.
Navigating the Site in the Editor
The editor is divided into three main parts, as shown in the image above. The right hand side of the screen shows the currently selected page, which updates in real-time as you add content to the page, and make changes.
Navigating Each Page in the Editor
If you select an individual page on the left, you’ll find a list of the page's sections for the page you are viewing. Click on any item in the list to view and edit the options. Mouse over a section to automatically scroll to it on the right. Use the “. . .” button to delete a section, or change its position on the page. You can add more sections with the Add sections button. The gear icon on the upper right opens up the settings for the page, where you can change the page title and edit SEO and social media options. The Site design button at the bottom opens the colour and font settings for your website.
On the upper left is the Pages list, which contains all the pages you’ve added to your site along with an +Add button to create more. Clicking on any page here will load that page on the right hand side of the screen 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 navigation menu.
Top Navigation Menu
The buttons in the centre at the top of the site editor 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 (you may not see this if you have already completed the guides).
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.
At the top of the site editor are buttons for viewing and publishing your site. The buttons with the phone and computer icons will let you toggle between mobile and desktop views within the editor. The Preview button will open your site in full width so you can see how it looks outside of the editor environment. In preview mode, you can click the Share button to generate a private link you can share with others to gather feedback. Once you’re satisfied with how everything looks, click the Publish button to make your site go live.