TempoLife › Features › Embeddable widgets
Embeddable widgets
Drop a calorie calculator, recipe nutrition card, fasting timer or food search into your own site with one iframe — or use the WordPress shortcode plugin. No account, no cookies, no tracking.
The 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.
Fasting timer
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.
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.
The rules — what an embed does and does not do
- Each widget is a single <iframe> pointing at https://tempolife.app/embed.php. You copy one line of HTML; there is no script to install and no API key.
- The widget sets no cookies, stores nothing about your visitors, and sends no analytics. The fasting timer keeps its start time only in the visitor's own browser.
- It is served with Content-Security-Policy: frame-ancestors *, so any site may embed it, and it deliberately does not send X-Frame-Options: DENY.
- It loads none of the TempoLife app's CSS or JavaScript — just its own tiny styles — so it stays small and cannot interfere with your page.
- The food figures come from the USDA-based TempoLife database and the calorie maths is the published Mifflin-St Jeor equation. They are estimates for general information, not medical advice.
- The widgets are free to embed. A visible link back to TempoLife is included and is appreciated but not required.
Making it responsive
Every snippet sets a width of 100% with a sensible maximum, and a fixed pixel height. That keeps the widget full-width on a phone and capped on a wide screen. If you need a different height, change the height attribute — the suggested value on each widget's page is a good starting point.
Source: Mifflin-St Jeor equation and USDA FoodData Central via the TempoLife food database · checked 2026-09-02
Frequently asked questions
Do I need an API key or account?
No. Each widget is a plain iframe. Copy the one-line snippet and it works — no key, no sign-up, no script tag.
Will it track my visitors?
No. The widgets set no cookies, store nothing server-side, and send no analytics. The only thing kept anywhere is the fasting timer's start time, which lives in the visitor's own browser.
Can I use it on WordPress?
Yes. Either paste the iframe into a Custom HTML block, or install the one-file shortcode plugin on the WordPress page and use [tempolife widget="…"].
Is it really free?
Yes, free to embed. The link back to TempoLife is appreciated but not required, and there is no paid tier for these widgets.
WordPress plugin · Community badge · All features
Want the full toolkit, not just a widget?
The embeds are a taste. TempoLife is a free app that logs your meals from a photo and keeps your steps, sleep and weight in one place.