Buttons and links

Add a button

Add a Button block and type its label. Keep the label short and specific: "Book a call", "See the menu", "Download the guide".

A button that says "Click here" makes people guess. A button that says what happens next is easier to use.

Choose a style

Buttons use variations, such as primary, soft, or outline. A variation is a saved set of styles, so every primary button looks the same.

Use one main style for the most important action on a page. Use a quieter style for secondary actions. If every button is loud, nothing stands out.

You can change a single button in the Box and Text tabs, but changes to the variation affect every button that uses it.

Read Style manager for variations.

Set the link

Select the button and open Action. Choose where it goes:

• URL for another website.

• Page for another page in this project.

• Current item inside a repeater, so each row links to its own item page.

• Email for an email address, with an optional subject.

• Phone for a phone number.

For a page in this project, pick it from the list instead of typing the address. The link keeps working if the page URL changes later.

Open in a new tab

Turn on Open in a new tab when the link goes to another site, a document, or something that should not replace your page.

For links inside your own site, staying in the same tab is usually better. It keeps the back button useful.

Link text in a paragraph

Select part of a sentence and use the link control. The same destination choices apply.

A link inside a sentence should describe where it goes. "Read the full story" is better than "click here".

Button groups

A Button group holds several buttons in a row. Use it for a primary and a secondary action, such as "Start free" and "See pricing".

Keep the group short. Three buttons is usually the maximum before the choice becomes noise.

Submit buttons in forms

A form has its own submit button. It looks like a normal button, but its job is to send the form. The form's Form tab decides where the submission goes.

Read Forms for the form actions.

A simple starting recipe

For a call to action:

1. Add a section with a strong but simple background.

2. Add a short heading and one sentence of context.

3. Add a primary button with a clear action.

4. Add a quieter secondary link if there is a real second choice.

5. Check the button on mobile, where it should be easy to tap.

A comfortable tap target is at least 44 pixels high. If the button looks small on a phone, increase its padding.