Widgets
Show the next step right in the email.
A row of labeled steps helps readers see where they are in a process. Set the current step and target in the image URL. DynaMail renders the requested values as an image; email clients may reuse a cached copy.
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=3&target=4" width="340" height="208" 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
- Account setup — show which stage a member has reached
- Onboarding — mark completed and upcoming steps
- Application updates — show the current stage in a sequence
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 current step (required); use a merge tag for recipient values?target=…The total steps used to calculate progress (required)Frequently asked questions
How do I put a step indicator in email?
Design the steps and their labels in DynaMail, then paste the image URL into an <img> tag with current and target query parameters.
Can each recipient be on a different step?
Yes. Add a merge tag to the current parameter in the image URL. DynaMail uses that value when it renders the image for a request.
Can I label the stages?
Yes. Configure custom labels in the step design, such as Profile, Verify, Invite, and Ready.
Does it work 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 the first frame of an animated transition; a design without animation shows the completed state there.
More widgets for email
Create a free progress bar
Make a horizontal email progress bar with the free generator.
Show the journey in your email.
Show labeled milestones in an email image. Pass current and target values in the image URL to mark progress through the timeline.
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 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.
One campaign. Three designs. A schedule you control.
Design upcoming, active, and ended campaign images. Set dates and a timezone, then embed one linked PNG in your email. Free while in beta.
Every widget type is included on the free beta plan — see pricing, or browse ready-made email templates.