Images and tables broken in email with email template

Hi
I have designed an email template with some images and columns using colours. When I send the email, the recipient receives only plain text and some garbage texts email.

Here is how the designer pre-view looks like:
image

Here is what is received in email (partial view):

Equipped with a host of Software intelligence built-in the ERP systems that eliminate a lot of manual processes and brings agility and excellence in execution, decision making and performance
Secured user access and management at record or field levels with option to read, write or hide options
Running the business application anywhere from Desktop computer tp mobile devices. Host the application in Cloud or on premises server.
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/hAytodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHht

I have attached the html code for your further information.grapesjs_template_1572844251194.zip (339.1 KB)
Thanks for your help.

Hi @mortozakhan,

What email client do you use for emails?

Regards,
Evgeny

1 Like

Hi Evgeny
In this case, I have used gmail as recipient.

Hi @evgeny.zaharchenko
If you have any further questions to suggest a solution please let me know. Is it something related to email clients and how can we overcome the problem?
Regards

Hi @mortozakhan,

We are already testing a new add-on version with new features, but we have found some issues during testing and a new release was delayed. We will notify you when the new addon version will be released.

Regards,
Evgeny

1 Like

sounds good, looking forward for that.

Hi @mortozakhan,

Please try to use 1.3.0 add-on version to create email templates.

Regards,
Evgeny

Thank you @evgeny.zaharchenko for this upgraded version that is improved. I have created the same report after upgrading the email template to the latest version 1.30 and used to send email, here is the feedback:

  1. Look of design in design mode

image

  1. Look of the email received (output)

image

As you see (1) the output email is not printing any image (2) one of the boxes has not printed text but garbage only.

I wanted to send you the template after download but didn’t find any option for that in this version, I might be missing but thanks for your indication.

I didn’t find an option to visually resize the components that was available in previous version.

Please let me know if you need any additional info and If I have to follow any specific rules to design correctly.

regards

Please provide email plain text

Hi @evgeny.zaharchenko
If I understood correctly, here is the files:
html code.txt (289.2 KB) Template code.txt (292.1 KB)

Hi @mortozakhan,

Template visual editor by default create images as inlined images in data:image/png;base64 format. Looks like GMail do not show inlined images in emails.
You can attach all images as files in template editor and then refer these images in template body as

<img src="cid:<your image name>"/>

Regards,
Evgeny

Thank you @evgeny.zaharchenko
But I do not have a file name/don’t see.
Is this something you would like to take care of in your next version in order to manage it when the code is generated automatically within the template engine?

Hi @evgeny.zaharchenko
I also have tested this on Yahoo email as recipient. Images were blocked by default but when i clicked on to show the images it looks good except one thing, the two column display is gone, showing in only one column even in large size screen.

image

Therefore, it seems that it still needs some fix. Looking forward for the next steps.