Widgets
Show progress in a vertical bar.
A vertical fill gives your goal a compact visual marker. Set current and target in the image URL or connect a public JSON source for the current value. DynaMail renders the available value when the image is requested; email clients may 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.png?current=325&target=500" width="340" height="216" 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
- Community goals — show participation against a target
- Savings updates — show an amount toward a goal
- Reading challenges — show completed books against a plan
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 reached; a URL value takes precedence over a connected or pushed value?target=…The goal the bar fills toward (required)Frequently asked questions
How do I add vertical progress to an email?
Create a vertical progress widget in DynaMail and paste its image URL into an <img> tag. Include current and target values in the URL.
How can the displayed value change?
Pass current in the URL, push a value through the live-value API, or connect a public JSON source. A later request can render a new image, but an email client may reuse an earlier one.
Can the bar be personalized?
Yes. Put your email platform’s merge tags in the current and target URL parameters to render from recipient values.
Will it display in Outlook?
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 only the first frame of an animated fill, so use a design without fill animation there.
More widgets for email
Make a free fundraising thermometer
A vertical thermometer for donation goals, with no signup. Update the total and the image follows.
Create a free progress bar
Make a horizontal email progress bar with the free generator.
How-to: Fundraising progress bar in Mailchimp
Step-by-step, checked against the platform’s own help pages.
How-to: Fundraising thermometer in Constant Contact
Step-by-step, checked against the platform’s own help pages.
How-to: Fundraising thermometer in Kit
Step-by-step, checked against the platform’s own help pages.
How-to: Fundraising thermometer on WordPress
Step-by-step, checked against the platform’s own help pages.
Make progress visible as a liquid level.
Show a liquid level for a goal or capacity in an email image. Set current and target in the URL; animated designs render as GIFs.
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.
A circular progress bar for your email.
Show goal progress as a circular bar in email. Supply current and target values in the image URL, or connect a public JSON source.
Show the next step right in the email.
Show named stages of a process in email as an image. Set current and target steps in the image URL for each recipient.
Gauge charts in email, connected to your metrics.
Put a gauge chart in any email as a plain image URL. Show scores, usage, or goals from a live JSON source or per-recipient values. Free while in beta.
Every widget type is included on the free beta plan — see pricing, or browse ready-made email templates.