Images not working in HTML emails

[YourFriend]

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

[ScottWorld]

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

[YourFriend]

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]

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]

YourFriend:

none of the images work

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.

[YourFriend]

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]

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.

[YourFriend]

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]

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

Integromat

Iterator Help Docs | Integromat Help Center

Iterator is a special type of module that converts an  array into a series of bundles. Each array item will be outputted as a separate bundle. S

[YourFriend]

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