Every new member gets 7 days of Plus for free! Claim your gift now

Block documentation

Widgets & Tools

Clickable button for a page – Add a call-to-action button to your notes

Add a clickable button that takes readers to a web page or starts an email.

Try the live demo

Type / and search

4 settings

Pages and board cards

Lara can add it

Button

Live demo

Overview

A clickable button gives readers a clear way to open a web page or start an email from your notes. Set its label and destination, then choose how it looks and where it sits.

Use a button for one focused call to action, such as visiting a resource, contacting you, or signing up for an event. You can add buttons to pages and board cards.

When to use it

  • Link readers to a registration page for an event.

  • Give customers a direct route to a product or resource page.

  • Add an email contact button to a project or team page.

  • Highlight the next step in a guide, proposal, or announcement.

Features and settings

Setting

Button Label (e.g. Click Here)

Choose the text readers see on the button. Keep it concise and action-focused; the label can contain up to 60 characters.

Setting

Action URL (https://... or mailto:... )

Set the destination that opens when someone clicks the button. Use a web address to send readers to a page, or a mailto: address to start an email.

Setting

Alignment

Position the button to the left, center, or right, or make it span the available width. Choose the alignment that best fits the surrounding content.

Setting

Style

Choose a solid, outline, or ghost style to give the button the emphasis that suits your page.

Built in

Send readers to an event registration page

Add a button labeled “Register” and set its destination to the event sign-up page. Readers can go straight from your event notes to registration.

Built in

Make it easy to contact you

Use a label such as “Email us” and set the destination to a mailto: address. A click opens an email addressed to you.

Built in

Point to a project resource

Add a button such as “View the brief” that opens a relevant web page. Center or widen it to make the next step stand out.

How to use it

1

Add a Button block

Add the Button block to a page or board card.

2

Open Button Settings

Open Button Settings to edit the button.

3

Enter the label and destination

Set Button Label (e.g. Click Here), then enter a web address or mailto: address in Action URL (https://... or mailto: ).

4

Choose the appearance

Use Alignment to position the button and Style to choose a solid, outline, or ghost look.

5

Create the button

Select Create Button to finish.

Where it works

On any page

In the / menu

Inside board cards

Turn other blocks into it

Own settings panel

Lara can add it for you

Examples

Event registration

Add a “Register now” button to an event page and link it to the sign-up page. Readers have a clear next step after reviewing the details.

Email contact

Add a “Contact the team” button with a mailto: destination. Readers can start an email without copying an address.

Project resource

Use a “Read the project brief” button to link to a web page with more information. Place it near the relevant project summary.

Tips · Limitations

Tips

  • Use a label that tells readers what happens when they click.

  • Check the destination address before creating the button.

  • Choose a style that makes the call to action noticeable without distracting from the page.

  • Use full alignment when you want the button to span the available width.

Limitations

  • The Button block is not available in the slash menu.

  • A button has one label and one action URL; it is not a multi-link navigation list.

  • You cannot turn the Button block into another block.

Frequently asked questions

How do I add a clickable button to my notes?

Add a Button block to a page or board card, then open Button Settings. Enter a label and destination, choose the alignment and style, and select Create Button.

Can a button open a website?

Yes. Enter the web address in Action URL (https://... or mailto: ) to send readers to that page when they click the button.

Can I make a button open an email?

Yes. Set the action URL to a mailto: address to start an email when the button is clicked.

How do I change a button's text or appearance?

Open Button Settings and update Button Label (e.g. Click Here), Alignment, or Style.

Can I make a button full width?

Yes. In Alignment, choose the full-width option to make the button span the available width.

Build your next page with Button

Open Workspace, type / and add it in a second. Free to start, no credit card.

ReadyTools

© 2026 ReadyTools.
All rights reserved.

Select Language

Set theme