How to add the personalized image to your order confirmation email?

To include the personalized image from Customall in the order confirmation email your customers receive after placing an order, simply edit the email template that Shopify uses for order confirmations. By customizing this template, you can insert the personalized image seamlessly into the emails sent to your customers.

Customall saves the personalized image URL in the order properties, making it easy to retrieve through the line item properties. The property for the preview image file is labeled as _customall_preview.

Here is an example of how to use this in your store’s order confirmation email template:



Here’s the code for you to easily copy and paste into your template:

{% if line.properties['_customall_preview'] != blank %}
    <img class="order-list__product-image" src="{{ line.properties['_customall_preview'] }}" width="60" height="60" align="left">
{% elsif line.image %}
    <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}

After copying this, the Shopify product image will be replaced with the personalized image from Customall!

The email confirmation template can differ across stores. You will need to locate the section in your Shopify email template where the product image is inserted and replace it with the Customall personalized image

Updated on: 16/10/2024