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!
This article originally appeared on our sister blog Email Design Workshop
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:
Practical example: a Happy Birthday email
Letâs take this happy birthday email from Stitch Fix, an online styling brand.
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.
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:
Tools youâll need to get started
Weâll be using these two online tools to build our dynamic, personalized happy birthday email:
- Our intuitive, drag & drop editorÂ to design the email message.Â If youâre not already using MailUp, start a free trial to have access to its editor.
- 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/
Letâs get started with the workshop and follow along with our video tutorial:
Step #1: Design your email in the drag & drop editor
Letâs recreate the layout of the Stitch Fix happy birthday email in the drag & drop editor. Begin with a single column layout and add the header, image block, and text blocks below.
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 the editor:
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.
- Upload your own image
- Choose a templateÂ from the NiftyImages library
Hereâs a peekÂ at the great birthday image templates that are available:
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.
Using the menu on the left, we can indeed customize the font size and style, and the text itself. LetâsÂ update the message to reflect the birthday theme:
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.
Letâs now preview how our birthday image looks, by clicking on theÂ [Preview]Â button in the upper right corner:
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.
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 the editor. 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 the MailUp editor, 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 the editor, please view our help article onÂ How to use dynamic images for countdown timers and personalized content.
Paste the image URL from NiftyImages and the personalized happy birthday image will now appear in the 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?Â đ
Wrap up: design your next personalized email
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 MailUp, sign-up for a free trialÂ and have access to additional templates and design features.