Inserting HTML image into welcome email

LHS_LABS
New Member
1 0 0

Hi,

I want to insert an image into my welcome email. Not sure how to do this.

1. How do I convert the image into HTML format?

2. How to insert the HTML into the welcome email template?

Thanking you in advanced :)

Paven

0 Likes
Freddie_old
Shopify Staff (Retired)
Shopify Staff (Retired)
31 0 3

Hey there!

While I'm not an expert in coding myself, I have found a simple way for you to insert an image into your notification templates, by using this code here:

<img src=“imageurl”>

You'll want to replace the imageurl section of that snippet, with the URL of your image. The easiest way to get a URL for your image that you wish to use, is to go into Settings > Files in your Shopify Admin, and hit Upload Files. Upload your image in this section, and you will see that it gives you a URL. Simply copy and paste that in place of the imageurl of that link.

Alternatively, if you don't find this to work, there are a few apps from our Apps Store that can help you customize your notification templates, without the need of editing HTML. A few I've found that seem to be quite popular, are:

Hope this helps!

AvidBrio
Shopify Expert
156 8 14


you can add code into email template settings admin/email_templates/ 

<img src="{{ 'feedback-qr.png' | asset_img_url: '300x' }}" alt="Feedback Qr Code" />

 

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
taylormagee
New Member
1 0 0

Which part of that would i be replacing with the image url? 

0 Likes
AvidBrio
Shopify Expert
156 8 14

@taylormagee  can you please share your code

If you find our comment helpful, hit the like button and accept it as a solution.
Want us to implement custom changes in your store? Contact us
Email me directly - jim@avidbrio.com
0 Likes
suyash1
Shopify Partner
2981 320 499

@taylormagee - you need to replace code in src part with your url so it becomes

<img src="{{ 'your image name in asset folder' | asset_img_url: '300x' }}" alt="Feedback Qr Code" />

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
wolvesofparadis
New Member
1 0 0

I've tried this and I just get a thumbnail that says "no image" rather than the actual image...any insight as to why?

0 Likes