Skip to main content

Hi

I have created a zap that is triggered by a webhook, I provide some html parts and 2 PNG files.

The next step in the zap is to send an email with gmail. The 2 PNG files need to be embedded in the body of the email. 

Part 1 ends with <img src=” and part 2 starts with “>. Same with Parts 2 and 3. 

In between these I’m trying to get the image files to show. But only one will ever show at a time.

Card File will always show because it’s first and Chart File will never show. If I remove Card File the Chart file will show in its correct place at the bottom of the email...

Has anyone encountered this before? Is there a limit to the amount of images I can display in this way?

I have lots of other images in the email that display just fine but they are all hosted on a cdn.

Thanks again

Richard

Hi @Richard2022 

The HTML img tag links need to be publicly accessible direct download links to the images.


Hi @Richard2022 👋

Just checking in to see how things are going. Were you able to get it working by ensuring a publicly-accessible download link to the file was selected instead of the file object itself? 

Do let us know if you’re still stuck at all here, happy to assist further! 🙂


Hi @SamB,

Thank you, I did managed to get this working but in a slightly different way. I’m not able to use public downloadable links to the image files.


For the first of the 2 images I made something similar in html and for the second I stuck with how I originally did it by putting the file inline.

 

I think the my question really was more about, it works fine with 1 image from a file but not with 2. I can attach both file to the email, that works fine.

 

Thanks again

 

Richard


Thanks for getting back to me @Richard2022. That’s great news! 🎉 I’m so pleased you were able to get this solved by attaching the files instead of embedding them in the HTML body of the email - great work on that! 🙌
 

I think the my question really was more about, it works fine with 1 image from a file but not with 2. I can attach both file to the email, that works fine.

Do the image files get zipped into a single file when there’s more than one?

If so that might explain why it’s not working for multiple images. In which case you might need to use an app like Archive API which has an Extract ZIP Archive action to get each separate file.

Or are the image files are sent over as line-items?

If so, for cases where there’s more than one file you could potentially look at using Looping by Zapier for this. Thinking you’d need to compile the file details inside a digest then release the digest on the last loop. Similar to this approach: 


But if you can only work with the file objects then I’d have thought that you’d still have the issue of the images not being embedded correctly. To get around that perhaps you could upload the image files to an app like Google Drive for example to get the necessary links for them:


Hope that helps. Please do reach back out if you run into any further issues or questions!