Skip to main content

Get Support
Have a question? Let's get you an answer!

How Do I...? Troubleshooting Code & Webhooks Developer Zone

Other Help Resources
Wait, there's more! Check out these Community sourced spaces for additional resources.

Zapier Help Center Hire an Expert

Learning Resources
All of our best learning resources can be found here.

Featured Articles Show & Tell Zapier's products AI Hub Zapier Tools Hub

Share your knowledge
Give back to the Community by sharing your automation wins and helping to answer questions.

Share your success See unanswered questions User Groups

Other Learning Resources
Some of our favorite additional ways to upskill your Zapier knowledge.

Zapier Learn Zapier Blog Zapier Webinars

Product Updates
Check out what is new and upcoming with Zapier with our regular product updates.

Product Updates

Early Access Program
Want to join Early Access? Learn more here.

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!  

Terms & Conditions