1. Home
  2. Departments
  3. How to add a dynamic image

How to add a dynamic image

This post is also available in: Português

The department feature allows you to have an email signature with dynamic images. The dynamic images are individually changed for each employee. An example of the use can be a personalized employee photo.

Before we begin, an email signature needs a placeholder field with the image content, and it needs to be between three Brackets tags.

Please take a look at this example, the image tag has three opening and closing Brackets.

Image tag in department signature

Unlike the name tag, which has only two Brackets used to add a text field, you’ll need to use three Brackets to load a dynamic image into your signature.

{{{image}}}

The content inside the tag doesn’t matter. You can use image or selfie, for example. It’s good to remember that using space between words is not a good idea.

Creating a placeholder for the image

If you created a department already, you can add a new reserved space at the end to identify the image field.

Let’s go through two different methods of doing that:

From an existing department

In this step-by-step, we’ll also have a video explaining how to add an image field to your already existent department.

Visit the Department menu, click on Edit at the department you want to add a new placeholder field.

On the edit page, click on the Manage button and add the new field.

Watch a video showing the complete process for an example department, the Sales Team.

The created field can be seen at the end.

From a new department

From a new department, all you need to do is create a column used to identify an image field that’ll be used to load the personalized employee images.

Here’s a CSV file example. Please note the D column, identified as the image, is empty.

CSV file example

Adding images to the placeholder

Now that you have the special column, you can add personalized images in the reserved field for each employee.

Important information about face images

You need to send face images with the correct dimensions for each employee. For example, all images must have 100px width and 80px height.

If the dimensions of the placeholder image are 100px by 80px, and an employee adds an image with 300px by 220px dimensions, it’ll look like weird formatting in the signature. The dynamic image does not support size editing.

To remember, like at the beginning of this tutorial, you have only added one image tag to the email signature.

After the important notice, now we’ll add a link to the public image.

Adding an image to the placeholder

As a rule, the image needs to be previously loaded into the Assets area.

The first step is to leave the field corresponding to the image empty to enable the button to open your Assets gallery.

Open employee image gallery.

When you click the button, the image gallery will open for you to find the employee’s image.

If the image is not in the gallery, you need to upload a new image. You can go to the Assets area and upload all the employee images, as seen in the illustration below:

Upload images assets to signature

Or you can take a look at a more in-depth tutorial: How to upload an image to Bybrand Assets.

Full video tutorial

You can also add a public link directly into the image column of your CSV employee list by copying the image link from Bybrand Assets.

The reserved image field from the CSV file does not accept an image from another place, like an image from your website or any other.

As a rule, all images need to start with:

https://a.bybrand.io/

Here’s an example. You can change the link at any moment after importing it to Bybrand.

Espaço reservado com imagem
Updated on 6 de February de 2021

Was this article helpful?

Need Email Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support