Data Fields: dynamic images with data fields (Modern Editor)

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:

Add dynamic images into your email with data fields

Learn more about data fields and personalization

 

 

Add dynamic images into your email with data fields

 

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. Using the Performance Reminder example, you might decide “Performance Name” is the best unique data to differentiate the dynamic images.

 

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.

 

DataField.PNG

 

2. Name your images based on the unique data field data.

 

Name your images the same name that corresponds to your data field. For example, if your performance name data field is “Candide” then the name of the image should be “Candide.png” or “Candide.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:

https://media.wordfly.com/mctommerson/Dynamic_images/##PerformanceName##.jpg

 

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.

ME_save.PNG

 

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.

 

Subscribelist_mapping.PNG

 

8. Use Subscriber Preview in your Campaign to confirm the dynamic image is displaying in the Email Template correctly.

 

Testing_subscriberpreview.PNG

 

 

 

Learn more about data fields and personalization

 

 

We've put together support posts about all our personalization features.

 

 

 

 

Have more questions? Submit a request
Powered by Zendesk