Articles on: Rooms

CTA widget

The CTA (Call-to-Action) widget is a styled button that drives a specific buyer action — book a meeting, accept a proposal, start a trial, download a resource.



How to add


  1. On the floating build bar at the bottom of the editor, open the ⌄ All widgets popover and locate CTA.
  2. Drag it onto the target section. The Edit CTA popover opens straight away.
  3. Configure it (label, URL, colours, border, behaviour).


The button's width auto-fits its label (minimum 160 px), so a longer label makes a wider button.


The selection pill — CTA controls


Click the button to select it. Left to right:


  1. Ask AI (gradient AI mark).
  2. Edit content (settings icon) — opens the Edit CTA popover (see below). This is where label, link, colours, border, and hover behaviour live.
  3. Design (paint bucket icon) — opens the contextual Design panel (Layout & corners / Spacing / Effects). Background and Border are best left to the Edit CTA popover, since the button's fill is the visual background.
  4. ⋮ More — Duplicate · Delete.


(No Open / S-M-L chips — a button has nothing to open or resize.)


Edit CTA popover — all the knobs


Open via the settings icon on the pill:



  • Label — the text shown on the button (e.g. "Book a 15-min intro")
  • Link URL — where clicking goes (https://…)
  • Button color — background fill (colour picker / hex input)
  • Font color — label colour (colour picker / hex input)
  • Border — toggle on/off. When on, you can set:
    • Border color
    • Width — 1 to 8 px
  • Open in new tab — toggle; when on, the destination opens in a new browser tab so the buyer keeps their place in the room
  • Hover effect — a segmented control: Dim · Glow · Scale · None


Changes apply live as you type — there's no Save button; click outside to close.


Button copy


Good CTA copy:

  • Starts with a verb — "Book a demo", "Download the brief"
  • Is specific — "Start your 14-day trial" beats "Get started"
  • Signals low friction — "Book a 15-min intro" is less intimidating than "Schedule a meeting"


Placement


  • End of a section — after you've made the case, invite the action
  • After a pricing block — pair with a "Talk to our team" CTA
  • Top of a critical section — when the whole section is about taking action


One primary CTA per section


Most rooms should have one primary CTA per section — the most important action. If you need multiple, make the primary visually stronger (bolder color, bigger button) and the others secondary (lighter color, thinner border, or a Link widget instead).


When to pick a different widget


  • Booking a meeting — the Meeting widget is usually a better fit (calendar integration, auto-fetch of recordings/transcripts)
  • Signing a document — use the Signature widget for e-sign flows
  • Neutral reference to an external resource — use the Link widget; it's for "here's a thing", not "do this thing"


Updated on: 01/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!