Skip to main content
Tutorial

Elevate Your Campaigns: Dynamic Email Images


Alejandro.casas

In this post, we'll walk through all the steps needed to build an email leveraging dynamic images. This can be useful to send the relevant image to each profile based on their attributes. For example, let's assume you'd like to include a different medal image for each customer's achievement or level.

 

1. Upload Images to Assets:

 

2. Create Snippets for Dynamic Images:

  • Snippets in Customer.io allow you to personalize content based on customer attributes.
  • Create a snippet named, for example, {{snippets.league_image}} to dynamically associate images with different customer levels (eg. gold medal for gold league level etc)l.

 

3. Use Liquid in Snippet Content:

  • Utilize Liquid within your snippet to dynamically fetch the appropriate image URL based on the customer's level.
  • The provided Liquid code checks the customer's level and inserts the corresponding image URL.

 

eCfE4ykSY0jyBuYTd-xAM504CdBOC3lWvljCrDZwcT-DEwfaCuQ1_F7IPknIEKfCRgijmuqb3POAF32OrB4VYi3Y2pktbag1Z1aW1eAWP2zWaF0eNL3bPL_hwUyBzsKYa3WO1WZl4P05Xb8YFst3gGI

4. Add Dynamic Image in Drag-and-Drop Editor:

  •  Open the drag-and-drop editor for your email campaign.
  •  Add an image block and enable the 'dynamic image' option.
  •  Copy and paste the snippet name into the dynamic image field.
  •  Below, provide a fallback image URL that will be displayed if the dynamic content is unavailable.

Pro tip: The editor will determine the sizing of your dynamic image based on your fallback image. If it’s displaying too big or too small, make sure you’ve got a right-sized fallback image specified.

 

 

YsODiyW1JWn3Dve0J1IOTfkkyNh9vcj_kxtGsdh4JStEFvR8b5Oq4fYvSL1m_fETV4GvZ_ObV46PuslKM-y7_i2zVo_qs89aXvFx9tpf86KW1TrzGHwnmk96ibP_RWrnoDmsRamnj3dyNv_KvQiIj_I

 

 

Here there is an example of how it would look:

 

8RP9am6WisvR3NlUXfQcHiviu-w1wnccDWKPPH8RX2fC3Wu8NGSIKLSLfOrJ2GWYK9GuR5z1mNR0ZL6ZUVSguKJVIXaXUe0beglKvB6WK21Cfx7N8ogk3zlzL__mbI4Ur9qIKkr160rROg3OCBM6JVs

 

---








 

Did this topic help you find an answer to your question?

0 replies

Be the first to reply!

Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings