Guides/Create content/Design/Add buttons to your site

Add buttons to your site

Last reviewed on December 11, 2025

You can add buttons to your website to create links to pages, products, or any other locations. Buttons help guide visitors to take action, such as signing up, purchasing, or learning more. This guide will show you how to add buttons to your site.

Video tutorial

Add a button

To add a button to a pagepost, or template, take the following steps:

  1. Go to your site’s dashboard.
  2. Depending on where you want to add the button, navigate to a page, post, or template and edit or create a new:
    • Page: Go to the Pages section of your menu.
    • Post: Go to the Posts section of your menu.
    • Template: Go to Appearance → Editor and select the template.
  3. Click the + block inserter icon and search for “button”.
    • Or, type /button wherever you see “Type / to choose a block”.
The block inserter open with the word "button" in the search and the buttons block highlighted.
  1. Click the buttons icon to insert the Buttons block.
  2. Add the button text where it shows “Add text…” This can say “Learn more,” “Click here,” or anything else at all.
A newly added button with the placeholder "Add text..."

After you add your first button, you will want to add a link. The link could be to another page or post on your site or to an external site. Follow these steps to add a link to your button:

  1. Use the List View to select an individual button within the Buttons block.
  2. In the toolbar that appears after you select the button, click the “Link” icon.
A single button in the Buttons block selected, with an arrow pointing to the "Link" icon in the button's toolbar.
  1. In the field that appears with “Search or type URL” you can add the URL of the page you want to link to, or search your site for a published page/post by name.
The "Search or type URL" input field highlighted.
  1. Click the Submit icon (reversed arrow) or hit Enter or Return on your keyboard.

You can also add an icon, emoji, or image to a button.

Add more buttons


You can add more buttons within an existing Buttons block or create a new one. Follow these steps to add a new button to an existing Buttons block:

  1. Click the Buttons block.
  2. Click the + Block Inserter icon to insert a new button.
The Buttons block selected with an arrow pointing to the + Block Inserter icon.
  1. Use the left or right arrows in the toolbar to reorder buttons.
  2. Follow the steps above to add a link.

By default, the buttons will appear side-by-side. You can customize the alignment of the buttons as well as their position (next to each other or stacked) by following the steps in our align buttons on your site guide.

Other types of buttons

If you want to add more advanced buttons to your site, take a look at these options.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!