Notion widgets

Notion Button Widget

Turn a plain link into a clear call to action on your Notion page.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
Clean type, no frame. Blends into any Notion page.A frosted, translucent card with a soft highlight edge.Glowing accent-colored type. Best on dark pages.A warm paper card with serif type, like a note on your desk.An LCD screen with scanlines and monospace digits.

Button options

Reset to defaults
Short and clear works best, like "Book a call" or "Open the course".

9/40 characters

The web address the button opens, in a new tab. https:// links and mailto: email links work; anything else is refused.

0/500 characters

A small icon before the text.
Solid stands out most; Outline and Soft sit quietly beside other content.
Fully rounded, slightly rounded or square corners.
Stretch the button to the full width and height of the embed, so the whole block is clickable.
Where the button sits in a wide embed.

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 240 × 72 px.One of two columns: 340 × 90 px.The full width of a standard page: 700 × 90 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 90 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion button widget is an embedded, styled button that opens a link when clicked. Playxoft's free button widget turns any web address or email link into a solid, soft or outline button with an icon, in five styles and your own color, and opens it in a new tab. Write the text, paste the link, copy the embed link and paste it into /embed in Notion.

  • Any web or email link
  • Eleven icons
  • Solid, soft or outline
  • Your brand color
  • Fill the embed
  • Five styles

How to use the Notion Button Widget

  1. 1Write the Button text and paste the Link.
  2. 2Pick an Icon, a Look and the Corners.
  3. 3Choose Fill the embed for a big block, or a Position for a button that sits left, center or right.
  4. 4Set an accent color to match your brand, then press Copy embed link.
  5. 5In Notion, type /embed, paste the link and choose Embed link.

Button widget or Notion's own button?

Notion has its own button block. It runs actions inside Notion, such as inserting blocks or adding a page to a database, and it comes in Notion's standard look.

Button widgetNotion button block
OpensAny web page or email address, in a new tabActions inside Notion
LookFive styles, your color, icons, any sizeNotion's standard button
Best forCalls to action, links out, public pagesTemplates and workflows inside your workspace

Use the widget when the button should stand out or lead somewhere outside Notion: booking a call, opening a course, buying a product, joining a newsletter.

Which links work?

Web addresses (https:// and http://) and email links (mailto:hello@example.com, which opens the viewer's email app). If you leave out https://, the widget adds it. Anything else, such as javascript: or data: links, is refused for safety and the button stays grayed out with a note.

The button always opens its link in a new tab, without telling the other site which page the visitor came from. Opening in a new tab is also the dependable choice inside Notion, which shows embeds in a frame. Hover over the button to see the full address before clicking.

Ideas for buttons in Notion

  • Notion websites: a "Book a call" or "Get in touch" button on a page published with Notion Sites.
  • Course and client portals: "Open the lesson", "Join the call", "Upload files".
  • Team wikis: "Open the dashboard", "Report a bug", "Request time off" linking to your tools.
  • Personal dashboards: one-click shortcuts to the sites you use every day.

Styling tips

  • One main action: make it Solid; use Outline or Soft for second choices beside it.
  • Make the whole block clickable: Fill the embed stretches the button to the embed's full size, and the text scales with it.
  • Size it: about 240 × 72 for a single button in a column; a full-width embed of 90 px high makes a banner.
  • Brand color: set the accent to your brand's color, and the button, its glow and its hover state follow.

Frequently asked questions

Write the button text and paste your link in Playxoft's button builder, then press Copy embed link. In Notion, type /embed, paste the link and choose Embed link. Clicking the button opens your link in a new tab.
No, it always opens a new tab. Notion shows embeds inside a frame, and a new tab is the dependable way to open a link from there.
Yes. Use a mailto link such as mailto:hello@example.com, and the button opens the viewer's email app with your address filled in.
Yes. Set the accent color in the builder to any color, and choose the Solid, Soft or Outline look and the corner shape.
No. The widget has no analytics and sets no cookies. If you need click counts, add tracking parameters to your link and measure them on your own site.
Yes. It is free with no sign-up and no limits. The small Made with Playxoft link in the corner can be turned off.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.

Get a free website reviewSee website services

More free tools

See all tools

Free Notion Widgets

New

Clocks, countdowns, Pomodoro timers, calendars and more for Notion, in five styles. Free.

Open tool

Notion Clock Widget

New

Digital, analog, flip or word clock for Notion in any time zone, in five styles.

Open tool

Notion Countdown Widget

New

Count down to any date and time in Notion, then show a message or keep counting up.

Open tool

Notion Progress Bar Widget

New

How much of the year, month, week, day or your own date range has passed, live in Notion.

Open tool

Notion Calendar Widget

New

A mini month calendar for Notion with today marked, week numbers and month buttons.

Open tool

Notion Pomodoro Timer Widget

New

A Pomodoro focus timer for Notion with breaks, session dots and a soft chime.

Open tool