Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Adding buttons to your site

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

To encourage visitors to contact you or subscribe to your newsletter, add a Form or Newsletter Block. In both of these blocks, you can customize the "Submit" button text.Button_4.png

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

Styling buttons

You can customize your buttons to match your site's overall look and feel. For example, you can change the:

  • Background color
  • Font
  • Shape
  • Size

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.
Was this article helpful?
18 out of 78 found this helpful
Adding buttons to your site