Button

A Button is a tappable element with a text label. Use it for calls to action like "Get in touch" or "Shop now". It can open a link when a visitor taps it.

How to add it

EditorInsert (⌘/)Building BlocksButton

Open the Insert menu (the plus button, or press ⌘ /), search for Button under Building Blocks, and choose where to place it. See Adding Components for placement options.

A Button block on the canvas1000 x 560

Button settings

This setting is unique to the Button. Select the button on the canvas to find it at the top of the Fields panel.

LabelTextDefault: Button

The words shown on the button. This is usually the first thing to change after adding one.

Making the button do something

By default a button is just for show. To make it act, open the Click Event section and turn on Enable Click Event, then pick a Type:

Link — enter a web address in the URL field. Tapping the button opens that address.
Subscription — turns the button into an email sign-up. See Email Subscription.
Lemon Squeezy — sells a product through a checkout overlay. See Selling a Digital Product.

A Button with its Click Event set to Link1000 x 560

A button with no click action is fine for mockups, but a live page usually wants every button to lead somewhere.

Styling

Everything about how the button looks comes from the shared styling sections:

Change the label's font, size, and colour under Typography.
Set the button's fill colour, size, padding, and margins under Appearance. By default a button has a purple background with fully rounded, pill-shaped corners.
Adjust the outline and corner roundness under Border.

All of these are covered in detail in Common Fields.

Buttons vs Icon Buttons

If you want a button that shows an icon instead of text, use the Icon Button block.