Editing Buttons

You can use buttons to add a Call to Action (CTA) to your site. Buttons can link to your content, email addresses, or external content.

You can discover lots of blocks with buttons in the Block Library.  You can also add a standalone Call to Action block between any blocks on your page.

To edit the button, follow these steps:

1. Add a block with a button: click on the Add Block + button and choose the block that fits your website content strategy.

2. Edit button text: Navigate to the button and hover over the demo text inside the button. Click on any word and start typing your new text. 

On mobile, tap the button to trigger the keyboard and start typing to enter the text. Click Done when finished.

Tip: We recommend keeping button text under 25 characters. Longer text can interfere with the button's design and may display unevenly on mobile devices. Buttons are best when they use active verbs to encourage the desired action.

How to add a link to a button

Hover over the button text to trigger the Button Editing Pane. Click on the link to select the destination for site visitors after they click the button. 

You can add links when editing buttons on your mobile in a similar way.

To link to a page on your website, click on the link icon and choose the page of your website that you want your visitors to go when they click on the button. For example, we have chosen the Services page. 

Tip: if you do not see the option to add a link, hover away from the button and click anywhere on the page. Navigate back to the button and repeat.

5. Once you have added the link to your button, click Save to apply changes. On mobile, click the floppy disk icon in the top right corner.