Putting a subscriber's name in an email image
Seeing your own name in an email's subject line stopped being special years ago. Seeing it engraved on a product photo, printed on a gift card, or written across a banner in the brand's own lettering still stops people mid-scroll. It looks like the email was made for them, because in a sense it was.
Putting a subscriber's name into an image is the classic starting point for dynamic image personalization. It's easy to set up, and easy to get subtly wrong. Here's how to do it properly.
How a name gets into an image
You design the image once, with a placeholder where the name goes. Your email platform writes each subscriber's first name into the image's web address at send time using a merge tag. When the email is opened, a rendering service like Alterable reads the name from the address and draws it into the artwork.
No pre-made variations and no one-image-per-name exports. One design, and every subscriber sees their own name.
Ideas that work especially well
Product personalization is the strongest. A name engraved on a watch, stitched on a jersey, or printed on packaging shows the reader what their version could look like. For brands that sell personalized goods, it's an obvious fit.
Welcome emails with the new subscriber's name in the hero banner make a strong first impression. Gift cards and rewards with the name on the card feel more like a real gift. Event passes and tickets with the attendee's name printed on them add a sense of occasion. Monograms, using just initials, are a subtle alternative that avoids long-name problems entirely.
Setting it up in Alterable
- Upload your artwork to Alterable's dynamic image builder.
- Add a text layer where the name should go, choose the font, size, color, and position, and set it as a variable called firstname.
- Set a default for subscribers with no name. More on this below.
- Choose how text fits the space: shrink to fit, wrap, or truncate.
- Copy the embed and replace the placeholder with your platform's first-name merge tag.
- Paste it into an HTML block in your email.
The first-name tag varies by platform: *|FNAME|* in Mailchimp, {{ first_name }} in Klaviyo, {{ contact.firstname }} in HubSpot. Alterable's guides list the exact syntax for each.
The details that separate polished from sloppy
Missing names
A large share of most lists has no first name on file. If your image says "A gift for [blank]," that's worse than no personalization at all. Decide what those subscribers see. Options include a friendly default ("A gift for you"), a design where the name line simply disappears, or a monogram-style fallback. Alterable lets you set defaults per variable, so this happens automatically.
Long names
"Jo" and "Maximiliana" need to fit the same space. Test your design with a short name, a medium one, and a very long one. Alterable's text-fitting options let you shrink text to fit a box or truncate it cleanly, so long names don't spill off the product.
Special characters
José, Zoë, Siobhán, O'Brien, and Anne-Marie are all on your list somewhere. Choose a font that supports accented characters, and make sure names are URL-encoded so apostrophes and spaces don't break the image address. In Mailchimp, the URL: modifier (*|URL:FNAME|*) handles this; Klaviyo has a urlencode filter.
Messy capitalization
Signup forms collect "sarah," "SARAH," and "Sarah." A name in all caps in a script font looks like a mistake. If your platform supports a title-case filter, use it. Otherwise, choose a design style (all caps, for example) where casing doesn't matter.
Nonsense entries
Some people enter "test," "asdf," or an emoji in the name field. You can't catch everything, but it's worth cleaning obvious junk from your list before a big personalized campaign.
Testing before you send
Preview the email with real contacts: one with a normal name, one with no name, one long name, and one with accents. Many email platforms don't fill in contact-specific merge tags in test sends, so use preview mode or send the live campaign to a small segment of your own addresses.
Keep the email working without the image
A name in an image is a bonus, not the message. Keep your headline and call to action as live text and a real button. Write alt text that works without the name, like "Your personalized gift card." Readers with images blocked still get the point.
Going further
Once a name works, other values use the exact same method: points balances, coupon codes, expiry dates, city names. Alterable can resolve the same subscriber across several images in one email, so a reward amount and its code always match.
Pick your most important email and put the subscriber's name somewhere they'll actually notice it. On the product beats in the greeting, every time. |