How to insert pictures into your templates

In Shared Email Templates for Outlook

On this page, you will find 4 ways to insert an image into your templates in Shared Email Templates. You can attach pictures from OneDrive or URL, add the <img> tag directly to the HTML code, or create an Outlook draft, insert an image to it, and use this draft as a template.

Insert image from OneDrive
Insert image from URL
Add image in HTML
Use Outlook draft with an image inserted

Insert image from OneDrive

The first way to insert an image to your template is to attach one from OneDrive with the help of the ~%INSERT_PICTURE_FROM_ONEDRIVE[] macro. To use the macro, open your template and click the Insert macro icon:

In the drop-down list, select the ~%INSERT_PICTURE_FROM_ONEDRIVE[] macro.

Tip. You can find the detailed manual on how to use macros here: How to use macros in your templates

When you pick the ~%INSERT_PICTURE_FROM_ONEDRIVE[] macro, the add-in will ask to log in to your OneDrive account and choose a picture to insert into your email:
Select a picture to insert from OneDrive.

Tip. You can switch to another OneDrive account by clicking the Blue Cloud icon on the right.

You can set a size of an image (in pixels) if you want and click Insert:
Resize your image.
If you do not enter any size, the image will be inserted in its original dimensions.

When you use a template with this macro, the macro downloads the chosen image, inserts a hidden attachment and displays it in the message body.

Note. If you use ~%INSERT_PICTURE_FROM_ONEDRIVE[] in a template that is shared with other users, make sure that your teammates have access to the file or folder in OneDrive. You can learn more about managing access in OneDrive on the Share OneDrive files and folders page.

Tip. For your convenience, you can create a special folder in your OneDrive, share it with all your teammates, and collect all the documents you share in templates there.

Insert image from URL

Another way to add a picture to your template is to attach an image from URL by using the ~%INSERT_PICTURE_FROM_URL[] macro. Open your template and click the Insert macro icon:

In the drop-down list, select the ~%INSERT_PICTURE_FROM_URL[] macro.

Tip. You can find the detailed manual on how to use macros here: How to use macros in your templates

Enter the URL, set a size of a picture if you want and click Insert:
Resize your image.
If you do not enter any size, the image will be inserted in its original dimensions.

When you use a template with this macro, the macro downloads the chosen image, inserts a hidden attachment and displays it in the message body.

Note. If you use the ~%INSERT_PICTURE_FROM_URL[] macro in a template that is shared with other users, make sure that your teammates have access to the URL you indicate in the macro.

Add image in HTML

Besides, you can edit the HTML code of you templates and use the <img> tag to add a picture to your template. Create a template or open an existing one and click the View HTML icon:
Click the View HTML icon.

Enter the <img> tag with a URL and size of your image. For instance, if a picture is located at https://cdn.company.com/, named "logo.png", and should be pasted in the 150px width and 80px height size, the tag will look like this:

Tip. You can also indicate the size of the inserted image in percentage of its original size, so the tag may look as follows: <img src="https://cdn.company.com/logo.png" width="80%" height="80%">

Tip. If you want to insert your image in its original dimensions, you can indicate no size, and the tag will look like this: <img src="https://cdn.company.com/logo.png">

Click Update:
Add the HTML tag.

Your image will be displayed in your template but not downloaded and attached, so if it gets unavailable by the URL, it won't be pasted and displayed in your messages.

Note. If you use the <img> HTML tag in a template that is shared with other users, make sure that your teammates have access to the URL you indicate in the tag.

Use Outlook draft with an image inserted

The fourth way to insert an image into your template is to use Outlook drafts as templates. In this case, you create a draft in Outlook, insert an image, and link the folder with this draft to Shared Email Templates. Here is our guide on how to use linked folders:

How to use Outlook drafts as templates