# Images in Notification Emails?

**URL:** <https://community.gravityforms.com/t/images-in-notification-emails/16675>\
**Category:** Get Help\
**Tags:** featured-image, merge-tag-modifier\
**Created:** [January 18, 2024, 5:16pm UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675 "2024-01-18T17:16:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Perchpole](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/perchpole/32/1403_2.png) [@Perchpole](https://community.gravityforms.com/u/Perchpole)\
**Post date:** [January 18, 2024, 5:16pm UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/1 "2024-01-18T17:16:52Z")

</div>

Hi, All -

I just wondered if it would be possible to show a thumbnail of any images that have been uploaded in the notification email. Currently, this would make my life a lot simpler! 🙂

Thanks

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [January 18, 2024, 6:24pm UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/2 "2024-01-18T18:24:02Z")

</div>

Hi Perchpole,

Did you mean that you want the image you uploaded on the notification message box to be displayed as a thumbnail? If so, you can select the desired size when uploading an image.

 ![Uploaded Image Size](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/8/841c8126d033394f095af7be02a7441d85b6eb8e.jpeg)

If you prefer to have the form submitter’s image added as a preview on the email notification, you can follow the screen recording below.

> **[GF - Add uploaded image on the admin email notication](https://videos.faisalahammad.com/recordings/3DYHOTC5gyfu27ECVISJ?uploadId=avr66ZmD6aGhsYesJsp2)**
>
> Summary:
> The speaker explains how to incorporate an image into an admin notification email. This involves adding a new field called 'image' in the message field, then wrapping the source of the image URL in the text mode to ensure it returns as a...

The code I’ve used to wrap the image merge tag: 👇🏽

`<img src="{Photo Upload:17}" />`

**Final output:** Image in the admin email notification. 👇🏽

 ![Image in admin email notification](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/8/8096aa37bb8bc9cdb1c6d25f98a247fa989935e8.jpeg)

Give it a try, and let me know how that goes! 😄

---

<div class="post-metadata">

**Author:** ![Perchpole](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/perchpole/32/1403_2.png) [@Perchpole](https://community.gravityforms.com/u/Perchpole)\
**Post date:** [January 20, 2024, 1:31pm UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/3 "2024-01-20T13:31:09Z")

</div>

Hi, Faisal -

Thanks for your help with this. the only thing I cannot get to work is the image size in the merge tag:

`<img src="{Photo Upload:17:thumbnail}" />`

This should work - but it doesn’t.

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [January 20, 2024, 9:37pm UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/4 "2024-01-20T21:37:13Z")

</div>

Hi Perchpole,

Let me check. In the meantime, you can set the static height or width like the following code. (updated)

`<img src="{Photo Upload:17}" width="300" height="300" />`

---

<div class="post-metadata">

**Author:** ![Perchpole](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/perchpole/32/1403_2.png) [@Perchpole](https://community.gravityforms.com/u/Perchpole)\
**Post date:** [January 21, 2024, 10:55am UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/5 "2024-01-21T10:55:02Z")

</div>

Hi, Faisal -

`<img src="{Photo Upload:17:thumbnail}" />`

My code should work. Look here:

> **[Post Image Merge Tags](https://docs.gravityforms.com/post-image-merge-tags/)**
>
> A Gravity Forms merge tag that will display either the uploaded post image with possible modifications to presentation size, or metadata about the image.

:size can be used as a modifier.

Antar

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [February 20, 2024, 10:55am UTC](https://community.gravityforms.com/t/images-in-notification-emails/16675/6 "2024-02-20T10:55:20Z")

</div>

Closed on February 20, 2024, 10:55am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.