Skip to content
Image Template Builder

Design one template.
Generate a unique image for everyone.

Personalized graphics rendered per record, at scale. Design a certificate, badge or social card once on FlowMattic's canvas editor — a workflow trigger fills in each {{token}} and renders a fresh PNG for every customer, order or course completion.

18 canvas element types {{token}} personalization per record Real-Chrome rendering via Cloudflare
Image Template Builder — Certificate of Completion
Custom · 1000 × 700
Elements
  • Heading
  • Image
  • Avatar
  • Badge
  • QR Code
  • Border Shape
+ 12 more elements
Certificate of Completion
This certifies that
Token{{name}}
has successfully completed
{{course}}
One template →
John Smith
Aisha Khan
Diego Alvarez
What you can build

A real design canvas.
Not a fill-in-the-blank form.

Layer, position and style every element yourself, then let per-record data drive the parts that should change on every run.

18 element types, fully decorative

Stack Heading, Text, Image, Avatar, Logo, Button, Icon, Shape and more on an absolutely-positioned, z-stacked canvas — with opacity and rotation on every layer, plus a library of ribbons, waves, arrows and callout lines for decoration.

HeadingTextImageAvatarLogoButtonIconShapePattern ShapeBorder ShapeWavesArrowCallout LinesRibbonBadgeCouponDividerQR Code

Any background you need

Solid color, a two-color gradient at any angle, a repeating pattern, or an image with an overlay — set once behind every element on the canvas.

SolidGradientPatternImage

~30 curated Google fonts

Serif, sans, mono and script families — picked to render identically in the editor and in the final image.

Presets for every platform

Open Graph (1200×630), Square (1080×1080), Portrait (4:5), Story (9:16) and a Twitter header (1500×500) — or set a fully custom size.

Per-record {{tokens}}

Flat placeholders in any text, image-source or QR field, resolved from auto-detected parameter fields or a single JSON data blob per run.

Flexible delivery

Send the rendered PNG to FlowMattic's Media Library by default, a custom subfolder, or as a raw file — with automatic fallback if delivery fails.

Drop into any workflow

Add "Generate Image from Template" after a trigger — a new customer, a completed order, a course completion — and pass its PNG URL to email, social or CRM steps.

Explore the workflow builder
One template, unlimited outputs

The same design.
A different image every run.

Every {{token}} on the canvas is a flat placeholder. Drop it into text, an image source, or a QR code field, and the workflow's own data fills it in the moment the image renders.

  • Feed data in automatically from the trigger's own fields, or pass a single JSON blob for full control
  • Reuse the same {{token}} in text, image URLs and QR codes — anywhere a field accepts one
  • Every workflow run renders its own PNG — nothing is cached or reused between records
course-completion.json
{
  "name": "Maria Garcia",
  "course": "Advanced JavaScript",
  "date": "March 12, 2026"
}
{{name}}Maria Garcia
{{course}}Advanced JavaScript
{{date}}March 12, 2026
certificate-maria-garcia.png
Rendering engine

Powered by Cloudflare Browser Rendering

Every image renders in a real, hosted Chrome instance through Cloudflare — not a lightweight local library — so gradients, custom fonts and shadows come out exactly as designed. Connect your Cloudflare account once, and every workflow that generates an image uses it automatically.

  • A one-time connection, reused by every workflow that renders an image
  • Free or low-cost on Cloudflare's own plans — no rendering server for you to run
  • Required to render — without a connected account, "Generate Image from Template" has nothing to render with
Use cases

Anywhere one design
needs many personal copies.

Certificates

Course completions, workshops and certifications — one design, a unique certificate for every learner.

Social & OG cards

Auto-generate a branded Open Graph image for every blog post or product the moment it's published.

Badges

Achievement, membership or status badges rendered the instant a workflow marks the milestone complete.

Coupons

A personalized discount coupon, code and all, generated per customer instead of one shared image.

How it works

From blank canvas to
a PNG per workflow run.

Three steps take a template from empty canvas to rendering personalized images inside a live automation.

01

Design the canvas

Start from a size preset, add elements, a background and a font, then drop {{tokens}} anywhere you want per-record data to appear.

02

Connect Cloudflare once

Link your Cloudflare account so FlowMattic can render templates in a real Chrome instance — a one-time step every future workflow reuses.

03

Generate a PNG per record

Add "Generate Image from Template" after any trigger, and use the rendered PNG URL in email, social or CRM steps further down the workflow.

FAQ

Questions, answered

Yes. Image rendering runs on Cloudflare Browser Rendering, so the "Generate Image from Template" action needs a connected Cloudflare account before it can render anything — there is no local fallback. It's a one-time, low-cost setup, not something you configure per workflow.

PNG only, at whatever canvas size you designed — an Open Graph card, a square post, a story, or a custom size.

Every text, image-source or QR code field can contain flat {{token}} placeholders. When the workflow action runs, it fills them from either auto-detected parameter fields or a single JSON data blob, then renders a fresh PNG for that run.

Choose from ~30 curated Google fonts, and set the background to a solid color, a two-color gradient, a repeating pattern, or an image with an overlay.

Presets for Open Graph (1200×630), Square (1080×1080), Portrait (4:5), Story (9:16) and a Twitter header (1500×500), plus a fully custom size.

Wherever you choose — FlowMattic's Media Library by default, a custom subfolder, or as a raw file, with automatic fallback if delivery fails. The resulting URL is available to every later step in the workflow, including any of FlowMattic's 60+ other modules.

Design once.
Personalize forever.

18 canvas elements, {{token}} personalization and real-Chrome PNG rendering — wired into any of FlowMattic's 60+ workflow modules.

18+Canvas elements
~30Curated fonts
PNGRendered output