Skip to main content

Images not working in HTML emails

  • November 24, 2021
  • 11 replies
  • 100 views
Y

I have an integromat scenario that does the following:
When I get an e-mail I tag it in Evernote with a specific tag
This triggers integromat to put the data from that email into a table called email updates
One of the columns is the content of the email in HTML format.

I then host a web portal via Softr which automatically adds the email added to the email table by using the HTML content in the airtable field.

Although, none of the images work.

Is there a way to make the images appear or perhaps remove the images completely from the email?

Preferably make them appear!

Thank you

Best Wishes,
Your Friend

11 replies

ScottWorld
Forum|alt.badge.img+35
  • ScottWorld
  • Genius
  • November 24, 2021

I would reach out to the Softr support team and ask them.

Y
  • YourFriend
  • Author
  • Known Participant
  • November 24, 2021

I would reach out to the Softr support team and ask them.


I see the same issue when I use integromat to send an email with the same HTML code so I don’t believe it’s a softr issue.

I am thinking maybe I need to download and host images and then insert proper links to them?

Hopefully that can all be automated.

ScottWorld
Forum|alt.badge.img+35
  • ScottWorld
  • Genius
  • November 24, 2021

I see the same issue when I use integromat to send an email with the same HTML code so I don’t believe it’s a softr issue.

I am thinking maybe I need to download and host images and then insert proper links to them?

Hopefully that can all be automated.


Not sure. I would check to make sure you have valid HTML and valid image links. You could probably use an online HTML Validator Tool to help with this.

kuovonne
Forum|alt.badge.img+29
  • kuovonne
  • Brainy
  • November 24, 2021

What do you see instead of the images? Can you post a screen shot?

Do other html tags display properly?

If you see nothing, it may be that html tags are being stripped out. If you see the html tags, it may be that html entities are being encoded. Both practices are common security techniques.

Y
  • YourFriend
  • Author
  • Known Participant
  • November 26, 2021

What do you see instead of the images? Can you post a screen shot?

Do other html tags display properly?

If you see nothing, it may be that html tags are being stripped out. If you see the html tags, it may be that html entities are being encoded. Both practices are common security techniques.


Blank boxes with the outline and the little broken image icon in it.

This happens at codebeautify.org/htmlviewer as well.

Everything else displays properly.

Here is an example of the HTML code with a broken image that won’t show.

 <span style="font-size:10.5pt; font-family:&quot;Tahoma&quot;,sans-serif; color:black">
          <img border="0" width="134" height="118" id="Picturex00201" src="cid:image002.png@01D7D698.5C11EA50" style="width:1.3958in; height:1.2291in">&nbsp; </span>
      </p>
kuovonne
Forum|alt.badge.img+29
  • kuovonne
  • Brainy
  • November 29, 2021

Blank boxes with the outline and the little broken image icon in it.

This happens at codebeautify.org/htmlviewer as well.

Everything else displays properly.

Here is an example of the HTML code with a broken image that won’t show.

 <span style="font-size:10.5pt; font-family:&quot;Tahoma&quot;,sans-serif; color:black">
          <img border="0" width="134" height="118" id="Picturex00201" src="cid:image002.png@01D7D698.5C11EA50" style="width:1.3958in; height:1.2291in">&nbsp; </span>
      </p>

The images were embedded/attached to the original email and referenced using the CID (content-id). The image is showing up as a broken link because the image can no longer be found because the reference no longer makes sense outside of the original email wit the embedded/attached image. You might be able to remove the images with some fancy regular expressions.

Y
  • YourFriend
  • Author
  • Known Participant
  • November 30, 2021

The images were embedded/attached to the original email and referenced using the CID (content-id). The image is showing up as a broken link because the image can no longer be found because the reference no longer makes sense outside of the original email wit the embedded/attached image. You might be able to remove the images with some fancy regular expressions.


Would there be a way to use integromat to download/host the images and then include them in the html?

Thank you for your wisdom

ScottWorld
Forum|alt.badge.img+35
  • ScottWorld
  • Genius
  • November 30, 2021

Would there be a way to use integromat to download/host the images and then include them in the html?

Thank you for your wisdom


You should be able to extract all the attachments from an email using the Iterator tool:

Y
  • YourFriend
  • Author
  • Known Participant
  • November 30, 2021

You should be able to extract all the attachments from an email using the Iterator tool:


Beautiful call! I’ll give it a shot. Although the images are in line. I guess I could iterate for the img src tags?

ScottWorld
Forum|alt.badge.img+35
  • ScottWorld
  • Genius
  • November 30, 2021

Beautiful call! I’ll give it a shot. Although the images are in line. I guess I could iterate for the img src tags?


If they’re inline, you would need to first need to use the Text Parser tool, which would generate an array of all the image URLs that it could find inline.

Then, after that, you would use the Iterator tool after that, in order to iterate through the array of URL’s.

Y
  • YourFriend
  • Author
  • Known Participant
  • December 2, 2021

If they’re inline, you would need to first need to use the Text Parser tool, which would generate an array of all the image URLs that it could find inline.

Then, after that, you would use the Iterator tool after that, in order to iterate through the array of URL’s.


Thanks, I’ll give this a try

Terms & ConditionsAccessibility statement