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.
Note: Access more themes by upgrading your Square Online site.
With themes in Square Online, efficiently build a beautiful website that will engage your buyers. A theme is a template website that helps you visualize the way your site can look, feel, and function when first getting started. Use any theme as a foundation to further build upon so you can express your brand identity in a visual and interactive way. Learn more about choosing themes for your Square Online site to start designing new sites fast.
Instead of choosing individual colors, 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 styles to create your own look. Learn more about choosing styles for your Square Online site to update your existing site’s design.
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.
Note: Customize additional site elements by upgrading your Square Online site.
With our advanced design controls for specific site elements, you can further customize your site with the following options:
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.