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

Square-Online-Site-Design-Change-Style-EN

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

Learn more about designing and customising your Square Online site for more information on all of your site design options.

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

To change your style:

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

  2. Select Pick a new style.

  3. Choose a style and select Customise when finished.

  4. Optionally customise the preset style colours, fonts and shapes.

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:

Style Options

Square-Online-Site-Design-Style-Options-EN

Styles include the following options:

  • Minimal: Characterised by clean white backgrounds and one primary colour for elements.

  • Soft: Characterised by soft and subtle background colours and darker elements in the same colour scheme.

  • Bright: Characterised by bright background colours and bright complementary colours for elements.

  • Bold: Characterised by bold background colours and bold complementary colours for elements.

  • Midnight: Characterised by dark and deep background colours and bright complementary colours for elements.

Checkout Page Style

Square-Online-Checkout-Page-Style-EN

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 style 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?