Image in Email Body

Hi,

The ony possibility is to use the "Insert Web Image" Button. But, you have to configure an url pointing to the image the receiver can access. Otherwise, there is no way around using the HRTL template.

Cheers,

Kai

I've heard of others having some success with attaching the image and then embedding it using "cid" source in the email HTML; however I haven't played around with this myself so I can't make any promises.

ETA: for my own future reference (and that of anyone else who finds this), I was able to accomplish this by adding the simple HTML to my generated email template, along the lines of:

"<img src=""cid:screenshot.png"" ALT=""Task Screenshot""/>"

where "screenshot.png" is the literal name of the picture sent as an attachment to the email.

That is exacly how I have done it.

1) I create a word document with an image

2) I save it as HTML

3) search for the image on the HTML, and remove the folder structure, leaving the structure as something like this

       <v:imagedata src="LOGO.png" o:title=""/>

4) Attach to the email an image with the same name, in this case "LOGO.png"

In this case we will end up sending image too I guess there is no feasible solution to embed logo in the email.

No, it does not. In outlook with that HTML code it does not display the image attached, however it does show the "clip"

It is a matter as well of reading about HTML tags, you can google or check as well this article about the topic

blog.mailtrap.io/.../

Hey Mike,

Needed a little help with this approach.

I did the following things:-

1. Opened word, added this text to that file:- "<img src=""cid:screenshot.png"" ALT=""Task Screenshot""/>"

2. Saved the file and chose .htm as it's type.

3. Uploaded it as document on Appian repo, also added a file with name screenshot.png onto the repo

4. Next in Send Email smart service, I chose this html template and added screenshot.png to the email as an attachment.

5. I was hoping to see the image in the Body of the email but instead it is still coming as an attachment.

Have I done something wrong? If yes, then how to amend it.

Hey Mike,

Needed a little help with this approach.

I did the following things:-

1. Opened word, added this text to that file:- "<img src=""cid:screenshot.png"" ALT=""Task Screenshot""/>"

2. Saved the file and chose .htm as it's type.

3. Uploaded it as document on Appian repo, also added a file with name screenshot.png onto the repo

4. Next in Send Email smart service, I chose this html template and added screenshot.png to the email as an attachment.

5. I was hoping to see the image in the Body of the email but instead it is still coming as an attachment.

Have I done something wrong? If yes, then how to amend it.

avipratap said:

Opened word

I can't figure out why your first step would be to "open word".  Word is a rich text editor; if you want an HTML template you should be creating that from scratch in a text editor.  If you paste HTML code into Word, it will render that HTML as plaintext, regardless of what file type you save it as.

Hii Avipratap,

currently I am facing the same issue that you mentioned above.Can you please share the solution?

What exact issue do you mean? In this conversation, multiple issues and solutions are discussed.

Needed a little help with this approach.

I did the following things:-

1. Opened word, added this text to that file:- "<img src=""cid:screenshot.png"" ALT=""Task Screenshot""/>"

2. Saved the file and chose .htm as it's type.

3. Uploaded it as document on Appian repo, also added a file with name screenshot.png onto the repo

4. Next in Send Email smart service, I chose this html template and added screenshot.png to the email as an attachment.

5. I was hoping to see the image in the Body of the email but instead it is still coming as an attachment.

Have I done something wrong? If yes, then how to amend it.

As Mike Schmitt already pointed out, MS Word is not a suitable editor for HTML files.

Then, in my experience, getting images to show in email in a reliable way is some kind of black magic. And it has nothing to do with Appian. Email is rendered by your email application and only this controls how things are displayed. I suggest to find some resources in the internet that explain how to properly craft an email that includes embedded images.

It's as if my comment hasn't just been sitting there for the past ~15 months advisint people EXACTLY against this...

Actually i didn't used MS word for template ,i am using sublime text editor  with (.html) extension for html code then ..

3. Uploaded it as document on Appian repo, also added a file with name screenshot.png onto the repo

4. Next in Send Email smart service, I chose this html template and added screenshot.png to the email as an attachment.

5. I was hoping to see the image in the Body of the email but instead it is still coming as an attachment.

Hi Mike Schmitt , 
I tried almost everything you guys suggested but I didn't get success.

I'm using email node in which I'm using html template.

In html code i'm using image tag, after using base64 code i'm able to see image in email on my personal outlook account but not on my organization's gmail account.

I thought Google is blocking the images.

It is always giving Alternate text for email but not image.

 Thanks in advance.

Harsh11 said:

after using base64 code i'm able to see image in email on my personal outlook account but not on my organization's gmail account

I have only tested the method described here for showing an image when the file is sent as an attachment, not as Base64.  I assume the Base64 version may be possible, however I'm not sure what's required (formatting / syntax wise) to get it to work most universally - i know Outlook processes some things in a special way and Gmail/Google may do other things, but I don't have any particular insight there.

Does it still fail in this way when you try the method I actually described?