Design and Customize Your Square Online Site

When customers open a website for the first time, everything from colours, fonts and shapes can affect how they respond to its content. Square Online gives you tools to create a website that’s visually appealing, easy to navigate and simple to design with your brand in mind.
To customize the overall look and style of your Square Online site, start by pulling up the Site design panel in your Square Online site editor. There are several design tools here to help you get started.
Note: Web accessibility is an important aspect of designing a website that’s accessible to as many people as possible, particularly those with disabilities or impairments. Learn more about web accessibility for Square Online sites.
To understand all Square Online tools and features in the editor, learn more about how to navigate the Square Online site editor.
Logos
To identify your business, organization or idea on your Square Online site, you can add a logo to your header and footer in the site editor. Learn more about adding a logo to your Square Online site.
Colours
After carefully choosing which colours to associate with your brand, you can select the same colours to brand your website with Square. Begin creating an online identity that has just the right look and feel with colour combinations that suit your needs. Learn more about choosing colours for your Square Online site.
Fonts
Our font tools help simplify the task of choosing fonts for your website in the site editor. Our curated typefaces are designed to look great together and ensure that your text is reader-friendly on any screen. Learn more about choosing fonts for your Square Online site.
Shapes
To give your Square Online site a unique look, you can change the shape of various elements such as buttons, form fields and images. To start:
From your Square Online site editor, select Site design.
Select Shape and choose the shape of each element. Options include Sharp, Rounded or Pill depending on the element.
Once you choose an option, all elements on your site will be that shape. This helps maintain visual consistency across all of your webpages.
Styles
Instead of choosing individual colours, fonts and shapes for your Square Online site, you can use preset styles to quickly set up your site design in a way that closely matches your brand. With our curated design elements, get inspired to create a design visitors will love, and even customize individual elements based on the preset styles to create your own theme. Learn more about choosing styles for your Square Online site.
Reset Your Site Design
There may be times when you’re editing your Square Online site but prefer to start completely over with a clean canvas. To reset your site design:
From your Square Online Overview page, go to Website > Site Preferences.
Select Reset to default.
This will unpublish your website, and reset it to its initial state before editing or uploading content. No items in your online store will be affected.
Note: Be cautious with using this option, as it cannot be reversed. We don’t have the means to revert a website to a previous version or published state.
Learn more about managing your Square Online site preferences.