Insert pictures, social links and other content into your template

You can add various types of content into your signature template: pictures, social links, placeholders that are replaced with AD attributes, and more (Fig. 1.). Read on for details.

The Insert group on the ribbon allows you to add content to your signature template.
Fig. 1. The Insert group on the ribbon allows you to add content to your signature template.


The Table button allows you to insert a table and define its size (Fig. 2.).

How to insert a table into an email signature.
Fig. 2. How to insert a table into an email signature.

More options are available after a table is added - you can find them on the Table tab that appears when you select (click inside) your table (Fig. 3.).

Advanced table options are available on the ribbon.
Fig. 3. Advanced table options are available on the ribbon.


To add an image to your signature template, click the Picture button on the ribbon (see Fig. 1.). Choose a picture either from a local library or from an online resource, as shown in the top portion of Fig. 4. To learn about the differences between embedded (local) and online (linked) images, advantages of each approach, and the examples of use, see our Knowledge Base article.

You can upload your images in any format but we recommend using the most popular ones such as JPG or PNG for static graphics and GIF for animated elements. Otherwise, some email clients might not display your images properly.


For security reasons, it not possible to use an online picture that is located on a server without an SSL certificate. In other words, when using the Online picture option, you need to link to a resource that contains the https prefix in its web address.

Next, define your picture's size in pixels and choose if you want to preserve its aspect ratio (the middle portion of Fig. 4.). You can resize the picture any time later by dragging it with a mouse or by clicking it and using the options on the Picture tab.

Finally, enter the picture’s alternative text (the bottom portion of Fig. 4.), which will improve your signature’s accessibility for the visually impaired plus will serve as a backup if your picture cannot be displayed for some reason.

The Insert picture configuration window.
Fig. 4. The Insert picture configuration window.


Check out our free application - CodeTwo User Photos for Office 365 - if you want to quickly upload user photos to your Microsoft 365 tenant (Azure Active Directory).

User photos are added to a signature template by using the {Photo} placeholder. These photos are always added as embedded images.


Use the Link button on the ribbon to add hyperlinks (URLs) to your signature template. You can add links to text and other elements (such as images) inside your signature. Links may refer to web pages (http/https), emails (mailto) and other resources (e.g. ftp). To add a hyperlink to an email element, select this element with a mouse and click the Link button on the ribbon. The Insert link window opens (Fig. 5.). Here, you can define your URL and personalize its appearance in your signature. Click the Show email tracking parameters link to expand additional settings and add campaign tracking parameters to your link. The most popular web analytics tools are supported: you can add UTM tags (Google Analytics), Woopra tags and Matomo (Piwik) tags.

Configuration of a link.
Fig. 5. Configuration of a link.

Learn how to integrate CodeTwo Email Signatures 365 with web analytics tools

Tip: How to add a mailto link to an image?

To add a mailto link to an image, select (click on) an image inside your template and click the Link button on the ribbon. Define the URL address in the following way: mailto:[your-email-address] (Fig. 6.) and click OK. Save and apply your changes. Now, whenever you send an email and the recipient clicks the linked image in your signature, their default email client opens, and they are able to quickly send you a message.

How to add a mailto hyperlink to an image.
Fig. 6. How to add a mailto hyperlink to an image.

Social link

The Social link option on the ribbon allows you to create a special kind of hyperlink that includes a label as well as a related image and leads to one of the social media networks (Fig. 7.). The target URL is fully configurable - you can also include placeholders (replaced with user's AD attributes) so that the final link refers to the email sender's social profile page. If you want to add a link to a social network like Facebook or LinkedIn, you need to enter a username in the URL (it cannot be the person's email address). Usually, the URL identifier can be obtained by opening the main profile page of a user.

The social link configuration options.
Fig. 7. The social link configuration options.

Meeting link

With the Meeting link option, you can add a link to a direct meeting or a meeting scheduling service to your signature template. Select an existing service from the Type drop-down list or select Custom link to create your own link. You can customize the URL manually or by adding placeholders. For example, if you use a shared meeting link, replace the phrase user_id_here with the ID or name set up for your organization in your meeting scheduling service. If you want to create personal meeting links that automatically change based on the email sender, use a placeholder that inserts the sender’s ID or name. Some of the phrases (such as meeting_type_here) are optional – remove them if you don't use them. When your URL is set up, add a text label and change or remove the default picture, if necessary (both the image and the label text are hyperlinked). You can see a preview at the bottom. For more details, check out the examples below.

Example 1: direct meeting (Microsoft Teams)

To create a link to a direct meeting in Microsoft Teams, select Microsoft Teams direct call from the Type drop-down list. By default, the URL contains the {E-mail} placeholder that is replaced with the sender’s email address when an email is sent. This lets the recipient call the sender directly. If you want the recipient to call your company’s designated contact person instead of the sender, replace the placeholder with an email address of your company, e.g. [email protected], as shown in Fig. 8. Enter the label text if you want (otherwise, only the image will be hyperlinked) and click OK to insert the link into your signature template.

Creating a Microsoft Teams meeting link.
Fig. 8. Creating a Microsoft Teams meeting link.

Example 2: meeting scheduler link (Calendly booking page)

To create a link to the Calendly scheduling platform, select Calendly booking page from the Type drop-down list and modify the provided URL (as shown in Fig. 9.). Replace user_id_here with a placeholder that inserts the user’s (sender’s) or your organization’s ID, assigned in Calendly. The meeting_type_here phrase is optional. You can either remove it or replace it with a Calendly meeting template, e.g. phone (this way, the recipient will be able to book a phone call with the sender). Enter the label text if you want (otherwise, only the image will be hyperlinked) and click OK to insert the link into your signature template.

Creating a link to your Calendly booking page.
Fig. 9. Creating a link to your Calendly booking page.

Custom meeting link

If you select Custom link from the Type menu, you need to provide the URL to your scheduling service or communications platform manually. Note that usually such an URL contains an ID or name of a specific user. You need to customize this URL so that it works for all users in your organization (e.g. replace the ID or name with a placeholder). Enter the text in the Label field that will be shown in your email signature instead of the URL. Optionally, click Change to add a picture that appears next to the link. Click OK to insert the link into your signature template.

Learn how to integrate CodeTwo Email Signatures 365 with:


The signature template editor allows you to add dynamic content such as Azure Active Directory attributes, counters, etc. directly into a signature template. Such dynamic content is added in the form of placeholders. Select a place inside your template and click the Placeholder button on the ribbon to add a placeholder (Fig. 10.). When an email message is sent, your placeholder is replaced with a corresponding information, for example an Azure AD attribute of the email sender. Placeholders can contain user and message related attributes, date/time information, message properties, and more. The available placeholders depend on your environment. For details, see our dedicated article about placeholders.

Fig. 10. Placeholders.

Conditional placeholder

The Conditional placeholder button allows you to add user-defined placeholders to your signature template. Conditional placeholders can contain multiple rules, and each rule consists of conditions and a value (plain text, picture, HTML content or regular placeholders). When an email is sent, a conditional placeholder is replaced with the value whose conditions are met first (or with a default value, if none of the specified conditions could be met). Click Manage to open Conditional placeholders manager (Fig. 11.), where you can create and manage conditional placeholders. Find additional information and application examples for conditional placeholders in this article.

Opening the Conditional placeholders manager.
Fig. 11. Opening the Conditional placeholders manager.

Remove empty placeholder

The Remove empty placeholder option is used to automatically remove placeholders that cannot be replaced with corresponding information. For example, a signature may contain placeholders that refer to Azure Active Directory attributes. If an email sender does not have these attributes filled in AD, empty fields will appear in their email signature. RT tags help you avoid these empty spaces so that your signature layout is not disrupted.


Alternatively, instead of removing empty placeholders, you can use conditional placeholders to insert custom information (a generic phone number, an avatar instead of a user photo, etc.). That way, your email signature will always contain all the necessary information, even if some attributes are missing from sender’s AD.

To automatically remove an empty placeholder from your signature, you need to surround this placeholder with RT tags. To do so, select the whole placeholder (including the curly braces around it) with your mouse and click the Remove empty placeholder button (Fig. 12.). The placeholder now begins with {RT} and ends with {/RT}. When CodeTwo software processes an email of a user who does not have the AD attribute related to this placeholder, the empty placeholder field is removed (along with the empty space it occupies) from the signature. This helps you keep a professional appearance of your signatures.

How to add the RT tags to a placeholder.
Fig. 12. How to add the RT tags to a placeholder.

By placing RT tags correctly in your template, you can remove not only placeholders, but also the neighboring text or other elements. For example, you can surround a whole line of text that includes both a placeholder and a related text description (see the example below). Note that if you insert the RT tags at the beginning and at the end of the same line/row, the empty placeholder will be removed but an empty line will remain (see the example on the left side). To avoid this, move the closing {/RT} tag to the beginning of the next line/row (see the example on the right).


    {First name} {Last name}
    {Company} {Department}
    Phone: {Phone}
    {RT}Mobile: [Mobile]{/RT}
    Email: {Email}
  • CORRECT (empty line is removed):

    {First name} {Last name}
    {Company} {Department}
    Phone: {Phone}
    {RT}Mobile: {Mobile}
    {/RT}Email: {Email}

Learn more about the Remove empty placeholder option and see usage examples

HTML snippet

Select any place in your signature/disclaimer and click the HTML snippet button (Fig. 13.) if you want to add snippet codes copied from a different source or application. This feature allows you to easily integrate third-party solutions (such as one-click surveys) with your email signatures, for example to boost your email marketing campaigns. Learn more about third-party integrations

The configuration of an HTML snippet code.
Fig. 13. The configuration of an HTML snippet code.

Special character

The last button in the Insert group (Fig. 14.) allows you to add special characters to your signature template.

How to insert a special character into a signature template.
Fig. 14. How to insert a special character into a signature template.

See also

Our Knowledge Base article on good and bad practices when using the signature template editor

In this article

Was this information useful?