Contents

Link

Where the button goes when someone clicks it.

Where to find it
Labelled Link in the "Selected Component" section of the Modify drawer.
Offered by
The Button component. Other components do not have this setting.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.

In plain English

Give the button an address and it goes there. Leave it empty and the button does nothing yet — actions such as submitting a form or opening a dialog are not available, so an address is the only thing a button can currently do.

This setting changes what the button actually is, not just where it points. With an address it renders as a link that looks like a button; without one it renders as a real button element. That distinction matters more than it sounds: a link can be opened in a new tab, copied, and followed by a search engine, and a button can do none of those things. Setting the address is what earns those behaviours.

The address can be a page on your own site written as /pricing, a full web address, or a mailto: or tel: link. The remaining fields are the ones you would expect of any link — where it opens, what it tells the destination, whether it downloads rather than navigates.

What each option does

OptionWhat you will see
Same tabThe destination replaces your page. The normal choice.
New tabThe destination opens alongside your page, and the safety attributes that stop it interfering with yours are added for you.

When you would use it

  • Any call to action that takes the visitor somewhere: a pricing page, a signup form, a contact page.
  • Offering a file to download, using the download option.
  • A phone or email button on a contact section.

How to change it

  1. Click the button on the canvas.
  2. In the Modify drawer, open "Selected Component", then "Link".
  3. Type the address in "Link address".
  4. Set "Where it opens" to New tab if the destination should not replace your page.
  5. Clear the address to turn it back into a plain button.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Opening in a new tab is not automatically friendlier. It takes away the back button, and visitors rarely expect it for a link within your own site.
  • An address the browser cannot be trusted with — a javascript: URL, for instance — is refused at render time and the button falls back to a plain button. The editor warns you rather than silently dropping it.
  • A disabled button with an address keeps its appearance but loses the address entirely, which is what makes it genuinely unreachable rather than merely dimmed.
  • Internal addresses start with a slash. Typing "pricing" without one makes an address relative to the current page, which usually is not what you meant.

Related settings

Where to go next