4 Replies Latest reply on Jun 22, 2018 1:22 PM by MarkLarvo

    How to add an image into an email template?

    TimDensmore Apprentice

      Is there a way to insert an image into an email template?

       

      I would like to put a banner on the top of an email template, but there doesn't seem to be an option for inserting an image.

       

      Below where it says "OperationalExcellenceBanner.jpg" is where I'd like the image to be.

       

      Thanks!

       

        • 1. Re: How to add an image into an email template?
          vee Apprentice

          We host our images locally then use <img src> to reference them.

           

          I thought perhaps switching back into HTML mode and simply pasting the image might work. While it looks fine in the preview, when it sends it doesn't work. I tried the same thing with uploading the image into ISM and using the internal link as reference but that doesn't work either.

           

          Would be keen to know if someone has found a way!

          • 2. Re: How to add an image into an email template?
            Terry Douglas Apprentice

            Hi TimDensmore,

             

            You can just paste the image from mspaint into the HTML field in the appropriate place.

             

             

            The issue may be that depending on which image program you copy/paste from, sometimes the source of the pasted image will start with <img src="data:image/png;base64,... and other times it will (wrongly) say <img src="file:///C/Users/Username/... (if I recall, pasting from msword, for example, doesn't work).

             

             

            Another way I've seen which is great for re-use and reducing template complexity when editing is to store the HTML encoded source of the image as a Global Constant, then reference it with the GetGlobal() function.

             

            I did a quick test using a png file and our trusty friend, mspaint.

             

            - Open your image in mspaint, select all, copy

            - In ISM, paste your image from the clipboard into any blank HTML field somewhere (Incident > Email is a handy one)

            - Select Source Edit

             

            - In the body, select all > copy

             

            These steps should get you the correct HTML image source. Now store that:

             

            - Go to Configure Application > Global Constants

            - Click Add...

            - Enter your constant name, e.g. EmailBannerLogo

            - In the Value field, paste your image source

            - Type should be Text

            - Click Save at the top of the list

             

             

            Now you can reference your image in the HTML using:

             

            $(GetGlobal("EmailBannerLogo"))

             

            I tested this with the OOTB Quick Action "Send Notification for Vote" on FRS_ApprovalVoteTracking.

             

            - Go to the Approval Vote Tracking workspace

            - Go to Actions > Edit Actions

            - Edit your Quick Action, e.g. "Send Notification for Vote"

            - In the appropriate place, add

                 $(GetGlobal("EmailBannerLogo"))

            - Save changes

             

             

            Now test:

             

            - Go to the Approval Vote Tracking workspace

            - Go to Actions > No category > "Send Notification for Vote"  (or your QA, obviously)

            - Check the email which is created

             

             

            Hope this helps!

            • 3. Re: How to add an image into an email template?
              TimDensmore Apprentice

              Terry,

               

              I used your second solution, setting the image source as a global constant -- works perfectly! Thank you!

               

               

              Tim

              • 4. Re: How to add an image into an email template?
                MarkLarvo Specialist

                Love this! THANKS!

                1 of 1 people found this helpful