Attach an image to an email template

[support for vo]

Hello,

I am currently trying to attach an image to an email Template on Jira Service Desk, Jira being in version 8.5.5, and I really can't manage to do it. Where should I host the image to be able to use it in my templates ?

Thanks.

[PhilSpo · Accepted solution]

You could add it into the HTML like so:

</div>
<div style="text-align: center; margin-top: 40px;">
<a href="https://example.com">
<img src="https://www.example.com/images/ca-logo-blue.png" style="height: auto; border: none; border-collapse: collapse; border-width: 0; font-family: helvetica, arial, Verdana, sans-serif;font-size: 14px; outline: none;" alt="ClearAccept" />
</a>

So the '<a href="https://example.com">' sends the user to a web link if they click the image.

The ' <img src="https://www.example.com/images/ca-logo-blue.png"' will fetch the image from a source hosted on the web.

Phil

[support for vo]

Thanks for your answer,

I tried using a base64 encoded image because the image is not currently hosted, but I can't seem to find the way to swap the Template to HTML from the base content style that you see below. If I use html in this, it will just show it as full text.

Do you know how to change that ? And would the base64 encoding be the solution you advise for ?

Thanks for your help.

[Angélica Luz]

Hello @Katrina Owens,

Thank you for reaching out to Atlassian Community!

You must add the image URL on the template, it’s not possible to upload it directly.

If you don't have the necessary image uploaded on the internet, you can upload it on https://imageshack.us/, for example. 

After you have the image URL, just copy and paste in the Content space and add the exclamation mark before and after the URL, for example: 

!https://google.com/myimage.jpg!

In case you need to change the size of the image, use the example below>

!https://google.com/myimage.jpg|width=XXX,height=XXX!

Kind regards,
Angélica

[Katrina Owens]

I followed the instructions given to include images in my email template:

!attached-inoapps-logo.png!
!attached-swoosh.png!

Welcome!......

The query above is still valid. Where in JSM do you upload the images referred to in the syntax you are instructed to use to include images?

A workaround should not be necessary.

[Angélica Luz]

Hello @support for vo,

Thank you for reaching out to Community!

Allow me to step in to share with you that you can edit the HTML/CSS of the customer notifications by clicking on Edit templates.

Go to Project settings > Customer notifications > Edit templates.

For more information, please check the documentation below:

• Managing service desk notifications

Regards,
Angélica