Image in Email Body

RE: Image in Email Body

Mike Schmitt — Fri, 03 Nov 2023 14:31:03 GMT

[quote userid="180486" url="~/discussions/f/process/19489/image-in-email-body/121320#121320"]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[/quote]

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?

RE: Image in Email Body

Harsh11 — Fri, 03 Nov 2023 12:40:10 GMT

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.

RE: Image in Email Body

Nisha Bharti — Wed, 01 Nov 2023 06:12:26 GMT

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.

RE: Image in Email Body

Mike Schmitt — Tue, 31 Oct 2023 14:44:30 GMT

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

RE: Image in Email Body

Stefan Helzle — Tue, 31 Oct 2023 12:41:43 GMT

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.

RE: Image in Email Body

Nisha Bharti — Tue, 31 Oct 2023 12:23:16 GMT

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.

RE: Image in Email Body

Stefan Helzle — Tue, 31 Oct 2023 11:41:48 GMT

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

RE: Image in Email Body

Nisha Bharti — Tue, 31 Oct 2023 11:33:48 GMT

Hii Avipratap,

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

RE: Image in Email Body

Mike Schmitt — Tue, 26 Jul 2022 15:32:29 GMT

[quote userid="116194" url="~/discussions/f/process/19489/image-in-email-body/98432#98432"]Opened word[/quote]

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.

RE: Image in Email Body

avipratap — Tue, 26 Jul 2022 10:05:15 GMT

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.

RE: Image in Email Body

ManuelHTG — Tue, 01 Sep 2020 10:55:42 GMT

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/.../

RE: Image in Email Body

anjup136 — Tue, 01 Sep 2020 10:20:22 GMT

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

RE: Image in Email Body

ManuelHTG — Tue, 01 Sep 2020 08:51:39 GMT

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"

RE: Image in Email Body

Mike Schmitt — Mon, 31 Aug 2020 20:37:20 GMT

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.

RE: Image in Email Body

kais — Mon, 31 Aug 2020 16:01:22 GMT

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