Choose Styles for Your Square Online Site
Instead of choosing individual colours, fonts and shapes for your existing 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 style to create your own look.
Learn more about designing and customizing your Square Online site for more information on all of your site design options. If you’re only just getting started with Square Online, learn more about choosing themes for your Square Online site to start designing new sites fast.
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.
Change Your Style
You can change your site style at any time. To change your style:
From your Square Dashboard, select Site design.
Select Change site style.
Choose a style and select Apply site style when finished.
Optionally customize the preset style colours, fonts and shapes from the Site design tab.
Note: If you customize one of our preset styles, the customized style can’t be saved as a theme template for future use.
Learn more about:
Checkout Page Style
The following elements on your checkout page will be in the same style as the rest of your website:
Background colour
Font colour
Button colour and shape
Note: For legibility purposes, the font style on your checkout page will remain the default font style for all Square Online sites.
Learn more about your checkout options with Square Online.
Customer Account Page Style
The following elements on your Customer Account pages will be in the same style as the rest of your website:
Background colour
Font colour and style
Button colour and shape
Learn more about customer accounts for Square Online.
Reset Your Style
If you’ve customized the colours, fonts and shapes of a preset style in Square Online, you can reset it to its default state at any time. To reset your style:
From your Square Dashboard, select Site design.
Select Reset to defaults.
Note: If you reset your current style, there’s a rare chance it’s been updated since first applying it to your site. In such cases, your site will be reset to the latest version of the style.