Configure button blocks

Configure a button block

A button block gives learners a clear, labeled link to an external resource. Use it when you want to send learners somewhere specific — a registration page, a reference site, or a tool to try.

1. Select a button block on the page. The inspector shows its properties.
2. In Button label, write the text learners will see on the button. The label is limited to 80 characters.
3. In Link address, paste the destination URL. The address must start with https:// — the button opens in a new tab.
4. Under Style, choose Filled for a solid button or Outline for a bordered button.
5. Under Alignment, choose Left, Center, or Right to position the button on the page.

If the link address doesn’t start with https://, the inspector shows a warning and the address won’t save.

How to use it

A button works well at the end of a page or section, where learners are ready to act on what they’ve read. Keep the label short and action-oriented — for example, “Register now” or “Try the demo” — so learners know what to expect before they click.

Buttons open external links in a new tab. There’s no built-in option to link to another page within the same course, and no additional color or size controls specific to buttons. In the editor, a button without a valid URL is non-interactive so you can select and edit it without navigating away.

In learner preview, a button block renders as a link that opens the configured URL in a new tab. Full-resolution PNG

On phone viewports, the button link opens the same external URL in a new tab. Full-resolution PNG

The inspector shows button block properties: label, link address, style, and alignment. Full-resolution PNG

The button block inspector is accessible through the inspector drawer on phone-width screens. Full-resolution PNG