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 Content button to begin editing.
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: Rows > Dynamic > Column section. In this case, the Thumbnail Image I'm looking for is inside Column 1.
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:
Try replacing it with the following scripts:
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, you will have to create an actual order and abandon it.
You can do so via the following steps:
Go to your Product Page and add a particular product to cart.
You will have to go though the Checkout Process, and enter your Email Address there.
Once you have reached this Checkout Page, you can close the window
After 10 minutes or so, depending on your setting, you should be able to receive an Abandoned Cart email
Please keep in mind that, this will only works with an actual order. You will need to manually add a new product to cart, enter your email address there, then leave it. After an hour or two, depending on your setting, you should be able to receive an email. If you find difficult to follow this instruction, please contact us for further support.
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 Content button to begin editing.
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: Rows > Dynamic > Column section. In this case, the Thumbnail Image I'm looking for is inside Column 1.
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.properties.customization_id %}https://cdn.teeinblue.com/customizations/{{ item.properties.customization_id }}.jpg{%else%}{{item.product.featured_image}}{%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, you will have to create an actual order and abandon it.
You can do so via the following steps:
Go to your Product Page and add a particular product to cart.
You will have to go though the Checkout Process, and enter your Email Address there.
Once you have reached this Checkout Page, you can close the window
After 10 minutes or so, depending on your setting, you should be able to receive an Abandoned Cart email
Please keep in mind that, this will only works with an actual order. You will need to manually add a new product to cart, enter your email address there, then leave it. After an hour or two, depending on your setting, you should be able to receive an email. If you find difficult to follow this instruction, please contact us for further support.
Updated on: 29 / 04 / 2022