Clickable product names in draft order email?

Solved

Clickable product names in draft order email?

ggljohnson
Visitor
1 0 0

I'd like to make the product names and/or images clickable in the draft order email that is sent to the customer. Anyone had success with this?

 

Accepted Solution (1)

speedboostr
Trailblazer
136 20 26

This is an accepted solution.

@ggljohnsonif you're not familiar with editing notifications the documentation will help you:

 

https://help.shopify.com/en/manual/orders/notifications/edit-template

 

https://help.shopify.com/en/manual/orders/notifications/email-variables

 

@Dbuglabpvtltd  answered your question correctly. In case you're not familiar with code I'll share some example code to help you out.

 

For example, in the notification you could find the code that cycles through line items and show the image / make it clickable with something like this:

{% for line in line_items %}
  <a href="https://yourstoreurl.com/{{ line.url }}"><img src="{{ line.image | img_url: "small" }} /></a>
{% endfor %}

 

From there you can add text, add CSS to style how it looks, etc.

 

If you need help from a developer feel free to reach out to my team of Shopify developers at speedboostr.com/contact.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).

View solution in original post

Replies 2 (2)

Dbuglabpvtltd
Shopify Partner
705 75 116

Hi @ggljohnson 

You can do this order email template

Go to shopify settings >> notification.

Here find order-email template and you can edit code there.

banned

speedboostr
Trailblazer
136 20 26

This is an accepted solution.

@ggljohnsonif you're not familiar with editing notifications the documentation will help you:

 

https://help.shopify.com/en/manual/orders/notifications/edit-template

 

https://help.shopify.com/en/manual/orders/notifications/email-variables

 

@Dbuglabpvtltd  answered your question correctly. In case you're not familiar with code I'll share some example code to help you out.

 

For example, in the notification you could find the code that cycles through line items and show the image / make it clickable with something like this:

{% for line in line_items %}
  <a href="https://yourstoreurl.com/{{ line.url }}"><img src="{{ line.image | img_url: "small" }} /></a>
{% endfor %}

 

From there you can add text, add CSS to style how it looks, etc.

 

If you need help from a developer feel free to reach out to my team of Shopify developers at speedboostr.com/contact.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).