Widgets

Show the journey in your email.

Lay out milestones such as shipment stages or project steps in a timeline. Set current and target in the image URL. DynaMail renders those values when the image is requested; email clients may reuse a cached image.

Shipment timeline with Order confirmed, Packed, In transit, and Delivered milestones

A real render produced by DynaMail’s image pipeline.

Create a free account

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=2&target=4" width="340" height="320" 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

  • Shipment updates — mark the latest completed stage
  • Project updates — show progress through named milestones
  • Event plans — show which stage comes next

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 position in the timeline (required)
?target=…The total used to calculate progress (required)

Frequently asked questions

How do I add a timeline to email?

Design the milestone labels in DynaMail, then paste the image URL into an <img> tag with current and target values.

Can each recipient have a different current milestone?

Yes. Put a merge tag from your email platform in the current URL parameter. A new image request renders from that value, though email clients may reuse an earlier image.

Does the timeline animate 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 timeline. Use a design without animation when the completed state must appear there.