Add Product Images to Emails | How To

Make your shipping confirmation emails more interesting by adding your product images!

Before you get started customizing your emails, you will need to configure your Product Catalog. Learn how to upload your products and add your images to your product listings.

With a well-stocked Product Catalog in hand, you are ready to add your product images to your emails. If you do not have a custom email template built, learn how to create a custom email template and save it to your settings.

Now just add a few carefully placed words into your email template to display your product images:


  2. Locate the email template you want to update and click the pencil icon.
  3. Now we're going to insert a custom variable that will display your order line items alongside your product images. Add the following:

    {{ shipment.line_items | sort: 'name' | columns: 'sku image qty name price total' }}

    You can customize the value used to "sort" your line items, as well as which "columns" are displayed. The string of words displayed after "columns:" indicate which data is displayed in each column. The order of the words indicates the order of the columns. Learn more.  
    To display the product images, the word "image" must be included in the list of column values.
  4. By default, all images from the Product Catalog are sized at 75x75 pixels, but you can change that by specifying a size with image_size. This is separated from the other data with a | symbol and placed at the end of the variable line. For example:

    {{ shipment.line_items | sort: 'name' | columns: 'sku image qty name price total' | image_size: '60x60' }}
  5. You can preview your emails via the grey Send Test button.  Learn more.
  6. When you are satisfied with the results, click the blue Update Template button and you're done!


Add a Comment

Please sign in to leave a comment.

  • email
  • template
  • image
  • settings stores products
  • products uploads
  • settings templates emails
  • settings templates emails edit
  • settings templates emails new
  • recommendations
  • inventory products details
  • #pendo
  • answerbot_article_public