Buttons are a common website feature because they add visual interest and encourage visitors to click a link or engage with your content. There are many ways to add buttons in Squarespace, and this guide will walk you through these options.
The best templates for buttons
You can add buttons on every template. Some template families have more possibilities, like buttons in headers and navigation menus:
If your template isn't on this list, nearly all of the buttons below are still available in every template.
Add a button (almost) anywhere with a Button Block
The Button Block is the most versatile way to add a call to action to your site. You can add a Button Block to any template and customize where it appears your layout.
Button Blocks can link to your site content, external content, and files.
To learn more, visit Using the Button Block.
Cover Page buttons
Cover Pages display information on a single landing page to grab a visitor's attention. Cover Pages are a great way to advertise an event, introduce your site, or collect email addresses. You can add up to two buttons to a Cover Page.
To learn more, visit Using Cover Pages.
Navigation, banner, and header buttons
Adding a button to a banner or header puts your call to action front and center, encouraging visitors to click it right away.
To learn more, visit Adding buttons to headers.
Form and Newsletter Block buttons
Social sharing buttons
Visitors use these buttons to share your content on their social media profiles:
Commerce and donation buttons
- Add to Cart buttons - Every product's item page has an Add to Cart button. If Express Checkout is enabled, it says Purchase instead.
- Donation Block buttons - The donation block displays a button that sends customers to a donation page. They can send payments directly to your bank account.
Image Block buttons
Creating an Image Block button is one way to add links to your images. They appear below the image title and subtitle.
Promotional Pop-Up buttons
You can create a pop-up that appears when visitors land on your site and add up to two buttons to it.
You can customize your buttons to match your site's overall look and feel. For example, you can change the:
- Background color
To create a consistent design, style changes you make to one type of button will apply to all of those buttons on your site.
To learn more, visit Styling buttons.
Track button clicks in Analytics
- In Form & Button Conversions Analytics, you can see how frequently visitors click content-related buttons. Using the insights in this panel, you can compare which buttons are most effective and understand how style or position changes affect button clicks over time.
- In Purchase Funnel Analytics, you can see how many customers clicked the Add to Cart buttons for products.