Beefree blog

Tutorial: How to Create A Personalized Image in Email

Beefree team
Beefree team
Jun 22, 2017
Tutorial: How to Create A Personalized Image in Email
Tutorial: How to Create A Personalized Image in Email

Today's personalized emails are filled with dynamic content. Just take a look at how many emails in your inbox include personalized content that's tailored to you. This can be as simple as seeing your first name to the more advanced product recommendations, ads, and even full images!Thanks to a number of online tools, adding dynamic content to our email campaigns is becoming easier and more accessible, as we'll see in this email design workshop. You can actually take any image from your email campaigns and turn it into a personalized, dynamic image. Your subscribers will see their own name shown up, as shown below with this happy birthday image from NiftyImages:

personalized images in email

Image courtesy of NiftyImages

Practical example: A happy birthday email

Let's take this happy birthday email from Stitch Fix, an online styling brand, which was featured in our blog post on happy birthday email design tips and examples.Birthdays are a great opportunity to connect on a personal level with your subscribers. They'll love to know you’re thinking of them and happy to see a personal offer on their special day. If you're not already sending a personalized birthday email, now's the time to start, since tailored birthday emails achieve a 179% higher click-through rate compared to regular promotional emails.

stitch fix personalized images in email

We'll be taking the static birthday cake image from the Stitch Fix email and transforming it into a dynamic, personalized image that will show your subscriber's first name. Here's what the finished email looks like from my inbox with my name, Kelly:

Stitch Fix personalized images in email

Tools you’ll need to get started

We’ll be using these two online tools to build our dynamic, personalized happy birthday email:

  1. Our intuitive, drag-n- drop Beefree editor to design the email message. If you’re not already using Beefree, sign up for our free plan.
  2. NiftyImages to build the personalized image. NiftyImages is a platform that provides easy-to-use tools for creating personal images and countdown timers. You can sign-up for free on https://niftyimages.com/

Step #1: Design your email in Beefree

Let's recreate the layout of the Stitch Fix happy birthday email in the Beefree editor. Begin with a single column layout and add the header, image block, and text blocks below.

BEE editor personalized images in email

Next, add the text and customize the CTA button. Let's also add a turquoise HTML color padding to the image, as in the original email. For now, though, let's leave the image placeholder blank.Our layout is pretty much complete. We now need to create the personalized, dynamic image from NiftyImages and then upload it into our image block in BEE:

BEE editor personalized images in email

Step #2: Create and customize your personalized image with NiftyImages

If you haven't already, create a NiftyImages free account to get started immediately!

Step #2.1: Design your personalized image

On the welcome screen, select New Personalized Image.

niftyimages personalized images in email

 You can either:

  1. Upload your own image
  2. Choose a template from the NiftyImages library

Here's a peekat the great birthday image templates that are available:

NiftyImages personalized images in email

Since we already have our birthday image from the Stitch Fix example, let's upload into NiftyImages. Click the [Upload Image] button in the upper right corner to import the Stitch Fix image. The default personalization text "Great deals for our customers" will show up for us to edit next.

NiftyImages personalized images in email

Using the menu on the left, we can indeed customize the font size and style, and the text itself. Let'supdate the message to reflect the birthday theme:

NiftyImages personalized images in email

For now, we'll use FIRSTNAME as a placeholder for our dynamic text; you'll see how to customize it for your email service provider (ESP) in the next step.Next,provide backup text, so that any recipient whose name isn't in your mailing list database will still receive a complete message.

NiftyImages personalized images in email

Let's now preview how our birthday image looks, by clicking on the button in the upper right corner:

NiftyImages personalized images in email

Step 2.2: Create your dynamic image URL

Let's get a bit technical. The personalized happy birthday image that we designed has a special dynamic URL. Notice that the image URL has the recipient first name field as a parameter at the end, which is specific to the emailing platform that you'll be using to send this email. You therefore need to choose your email service provider (ESP) from the drop down. Here's an example for MailUp, our email marketing platform.

NiftyImages personalized images in email

This step is very important: if the first name merge tag syntax is wrong, then the image won't work. Each ESP has a different syntax for merge tags (some use curly brackets, for instance). The drop-down in NiftyImages generates the URL for your email service provider (ESP). So once you choose your ESP, copy the image URL and let's get back to Beefree. We're almost done!Here a quick video tutorial from NiftyImages on how to generate the dynamic image URL:

Step #3: Add the personalized image to your email

In Beefree, click on the image placeholder to view the menu on the right. Turn on the Dynamic image button from the Content Properties. To learn more about the dynamic image feature of Beefree, please view our help article on How to use dynamic images for countdown timers and personalized content.

BEE editor personalized images in email

Paste the image URL from NiftyImages and the personalized happy birthday image will now appear in the Beefree editor.

Finally, let's preview how the recreated Stitch Fix happy birthday email looks with the personalized, dynamic image that we created. Looks great, don't you think? :)

Stitch Fix personalized images in email

Design your next personalized email with Beefree!

Voilá! We've created an awesome personalized happy birthday email with just two design tools and in three simple steps. So, there's no excuse not to try more personalization in your email campaigns! If you’re not already using Beefree, sign-up for our free plan!

Why Pardot Users Choose Beefree for Better Email Design

Pardot’s email builder slowing you down? Learn why teams across industries turn to Beefree to create stunning, compliant emails—then export to Pardot with one click.
Beefree team
Apr 23, 2025

Send Error-Free Emails with Confidence Using Beefree

Learn about the Beefree features that can help you and your team catch mistakes, streamline collaboration, and send with confidence every time.
Beefree team
Apr 15, 2025

Using Beefree with Marketo Engage 101

Learn how integrating Beefree with Marketo Engage can help you build high-converting, on-brand email campaigns— faster.
Luca Penati
Apr 4, 2025

Stay informed on all email trends

From the latest creative design strategies that inspire your next campaign to industry best practices and tech advancements, our newsletter is the go-to for all things creation.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
By clicking Subscribe you're agreeing with our Privacy Policy
Beelo here 👋 Got questions?
User Avatar
Inspiration questions
How can I use dynamic images to make my emails stand out?
What tools do I need to create personalized birthday emails?
How can I create on-brand emails in minutes?
How does it optimize for mobile?