Mailersend: Issue with dynamic image rendering

[faisal]

hi all. I’m building an event marketplace app and using mailersend for transactional email. I’ve got the api set up and working great. And all the dynamic fields are working—except for my image element. The image itself won’t display in gmail. but when clicked, it goes to the image URL. So the data is being passed properly to mailersend. I also tried replacing the drag and drop element with a custom code element for the image. No luck. Spent hours on this and would be SUPER grateful for any help or insights. Thanks!!

[ntabs]

@faisal

I also tried replacing the drag and drop element with a custom code element for the image.

Can you share it here?

[faisal]

<img src={{event_image}} width="600" height="600" />

This is what i’m using in the mailersend custom code element. i’ve added display block, alt tags, etc. nothing seemed to work.

[ntabs]

Add quotes to the value. Try this

<img src="{{event_image}}" height="600" width="600"/>

[faisal]

I tried that. In fact, mailersend support was the one that told me to remove the quotes.

[autom8]

Have you checked the email on other providers like yahoo or hotmail? I use mailersend and when I had a few issues popup their support said sometimes there are rendering issue from one email provider to another.

[faisal]

I tried with Outlook. Same issue, although when the image loads for a micro-second it shows the image and then replaces it with the thumbnail placeholder.

So the image is being passed, just not displayed.

[faisal]

wow. after countless hours i finally figured it out. when passing the dynamic image, i had to remove the // and only show https: before the dynamic image value.

the // was causing the issue because that is added after the image is called.