WordFly provides you with the ability to add variable images to your email template based on subscriber data or preference.
For example, you might use a dynamic image if you have Performance Reminders for multiple shows that require a different hero image based on the show that the subscriber is attending.
Topics covered in this article:
Follow these steps to add dynamic images into your email:
1. Determine your data and create a data field.
The first step is to review your subscriber list data and determine what data can be used to separate the subscribers. Whatever data you decide to use for the image must not have any spaces.
Using the Performance Reminder example, you might decide Production Number is the best unique data to differentiate the dynamic images. The Production Number is a great option because it is easy to include in your list data and it is a unique number without any spaces.
Then, go to Subscribers > Data Fields. Confirm that you have a corresponding data field available for the unique list data you are going to use. If you don’t have a data field in WordFly, follow these instructions to create a new data field.
2. Name your images based on the unique data field data.
Name your images the same name that corresponds to the data that will be provided by your list for the data field you are using. For example, if your Production Number data is “54321” then the name of the image should be “54321.png” or “54321.jpg”.
3. Upload your images to a central location.
Upload your photos to any publicly accessible location on the web. Or, upload your images to the WordFly Media Library. Learn how to do this by reviewing this post.
4. In your Email, add an image or text block where the dynamic image should display.
5. For your dynamic image, insert the URL to your WordFly media library and then add the data field to the end of the URL with the image file extension following.
Example of image URL to use:
- Your data field must be added exactly as it is in Subscribers > Data Fields. Data fields are case sensitive. Your casing must match.
- Your data field should not include a space. Spaces break image paths.
In an image block, this URL will go in the src field from the edit content window of the editor.
In the text block, from the editor content window place your cursor in your text block and click Add > Image and then insert this URL in the src field.
For either an image or text block:
- Update the “alt” text to your preferences.
- Update the "href" for the redirect link you wish the image to go to (or omit it)
6. Save your Email.
7. Import your Subscriber List and map all of your list data fields with the appropriate WordFly data fields.
It’s important at this step to ensure you are mapping the unique data field for your dynamic image.
8. Use Subscriber Preview in your Campaign to confirm the dynamic image is displaying in the Email Template correctly.
We've put together support posts about all our personalization features.
- How personalization works (list mapping)
- Data Fields: WordFly's default data fields
- Data Fields: creating new data fields, updating and deleting
- Data Fields: date and number data fields
- Data Fields: Importing HTML into data fields
- Data Fields: inserting data fields into a Modern Editor email
- Data Fields: creating personalized URL with data fields
- Data Fields: using dynamic images with data fields
- Data Fields: What if first name is missing for my subscriber?
- Testing personalization with Subscriber Preview
- Segmenting your email Campaigns by data fields