W-032 · WIDGET

CTA Button

A CTA-button widget is a single prominent action button — book a call, buy now, follow, subscribe — that takes one URL and one label and produces an accent-filled tappable card. WidgetCraft's CTA Button widget is a single-paste embed for landing pages, link-in-bio, Notion docs, and anywhere you need a primary call-to-action.

NotionObsidianAny website
https://mizu.so/w/cta-button?theme=light&accent=%23F06449&label=book+a+call&url=https%3A%2F%2Fcal.com%2Fusername
Customize in Builder

CTA Button is one of WidgetCraft's commerce primitives — a single-purpose button widget that renders an accent-filled card with a label and an arrow. Click anywhere on the card to open the configured URL in a new tab. Use it as the 'book a call' button on a portfolio page, the 'subscribe' card next to a Bio widget, or the primary action below a product description. The button picks up the accent color from the universal style controls, so a yellow accent gives a yellow CTA, a forest accent gives a green CTA — the rest of the card respects whatever palette you've configured.

FAQ

Questions, answered.

How do I configure the button?

Two fields: Label (the text shown on the button) and URL (where it goes). Set them in the inspector or pass `?label=Subscribe&url=https://...` in the embed URL. Keep the label short — under ~16 characters works best so the button doesn't wrap.

Where does the button link to?

Wherever you set the URL field. The link opens in a new tab (`target='_blank' rel='noopener noreferrer'`) so the user's host page (Notion, your site) doesn't get navigated away.

Can I change the button color?

The button uses the accent color from the universal style controls. Change the accent in the STYLE tab and the button re-tints. The text color is auto-resolved for contrast (white on dark accents, dark on light accents).

Does it track clicks?

Not by us — the widget renders an anchor tag pointing at your URL. To track clicks, use a URL shortener that supports analytics (Bitly, your own custom domain via Cloudflare Workers, etc.) and put the trackable URL in the field.

Can I have multiple CTAs in one widget?

No — CTA Button is intentionally one button per widget. For multiple actions, drop multiple CTA Button widgets stacked or use a Link Card widget for secondary links.

Is this widget free?

Yes. WidgetCraft widgets are free to embed and customize. No per-click fees, no signup required.

Related widgets

W-009 · creator
GitHub
Four variants in one widget — single repo (detailed or compact), or trending repos by stars (top-N list or single hero). Time window + language filter for the trending variants.
W-012 · creator
YouTube Subs
Official subscriber count, total views, and video count.
W-024 · creator
Bio
Photo + name + tagline + optional role/location. The hero block of any showcase, link-tree, or portfolio Mizu.
Customize colors, fonts, and layout in the builder — preview live, copy the embed URL, paste anywhere.
Open in BuilderView all widgets