A hero image with the recipient's name baked right in.

Three approaches, one API

Node example — personalize a campaign send

For each recipient, build the HTML with their data interpolated, POST to /v1/render with output: "url", then send the email with that URL in the body:

import { sendEmail } from "./esp";

const recipients = await db.recipients.findActive();

async function renderHero(user) {
  const html = `
    <div style="
      width: 1200px; height: 600px;
      display: flex; flex-direction: column; justify-content: center;
      padding: 80px;
      background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
      color: white; font-family: 'Inter', sans-serif;
    ">
      <div style="height: 6px; width: 80px; background: #fbbf24; margin-bottom: 32px;"></div>
      <h1 style="font-size: 56px; line-height: 1.1; font-weight: 700; margin: 0;">
        Here's your weekly summary, ${user.firstName}.
      </h1>
      <div style="font-size: 32px; opacity: 0.85; margin-top: 24px;">
        ${user.stats.shipped} shipments · ${user.stats.saved} hours saved
      </div>
    </div>`;

  const res = await fetch("https://api.codetoimage.app/v1/render", {
    method: "POST",
    headers: {
      "X-API-Key": process.env.CODETOIMAGE_API_KEY,
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      html,
      width: 1200,
      height: 600,
      format: "png",
      output: "url",
    }),
  });

  const { url } = await res.json();
  return url;
}

for (const user of recipients) {
  const heroUrl = await renderHero(user);

  await sendEmail({
    to: user.email,
    subject: `Your weekly summary, ${user.firstName}`,
    html: `
      <img src="${heroUrl}" alt="Weekly summary for ${user.firstName}"
           width="600" style="display:block;width:100%;max-width:600px;" />
      <p>Hey ${user.firstName}, here's what happened this week...</p>`,
  });
}

The response shape from URL-output mode: { url: "https://img.codetoimage.app/r/..." }. That URL lives 24h on our CDN — plenty for an email send, since most opens happen in the first day.

vs Bannerbear

What you get

FAQ