Emails with with embedded image in the body are not visible in outlook
Hi Team,
My requirement is to embed QR image in the email body. PEGA generates QR's for each case and put into a image content rule.
I tried these approaches but nothing showing the embedded image in the outlook.
Apporach1: Referring with URL
<img src="env/prweb/datacontent/Image/qrcode/9372235b-aed2-4008-a052-93de5fdcdd6f.png ">
Result: Rendering in the corr attachment but failed to render in web based clients or
outlook.
Reason: The given image path is not global accessable
Apporach2: Referring actual image content
Hi Team,
My requirement is to embed QR image in the email body. PEGA generates QR's for each case and put into a image content rule.
I tried these approaches but nothing showing the embedded image in the outlook.
Apporach1: Referring with URL
<img src="env/prweb/datacontent/Image/qrcode/9372235b-aed2-4008-a052-93de5fdcdd6f.png ">
Result: Rendering in the corr attachment but failed to render in web based clients or
outlook.
Reason: The given image path is not global accessable
Apporach2: Referring actual image content
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAACpklEQVR42u3dQRKCMBBFQe5/ady7sjCZPxn6rS0hpF04SHnd0oYul0BgCSyBJYElsASWBJbAElgSWAJLYElgCSyBJYElsASWBJbAElgSWAJLYElgCSyBJYElsASWBJbAElgSWAJLYK08XrTKc56xdrDAAgsssMACCyywwAILrN2wssfah6b/2sECCyywwAILLLDAAgsssHrCqtzs7Lih/9rBAgsssMACCyywwAILLLDeNgJ4tiVggQUWWGCBBRZYYIEFFlhgzRg3gAUWWGCBBRZYYIEFFlhggZWFlUWcxXfidQYLLLDAAgsssMACCyywwPpnwZVVjgn6rx0ssMACCyywwAILLLDAAstfnjT8oj7kMroEYIEFFlhggSWwwAILrNpxw6pjrcLX7TVggQUWWGCBBRZYYIEFFlg9Ye3jmP147HsfD6yCBRZYYIEFFlhggQUWWLNhVf7seN9mZ88QLLDAAgsssMACCyywwAKrJ6wso8qNzG4/WGCBBRZYYIEFFlhggQXWKbAqt3bfBnS7CZ3fMrDAAgsssMACCyywwAILrDPJZmEdMUoACyywwAILLLDAAgsssMCKDw72jRsqbx4bN4AFFlhggQUWWGCBBRZYYHU7Vv8zPGIkARZYYIEFFlhggQUWWGCB9XjB2UdYu/2gOfvgK1hggQUWWGCBBRZYYIEF1ttgrTqfylvXd7/AAgsssMACCyywwAILLLDGjBtmjDbAAgsssMACCyywwAILLLBOgZVFnB03jBlJgAUWWGCBBRZYYIEFFlhg/bjgyirxzfhwggUWWGCBBRZYYIEFFlhgSWAJLIElgSWwBJYElsASWBJYAktgSWAJLIElgSWwBJYElsASWBJYAktgSWAJLIElgSWwBJYElsASWBJYAktgSV99ALGK341iHPVGAAAAAElFTkSuQmCC ">
Result: Rendering in the corr attachment but rendering in few web based clients but not outlook.
Reason: Only few web based clients support this and outlook blocks the content.
Apporch3: Mimic image upload via corr rule
When I upload image manually in the corr rule then the image path looks like
<img alt="" data-cke-saved-src="../datacontent/Image/rteImages/Fields1605830891036.png" src="../datacontent/Image/rteImages/SAPFields1605830891036.png" style="max-width: 100%;">
This is rendering in outlook body also it is rendering as an attachment in the web based clients.
So I tried to mimic the same approach. Generated QR images /rteImages/ path and exactly mimicked the same img tag but still it is failing to render in outlook and web based clients.
I have seen the below article to generate to use cid in html body but I am not very sure how to add content-id for the attachment.
https://collaborate.pega.com/question/sending-messages-inline-images
Version: 7.4
Using OOTB send email shape to send emails.
Your help will be much appreciated.
Thanks,
Satish
***Edited by Moderator: Pooja Gadige to add support request details***
Accepted Solution
Updated: 18 Jan 2021 17:03 EST
Bluevoir
IN
This has been resolved as part of support request INC-153513.
Root cause and resolution:
Email clients like Outlook, Gmail and other doesn't support base64 encoded images.
Use the following snippet to include the images dynamically.
<% tools.putSaveValue("filename",tools.getPrimaryPage().getProperty(".QRFileName").getStringValue());
%>
<img src='<pega:contentURL name="$save(filename)" path="/qrcode/" classType="Image" />' >
Make sure property QRFileName returns only the image name like “one.png” and /qrcode/ is the path and let the classType be Image
CommonWealth Bank
IN
I have a similar requirement and I tried above solution and it did not work. I have created a binary file to store my images and have given the file path as "/webwb/". Any suggestions on this please.
Pega Version: 7.4
Appreciate any help. Thanks.
CommonWealth Bank
IN
Hi @IMENS0687,
Not yet. My requirement is similar to the problem statement mentioned above and I am tried creating binary files in /webwb/ directory and tried accessing them from a paragraph(rich text editor) which is included in a correspondence rule used to send Outbound emails. The outbound email is sent to Outlook servers using SendEmail Rest api and not via functions and this inturn is causing the emails received at Outlook rendering without images.
This is the code snippet of how i am trying to include image to be embedded in the mail.
<p style="margin:0cm 0cm 8pt"><img alt="" src="webwb/ABCLogo.png" style="max-width: 100%;" /></p>
I tried using pega:refurl and provided the complete path but still the image was not rendering in Outlook.
Appreciate any help to resolve this issue. Thanks.
Regards,
Manasa H M