Inserting images into HTML Templates

Inserting images into HTML Templates

When sending emails through Sumac, it's important that the template for your email is an HTML file. This ensures that colours, links, font styles, and other formatting preferences appear appropriately in your recipients' email inboxes.
You can use the HTML Editor in Sumac to create and edit email templates, add mail merge codes and instantly save your HTML files into the database!

When setting up your HTML template, if you are planning to include images in your email, these images must exist in a publicly web-accessible location so that they display properly. The simplest way to make sure this works is to use an image that resides on your website, or web server. 

If using an image on your website, include the image's URL in your HTML template. To do this, locate the image on your website, right-click the image, and select "Copy image address" to get the image's URL. In your HTML template, insert the image using the image's URL.

As an example, here is the URL to the Sumac logo: https://www.sumac.com/wp-content/uploads/2020/01/cropped-sumac-logo-1.png

When using the Sumac HTML Editor, Sea Monkey or another HTML editor to build the HTML template, you would click the Insert Image button, and paste that URL into the image location field. This ensures the image is properly inserted in the template so that it displays successfully for recipients!

For more information on creating an HTML template to send emails through Sumac, have a look at this How-to video.





    Our products got an upgrade!



    Some screenshots and help videos have been made using older versions of our products. Though your version's colours and themes may appear different than what you see here, the instructions, links and advice in this article are still accurate and useful!


      • Related Articles

      • Sample Templates for Letters and Receipts

        While some organizations prefer to build their own templates for fundraising letters, thank yous, or receipts, Silent Partner Software has created some sample template options to help you get started! Note: for print mailings, download the RTF or ...
      • How-to Video: Step 2. Create html template (6:40)

        Script: https://sumac.com/assetswp/training-docs/Create%20html%20template.pdf Sumac now offers its own HTML Editor to help you create and edit email templates, add mail merge codes to personalize your messages, and instantly save your HTML files into ...
      • How to Upload Templates into Sumac

        Step 1: In the console, go to Utilities/Templates and HTML Editor: Step 2: Click “New” in the top left to add a new Template: Step 3: Give the Template a descriptive name (e.g. "Print Receipt", "Email Receipt", "Thank you Email", etc.), then click ...
      • How to Email Donation Receipts

        Sumac can generate encrypted, government compliant electronic tax receipts that can be sent to donors. This can help reduce your organizational costs as you do not need to print and mail as many tax receipts. To email donation receipts your ...
      • People receiving our email cannot see the pictures. What’s wrong?

        If you send an HTML email which contains links to pictures stored on your web server, here are some things that could go wrong: The picture is not actually on the server. In this case, put the picture on the server. The picture is on the server but ...
      Societ Academy

      Learn what you need to know, any time. Free!



      • High quality training on demand - sessions are available every day, so you can access training that fits into your schedule.
      • Training sessions that are easy to follow - helpful tips throughout each session, and access to training moderators ensure your questions get answered.
      • A certificate of completion - you can request a certificate of completion for every session you attend.