Follow

How to: Add product images to Emails

Created:   |   Updated:

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:

  1. Go to SETTINGS >> EMAIL TEMPLATES.



  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 along side 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! 

 


Related articles:

How to: Upload product images to my Product Catalog
How to: Send a shipping confirmation email to my customers
How to: Send a return shipping email and label to my customer?
When are my shipment confirmation emails sent?
How to: Create a custom Email Template and save it to your store
How to: Design a custom Email Template
How to: Preview a custom Email Template
How are my variables on my Email templates mapped?
How can I change the name that is displayed on my confirmation emails?
Why doesn't my logo appear on my emails?
How do I start or stop receiving copies of my customers' Shipment Confirmation e-mails?

Comments

Please sign in to leave a comment.

Community browse

COMMUNITY FORUMS

Questions & Answers

Issues & Bugs

Beta Feedback

FEATURE REQUESTS

Productivity: Features, Interface & Settings

Partners: Integrations, Carriers & Stores

Shipping: Orders, Labels & Shipments

Inventory: Products, Purchase Orders & Suppliers