← Back to Blog

How to Add Widgets to Notion (Step-by-Step Guide)

April 5, 2026

The best way to add widgets to Notion is to embed them as iframes using Notion's /embed block. Paste a widget URL, press Enter, and the widget appears live inside your page. No extensions, no installs, no leaving your workspace. Tools like Blocs offer free embeddable widgets (pomodoro timer, habit tracker, water tracker) that work this way out of the box.

  • Notion supports embedding any URL that allows iframe embedding via the /embed command.
  • Free widgets are available with no sign-up required.
  • Pro widgets (calendar, weather, countdown, progress bar, clock) unlock for a one-time $17 payment.

Key Takeaways

  • Notion's built-in /embed block lets you embed any iframe-compatible widget directly on a page.
  • You don't need browser extensions or third-party integrations – just a URL.
  • Blocs provides free embeddable widgets (pomodoro timer, habit tracker, water tracker) with no account needed.
  • Pro widgets like a calendar, weather forecast, progress bar, and flip clock are available for a one-time $17 fee.
  • Widgets update in real time inside Notion – no page refresh needed.

What Are Notion Widgets?

Notion widgets are small interactive tools – timers, trackers, calendars, clocks – that live inside your Notion pages. They're not native Notion features. Instead, they're external web apps embedded via Notion's iframe support. When you interact with a widget (start a timer, log a glass of water, check off a habit), it responds in real time, right inside your workspace.

The main advantage over building trackers manually with Notion databases: widgets require zero setup. No formulas, no properties, no template wrestling. You paste a URL and the widget is ready.

How to Add Widgets to Notion: Step-by-Step

Step 1: Get a Widget URL

You need a URL that points to an embeddable widget. For Blocs widgets, these look like:

  • Pomodoro Timer: https://blocs.me/pomodoro
  • Habit Tracker: https://blocs.me/habit-tracker
  • Water Tracker: https://blocs.me/water-tracker
  • Countdown Timer: https://blocs.me/countdown
  • Progress Bar: https://blocs.me/progress-bar
  • Clock: https://blocs.me/clock
  • Calendar: https://blocs.me/calendar
  • Quote of the Day: https://blocs.me/quote
  • Weather: https://blocs.me/weather

Copy the URL for the widget you want to embed.

Step 2: Open Your Notion Page

Navigate to the Notion page where you want the widget to appear. Click anywhere in the body of the page to place your cursor.

Step 3: Type /embed

Type /embed and select the Embed block from the dropdown menu that appears. Notion will show a text field asking for a link.

Step 4: Paste the Widget URL

Paste the widget URL into the input field and press Enter (or click "Embed link"). The widget will load inline on your page within a few seconds.

Step 5: Resize the Embed Block

Grab the resize handle on the right edge of the embed block and drag it to adjust the width. For tall widgets like the habit tracker or water tracker, you may want to increase the height by dragging the bottom edge downward. Experiment until the widget displays cleanly without scrollbars.

Step 6: Interact With Your Widget

Click into the embed block to start using the widget. Start your pomodoro, log water, check habits – everything works directly inside Notion. No new tabs, no separate apps.

Which Notion Widgets Can You Add for Free?

Several Blocs widgets are completely free with no account required:

WidgetEmbed URLFree?
Pomodoro Timerblocs.me/pomodoroYes
Water Trackerblocs.me/water-trackerYes
Habit Trackerblocs.me/habit-trackerYes
Countdown Timerblocs.me/countdownPro ($17 one-time)
Progress Barblocs.me/progress-barPro ($17 one-time)
Clock & Timerblocs.me/clockPro ($17 one-time)
Calendarblocs.me/calendarPro ($17 one-time)
Quote of the Dayblocs.me/quotePro ($17 one-time)
Weatherblocs.me/weatherPro ($17 one-time)

The free widgets include default settings (standard pomodoro intervals, preset water goal, up to 3 habits). Blocs Pro, a one-time $17 payment, unlocks all widgets plus custom goals, unlimited habits, theme customization, analytics, streaks, and cloud sync across devices.

Tips for Getting the Most Out of Notion Widgets

Use Column Layouts

Notion supports multi-column layouts. Drag a second block beside your widget embed to create a two-column layout. This works well for placing a pomodoro timer next to your task list, or a water tracker next to your daily notes.

Embed Widgets in Templates

If you use a daily or weekly Notion template, add your widgets there. Every time you create a new page from the template, the widgets come pre-embedded and ready to use.

Keep Widgets in a Dashboard Header

Many Notion users build a "home" or dashboard page. A row of compact widgets at the top (clock, countdown to a goal, quote of the day) gives useful at-a-glance info without cluttering the page.

Stack Related Widgets

A habit tracker, water tracker, and pomodoro timer work well together on a wellness or productivity page. Each widget saves its own state, so you can check in from any device.

Why Use Embeddable Widgets Instead of Notion Databases?

Notion's native databases are powerful, but building a habit tracker or water tracker from scratch takes time – formulas, rollups, filtered views, recurring templates. And even after all that setup, the result is a table or gallery view, not an interactive widget.

Embeddable widgets trade flexibility for instant usability. You get a polished, purpose-built tool that's ready in 30 seconds. For common productivity tasks like focus timing, hydration, or habit streaks, that tradeoff is usually worth it.

Some users combine both: a Blocs widget for day-to-day interaction, and a Notion database for longer-term record-keeping or trend analysis.

Frequently Asked Questions

Do Notion widgets work on mobile?

Yes, with a caveat. Embed blocks are visible in the Notion mobile app, but interacting with them can be finicky depending on your device. For the best experience, use Notion in a mobile browser (Safari on iOS, Chrome on Android) rather than the native app, or interact with widgets on desktop.

Do I need to create an account to use Blocs widgets?

No. The free widgets (pomodoro timer, water tracker, habit tracker) work immediately with no sign-up. An account is only required for Blocs Pro, which unlocks additional widgets and customization.

Will my widget data be saved if I close Notion?

Free tier widgets save state locally in your browser session. Blocs Pro users get cloud sync, so data persists across browsers and devices.

Can I embed widgets in shared Notion pages?

Yes. Embed blocks appear to anyone who views the page. However, each viewer's widget state is independent – logging water on your end won't affect what someone else sees when they open the same page.

Why isn't my embed loading?

A few common causes: the URL doesn't allow iframe embedding, your Notion workspace has embed permissions restricted, or there's a network issue. Try opening the widget URL directly in a browser tab first. If it loads there, the issue is likely a Notion permission setting. Check your workspace settings under Settings & Members.

What's the difference between a widget and a Notion integration?

Integrations (like Google Calendar or Slack) connect Notion to other apps via the Notion API and usually require OAuth authorization. Widgets are simpler: they're just web pages embedded in an iframe. No API access, no permissions beyond "load this URL." That simplicity is what makes them so easy to set up.

Ready to Add Your First Widget?

The free Blocs widgets are the easiest place to start. No account, no setup – just copy the embed URL, drop it into a /embed block, and your Notion page gains a live, interactive tool in under a minute.

If you find yourself wanting more (a visual calendar, a flip clock, a progress bar), Blocs Pro is a one-time $17 payment for lifetime access to the full widget suite.

View Blocs pricing or go straight to blocs.me to try the free widgets now.