Design and Customize Your Square Online Site
When customers open a website for the first time, everything from colors, 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.
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.
After carefully choosing which colors to associate with your brand, you can select the same colors to brand your website with Square. Begin creating an online identity that has just the right look and feel with color combinations that suit your needs. Learn more about choosing colors for your Square Online site.
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.
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.
Advanced Design Controls
Note: Using advanced design controls requires an upgrade on your Square Online site.
With our advanced design controls, you can further customize your site with the following options:
Instead of choosing individual colors, 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. Any items in your online store won't 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.