TempoLife › Features › Embeddable widgets › fasting-timer
Fasting timer widget
A live countdown for a fasting window (16:8, 18:6, 20:4 or a custom length). The start time is remembered in the visitor's own browser only.
Live preview
This is the real widget, running right here in an iframe exactly as it will on your site:
Copy this into your page
Paste this one line of HTML wherever you want the widget. It needs no script and no key.
<iframe src="https://tempolife.app/embed.php?w=fasting-timer&h=16" width="100%" height="440" style="border:1px solid #e2e5ee;border-radius:12px;max-width:340px" title="TempoLife Fasting timer" loading="lazy" referrerpolicy="no-referrer"></iframe>
Sizing
The snippet is full-width up to a maximum of 340 pixels, with a height of 440 pixels — a good default for this widget. On a narrow screen it shrinks to fit; on a wide one it stops at the maximum. If the content is taller or shorter than you like, change the height value in the snippet. The widget itself never scrolls the whole page; anything that overflows scrolls inside the frame.
Parameters
Add these to the iframe URL after ?w=fasting-timer to pre-fill or configure the widget:
| Parameter | Values | What it does |
|---|---|---|
w | fasting-timer | Selects this widget (required). |
h | 1–48 | The default fasting-window length in hours. |
theme | dark or light | Colour scheme. Defaults to dark. |
How it behaves
The widget is a standalone page at https://tempolife.app/embed.php. It sets no cookies and stores nothing on our servers about your visitors. It is sent with a content-security policy that allows any site to frame it, and it does not send an X-Frame-Options: DENY header, so it will not be blocked from loading in your page. It loads only its own small stylesheet — none of the TempoLife app assets — so it stays lightweight and cannot clash with your site's styles.
All the numbers are estimates for general information, computed live from the TempoLife food database and the published equations behind the rest of this site. They are not medical advice.
Source: Mifflin-St Jeor equation and USDA FoodData Central via the TempoLife food database · checked 2026-09-02
Frequently asked questions
Will this slow my page down?
Barely. The widget is a small self-contained page with its own tiny styles and no external libraries, loaded lazily in an iframe, so it does not block your page from rendering.
Can I change the colours?
Add <code>&theme=light</code> or <code>&theme=dark</code> to the iframe URL. The widget ships in dark by default.
Is my visitors' data safe?
Yes. The widget sets no cookies and sends nothing about your visitors to us. Anything typed in stays in the browser and is used only to show the result.
Other widgets
Calorie calculator
A daily-calorie-needs calculator (BMR and maintenance) using the Mifflin-St Jeor equation. Visitors enter sex, age, height, weight and activity.
Recipe nutrition card
Adds up calories, protein, carbs and fat for a list of foods and grams, with a per-serving breakdown, from the USDA-based TempoLife food database.
Food search
A search box over the TempoLife food database that returns per-100 g calories, protein, carbs and fat. Nothing the visitor types is stored.
WordPress plugin
A complete single-file WordPress plugin that adds a [tempolife] shortcode for any of the widgets above — given here in full, ready to paste.
All widgets and the embed rules
Give people the whole tool, not just the widget
The widget answers one question. TempoLife answers the rest — photo meal logging, steps, sleep and weight in one free app.