Editing buttons

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 enable users to take action.

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.
  1. 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. Learn more from this tutorial.

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 perform the best when you 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. Learn more about managing links.

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

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. 

Click Publish to make the changes live.

Other helpful articles

Changing the Call to Action button

Customizing block settings

Embedding Online Store products with Buy Now button

Call to Action block

Was this article helpful?
0 out of 0 found this helpful