# SendGrid Dynamic Images via Substitution Tag does not show

**URL:** <https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776>\
**Category:** APIs\
**Created:** [February 14, 2023, 2:51am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776 "2023-02-14T02:51:42Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![LittleBubbler](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/littlebubbler/32/240109_2.png) [@LittleBubbler](https://forum.bubble.io/u/LittleBubbler)\
**Post date:** [February 14, 2023, 2:51am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/1 "2023-02-14T02:51:42Z")

</div>

![SendGrid Dynamic Images](https://us1.discourse-cdn.com/bubble/original/3X/8/a/8a648e0a4960c6acb4e8af67cd9bf1699a854713.png)

My E-mail with image module shows blank instead of the four images sent using substitution tag via dynamic templates.

I’ve read & replicated solutions provided in the forum [Sendgrid Dynamic Templates \> using variables / substitution tags](http://forum.bubble.io/t/sendgrid-dynamic-templates-using-variables-substitution-tags/226008) & [Displaying dynamic images in SendGrid emails](http://forum.bubble.io/t/displaying-dynamic-images-in-sendgrid-emails/220680), but images are still not showing.

To give me more insight on the issue - I’ve placed the same substitution tag under text & image modules. Text module for {{images}} shows full URLs, and the correct images are shown when clicked. However, the same {{images}} with exact URLs do not appear in my image module.

Original Message in Gmail shows that they are present, but not rendered.

 ![Original Message](https://us1.discourse-cdn.com/bubble/original/3X/9/4/942930d614df25422cb3a1013fbfaf8e50f1e4aa.png)

---

<div class="post-metadata">

**Author:** ![johnny](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnny/32/203020_2.png) [@johnny](https://forum.bubble.io/u/johnny)\
**Post date:** [February 14, 2023, 7:36am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/2 "2023-02-14T07:36:42Z")

</div>

Try using three curly braces `{{{var1}}}`

---

<div class="post-metadata">

**Author:** ![LittleBubbler](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/littlebubbler/32/240109_2.png) [@LittleBubbler](https://forum.bubble.io/u/LittleBubbler)\
**Post date:** [February 14, 2023, 7:57am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/3 "2023-02-14T07:57:31Z")

</div>

![SendGrid Three](https://us1.discourse-cdn.com/bubble/original/3X/e/0/e0f158b84e8229bb469011224a16366dd399c5f6.png)

Thank you for your suggestion. Unfortunately, it didn’t work.

---

<div class="post-metadata">

**Author:** ![tbenita](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tbenita/32/121593_2.png) [@tbenita](https://forum.bubble.io/u/tbenita)\
**Post date:** [March 3, 2023, 2:27pm UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/4 "2023-03-03T14:27:55Z")

</div>

Hi, did you try this [How to add dynamic images to an email with sendgrid?](http://forum.bubble.io/t/how-to-add-dynamic-images-to-an-email-with-sendgrid/143262)

I did not have the opportunity to use dynamic images in my sendgrid emails yet but it’s something I might be doing soon so if this works please let us know 😉

---

<div class="post-metadata">

**Author:** ![LittleBubbler](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/littlebubbler/32/240109_2.png) [@LittleBubbler](https://forum.bubble.io/u/LittleBubbler)\
**Post date:** [March 6, 2023, 1:22am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/5 "2023-03-06T01:22:35Z")

</div>

Hi, there @tbenita.

I appreciate your time & reply. I have tried it. I have no issues with relaying/referencing a single image. I used {{variable\_name}}, and it works without a hitch.

My issue seems to stem from outputting multiple images from one variable. An array of images.

---

<div class="post-metadata">

**Author:** ![LittleBubbler](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/littlebubbler/32/240109_2.png) [@LittleBubbler](https://forum.bubble.io/u/LittleBubbler)\
**Post date:** [March 7, 2023, 1:23am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/6 "2023-03-07T01:23:22Z")

</div>

I haven’t figured out a way to pass an array of images, but I’ve come up with a temporal solution that references the image one by one.

It is as follows:

 ![Temporal Solution for SendGrid Image Issue](https://us1.discourse-cdn.com/bubble/original/3X/5/0/50c7240bd4122e422e70be52183b59b865f0c395.png)

I came across this idea by revisiting old forum posts with somewhat similar issues as mine.

---

<div class="post-metadata">

**Author:** ![tbenita](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/tbenita/32/121593_2.png) [@tbenita](https://forum.bubble.io/u/tbenita)\
**Post date:** [March 14, 2023, 3:11pm UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/7 "2023-03-14T15:11:12Z")

</div>

Your workaround seems to be a good idea, although I bet it’s not optimal since the number of images may vary from one e-mail to another 🙁

I’ve tried and did not come up with any better than that…

It seems to me that the “issue” lies on SendGrid’s end since there is no container specifically designed to handle a (varying) number of images like some sort of caroussel or slide show or viewer. More a missing feature than a real bug from my point of view.  
However according to what I’ve come across in my research it seems that css coding (instead of the WYSIWYG editor) in SendGrid could be a solution but not something I can help you with unfortunately

---

<div class="post-metadata">

**Author:** ![LittleBubbler](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/littlebubbler/32/240109_2.png) [@LittleBubbler](https://forum.bubble.io/u/LittleBubbler)\
**Post date:** [March 16, 2023, 3:33am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/8 "2023-03-16T03:33:45Z")

</div>

Yes, I concur. It definitely isn’t an ideal solution for varying image numbers. I’m lucky that my Emails are set to only four images regardless of the situation.

If you’re still looking, this may help a little.  
[Iterations | Twilio (sendgrid.com)](https://docs.sendgrid.com/for-developers/sending-email/using-handlebars#iterations)

It specifies using iterations & it may be what you’re looking for.

---

<div class="post-metadata">

**Author:** ![ntabs](https://avatars.discourse-cdn.com/v4/letter/n/73ab20/32.png) [@ntabs](https://forum.bubble.io/u/ntabs)\
**Post date:** [March 16, 2023, 3:51am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/9 "2023-03-16T03:51:57Z")

</div>

Hello,

You can pass an array of image by formatting it in bubble. Here’s an example:

![image](https://us1.discourse-cdn.com/bubble/original/3X/0/9/09ef9e764f475a119b314f57f74d0a8f327bb8b6.png)  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/3/3/33dc84492e62eaf22f0a09577ac69bdf84783fa7.png)

You may or may not use the line break, it’s up to you.

As for the format in sendgrid’s html editor, use `{{{substitutionTag}}}` like what @johnny said.

Hope this helps!

Cheers,  
Nino

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [April 25, 2023, 2:51am UTC](https://forum.bubble.io/t/sendgrid-dynamic-images-via-substitution-tag-does-not-show/246776/10 "2023-04-25T02:51:56Z")

</div>

Closed on April 25, 2023, 2:51am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
