How to setup Customization Image in your Klaviyo Email Template

The following Article will guide you to set up teeinblue's Customization Image in your Klaviyo Email Template.

STEP 1. Locate the Template you want to edit.

In your Klaviyo Dashboard, you will find a lot of Templates there:

In this particular case, I will use the Abandoned Cart Email Template as an example.

STEP 2. Edit the Template.

Once you have chose your Template, click on the Edit button to begin editing.

A new Page will open up, please click on Edit Email Button:

STEP 3. Locate the Row containing the Thumbnail Image

After you have clicked on Edit Content, a new Dashboard should appear.
You should begin to locate the Thumbnail Image there.

Please try navigate to: Table > Cell Content > Image > Replace Image
Once you've located it, continue to click on the Replace Image button.

STEP 4. Enter the scripts

The original scripts you see there should look like the following:

{% if item.product.variant.images.0.src %}{{item.product.variant.images.0.src}}{%else%}{{item.product.images.0.src|missing_product_image}}{%endif%}

Try replacing it with the following scripts:

{% if item.product.properties|lookup:'_customization_image' %}{{ item.product.properties|lookup:'_customization_image' }}{%else%}{% if item.product.variant.images.0.src %}{{item.product.variant.images.0.src}}{%else%}{{item.product.images.0.src|missing_product_image}}{%endif%}{%endif%}

It should like this once you are done:

Be sure to save your settings and you are good to go!

STEP 5. Test your Settings

To see whether if the scripts work, simply click on the Preview & Test button:

Updated on: 20/09/2023