Widgets
Make progress visible as a liquid level.
Show how much of a capacity or goal has been reached with a wave fill. Supply current and target in the image URL. Animated designs render as GIFs; a later image request may show a new value, but email clients can reuse a cached image.
A real render produced by DynaMail’s image pipeline.
Free while in beta · No credit card required
How it works
Every DynaMail widget is a plain image URL. Design it in the dashboard, then paste the URL into an <img> tag — or your email editor’s image block — like this:
Example embed snippet
<img src="https://img.dynamail.io/widgets/YOUR-WIDGET-ID/render.gif?current=650&target=1000" width="340" height="280" alt="" />YOUR-WIDGET-ID is a placeholder — every widget you create gets its own id. The file extension requests the output format — gif, apng, webp, or png. Depending on the design, an animated widget may be served in an animated format even when a static extension is requested.
DynaMail renders when the image is requested and briefly caches the result. Email clients and their image proxies can also cache images, so a later open may reuse a previous response. No script, no custom HTML, nothing for your email platform to strip out.
What it’s for
- Capacity reports — show the amount filled against a limit
- Fundraising — show contributions toward a goal
- Community milestones — visualize the share completed
Personalize it in the URL
The data behind the widget — its values, chart points, and text placeholders — can come from the URL. Append query parameters, or your email platform’s merge tags, and each recipient’s open renders from their own data.
?current=…The amount filled (required)?target=…The capacity or goal (required)Frequently asked questions
How do I add a liquid progress image to email?
Choose a wave liquid design in DynaMail and paste its image URL into an <img> tag. Set current and target in the URL.
Can I personalize the liquid level?
Yes. Use your email platform’s merge tags for current and target. DynaMail calculates the fill for each distinct image request; client caching can affect later opens.
What does classic Outlook show?
Yes — the widget is a standard image, so it displays wherever images do. The URL extension requests the format (render.gif, render.png, render.webp, render.apng); depending on the design, an animated widget may be served in a compatible animated format even when a static extension is requested. Classic Outlook for Windows shows the first frame of a wave GIF. Use a design without wave or fill animation when the completed state must appear there.
More widgets for email
Email progress bars, connected to your goals.
Add a progress bar to any email as a plain image URL. Connect a live JSON source or personalize values per recipient. No code. Free while in beta.
Show progress in a vertical bar.
Put a vertical goal indicator in email as an image. Supply current and target in the URL, or connect a public JSON source for the current value.
Every widget type is included on the free beta plan — see pricing, or browse ready-made email templates.