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

Replies 8 (8)
Freddie_old
Shopify Staff (Retired)
31 0 4

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
231 12 18


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
taylormagee
New Member
1 0 1

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

AvidBrio
Shopify Expert
231 12 18

@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
suyash1
Shopify Partner
3708 407 610

@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 ,My timezone is GMT+5:30
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?

charmv
New Member
1 0 0

not working. where should i put the image link?

suyash1
Shopify Partner
3708 407 610

@charmv- add img to your assets folder, and add your image name to above code

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30