WordPress: Adding timer links in the block editor
Two ways to add timer links in Gutenberg — as inline hyperlinks within your recipe text, or as standalone timer buttons.
Method 1 — Inline link
The simplest option: add the timer as a hyperlink on your existing recipe text. “Cook for 12 minutes” becomes a tappable timer link.
Generate your timer link
Click the button below, fill in the timer name and duration, and copy the generated URL.
Open your post in WordPress
Navigate to Posts → All Posts, find your recipe, and click Edit to open it in the Gutenberg block editor.
Select the text you want to link
Find the sentence about the timed step — for example, “cook for 12 minutes” — and select the portion of text you want to turn into a link. The inline toolbar will appear above your selection.
Add the link
Click the link icon (chain link) in the toolbar, or press Ctrl+K / ⌘K. Paste the RecipeTimer URL you copied and press Enter. Update or publish the post.
Method 2 — Button block
For a more prominent call-to-action, add a WordPress Button block that launches the timer.
- Generate your timer link using the generator above.
- In the block editor, click the + icon to add a new block. Search for Button and add it.
- Type the button text — for example, ⏱ Start 12-minute pasta timer →
- Click the link icon on the button and paste your RecipeTimer URL. Set the link to open in a new tab so readers stay on your recipe page.
- Update or publish the post.
Tip: Add a timer for every timed step
Readers often have multiple things cooking at once. Adding a separate timer link for each step (pasta, sauce, garlic bread) means they can start all of them independently and get a named alert for each one.