How to Embed a Pomodoro Timer in Your Blog, Notion, or Study Site

Productivity bloggers write about the Pomodoro technique every day. Most describe the method, recommend an app, and send readers away from their page. The readers who leave often don't come back.

There's a better option: embed a live Pomodoro timer directly on your blog, Notion workspace, or study site. Readers absorb your advice and start their first session without leaving.

The Embed Code

For a standard Pomodoro timer (25-minute sessions, 5-minute breaks):

<iframe
  src="https://gotimer.org/pomodoro-timer"
  width="100%"
  height="520"
  frameborder="0"
  allow="autoplay"
  title="Free Pomodoro Timer">
</iframe>

For a flexible study timer (custom duration):

<iframe
  src="https://gotimer.org/study-timer"
  width="100%"
  height="500"
  frameborder="0"
  allow="autoplay"
  title="Free Study Timer">
</iframe>

Other useful timer URLs for productivity content:

| Use case | URL | |---|---| | Pomodoro (25/5 structure) | https://gotimer.org/pomodoro-timer | | Flexible study timer | https://gotimer.org/study-timer | | 25-minute focus block | https://gotimer.org/25-minute-timer | | 5-minute break timer | https://gotimer.org/5-minute-timer | | 10-minute break timer | https://gotimer.org/10-minute-timer |

Tier 1 Platforms

Notion

Notion is the number-one platform for productivity creators sharing templates and study systems.

1. Open your Notion page in edit mode.
2. Click on a new line where you want the timer.
3. Type /embed and press Enter.
4. Paste https://gotimer.org/pomodoro-timer into the URL field.
5. Click Embed link.
6. Resize by dragging the bottom-right handle.

For a shared team or study workspace: Any collaborator viewing the page can interact with it. Each person's timer runs independently in their own browser.

For a Notion template you plan to share or sell: Add the embedded timer to a "Focus Timer" section. When buyers duplicate the template, the embed carries over automatically — a working timer included with no extra setup.

WordPress

Block editor (Gutenberg):

1. Open your post or page.
2. Click + → search Custom HTML → select it.
3. Paste the Pomodoro iframe code.
4. Preview to confirm it renders, then publish.

Classic editor:

1. Switch to the Text tab.
2. Paste the iframe code where you want the timer.
3. Switch back to Visual to preview, then publish.

Best placements in a Pomodoro article:

• After the opening paragraph explaining what Pomodoro is.
• After a "Your first Pomodoro session" step-by-step section.
• At the end as a summary CTA: "Ready to try it? Start your first session here."

Squarespace

1. Edit your page → click + → select Code block.
2. Switch to HTML mode → paste the iframe code → click Apply.
3. Save and publish.

Note: Business plan or above required for code blocks to render on live pages.

Webflow

1. Go to Add Elements → drag an HTML Embed element to your canvas.
2. Double-click → paste the iframe code → Save & Close.
3. Publish.

Ghost

Ghost is the platform of choice for serious writers in the productivity niche.

1. Type / → select HTML card.
2. Paste the iframe code → publish.

Ghost renders iframe embeds cleanly within its minimal article layout.

Wix

1. Click Add Elements → Embed → Embed a Widget → Embed HTML.
2. Click Enter Code → paste the iframe code → click Update.
3. Resize, position, and publish.

Note: Requires a paid plan for the embed to display on your live site.

Tier 2 Platforms

Notion (Advanced: Database + Timer Combo)

Combine a Notion task database with an embedded Pomodoro timer on the same page:

1. Create a page with a Database (Table view) of tasks for the day.
2. Below the database, type /embed and embed the GoTimer Pomodoro timer.
3. Use this page as your daily focus dashboard.

Workflow: pick a task, start the timer below it, work for 25 minutes, check off the task, repeat.

Substack

Substack doesn't support iframe embeds. The workaround:

1. Write your Pomodoro article normally.
2. Add: "Use the free timer → gotimer.org/pomodoro-timer"

For an embedded experience, mirror your post on Ghost or WordPress where the embed renders, and link to it from your Substack issue.

Blogger (Blogspot)

1. Switch to HTML view → paste the iframe code → publish.

Medium

Medium doesn't support custom iframe embeds. Include the GoTimer URL as an inline hyperlink instead.

HubSpot CMS

1. Open your blog post → add a Rich Text module.
2. Click the < > icon → paste the iframe code → click OK → publish.

Carrd

Popular with solo creators building productivity resource pages.

1. Click + → Embed → Code → paste the iframe code → publish.

A Carrd page with an embedded Pomodoro timer, a brief technique explanation, and a downloadable PDF summary is a complete shareable resource — buildable in under an hour.

Framer

1. Press I to open the insert menu → search Embed → drag to canvas.
2. In the right panel, enter the GoTimer Pomodoro URL.
3. Adjust sizing and publish.

Google Sites

1. Click Insert → Embed → Embed code tab.
2. Paste the iframe code → Next → Insert.
3. Position, resize, and publish.

Where to Place the Timer in a Productivity Article

After the "What is the Pomodoro Technique?" explanation: Readers who understand Pomodoro are most likely to try it immediately. Place the embed right after the explanation.

As a callout block with instructions:

Ready to start? Set your Pomodoro timer below. Work for 25 minutes on one task. No multitasking. When it rings, take a 5-minute break.

Place the iframe directly below this text. The instructional context primes the reader to use the timer.

At the end as a "Start Now" CTA: Readers who reach the end are your most engaged visitors. A timer at the bottom converts reading into action.

What to avoid: Embedding mid-dense-explanation. The timer needs breathing room and a clear one-line action prompt before it.

Making Your Productivity Content Stickier

A working Pomodoro timer on your blog changes reader behaviour. Instead of reading about the technique and leaving to find a tool, readers complete their first session on your page — 25 minutes your page would never retain without an embedded tool.

For Notion template creators, a template with a working timer embedded has a clear edge over templates that only link to apps. The timer is part of the template experience from the moment a buyer opens it.

For study bloggers covering exam prep or revision techniques, a free study timer or 25-minute focus timer turns your article from a read-and-leave piece into a read-and-use session. That's a different category of content — and it's why embedding, not just linking, matters.