Embedding Forecasts on Your Website
Add a live forecast widget to any website with one line of code.
How Embedding Works
Every published forecast has an embed widget — a lightweight iframe you can add to any website. The widget shows your forecast map, predictions, and timing in a compact format.
Getting the Embed Code
1. Open any published forecast from your dashboard
2. Click the Share button
3. Select Embed
4. Copy the embed code
The code looks like this:
<iframe src="https://forecasterhq.com/embed/forecast/YOUR_FORECAST_ID"width="100%" height="500" frameborder="0"
style="border-radius: 12px; border: 1px solid #e5e7eb;">
</iframe>
Platform-Specific Instructions
Substack
Paste the embed code into a Code Block in your Substack post editor.
WordPress
Add a Custom HTML block and paste the embed code.
Beehiiv
Use the HTML content block in the Beehiiv editor.
Ghost
Use the HTML card in the Ghost editor.
Any Website
Paste the embed code wherever your platform allows custom HTML.
Embed Themes
The embed widget supports three themes via URL parameter:
?theme=light — Light background?theme=dark — Dark background?theme=auto — Matches the reader's system preferenceLive Updates
The embed widget always shows the latest version of your forecast. When you edit and republish, the widget updates automatically — no need to change the embed code.