System updates

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

Home>Site Design and Content

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 customise individual elements based on the preset style to create your own look.

Learn more about designing and customising 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:

  1. From your Square Online site editor, select Site design.

  2. Select Change site style.

  3. Choose a style and select Apply site style when finished.

  4. Optionally customise the preset style colours, fonts and shapes from the Site design tab.

Note: If you customise one of our preset styles, the customised 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.

Reset Your Style

If you’ve customised 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:

  1. From your Square Online site editor, select Site design.

  2. 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.

Can't find what you need?