Add an (animated) image

Adding the perfect image to your message can do wonders for your engagement. Images convey meaning. With Flexmail you can add still or animated images that can attract your contacts to buy your products, learn more about your services, appreciate your brand more, to subscribe to your letters, to be more interested in your events and any other goal you are pursuing. 

This article will walk you through a helpful example how to add an image to your message in all of those three tools - the Drag & Drop Builder, the Wizard Template and the HTML Editor.

Drag & Drop Builder

You can drag and drop an image element onto an empty structure or a predefined structure that includes an image element onto the canvas. 

1. In the Element tab you can find the Image element. Drag and drop it onto the canvas over an empty structure.

   

2. Click on the Image element on the canvas to open the Image properties. Then, click on Change Image to add an image.
3. Your File & Image Manager will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.
4. In the Upload pop-up, click on Add files to browse your local folders for the image you want to upload. Make sure the image you have complies to the allowed extensions and maximum size.

   

5. You have now added your image on the queue to be uploaded. Click on Upload to actually upload it into your File & Image Manager. You will see the progress bar go from 0% to 100%.
6. When your progress bar fills up to 100%, click on Close to go back from the Upload window into the File & Image Manager.
7. Now you will see your image selected into the File & Image Manager. Click on Insert to add it into your message.
8. Next, you can click on the Image element to edit the alt text, alignment or fix the margins. You can add a link to an external source, an email address, a form, survey, landing page or file.

Wizard Template

You can add images to the personalisation elements Logo, Banner, Gallery and Articles.

1. Click on the element to expand the options - If you add an image to an Article, you need to click on Add an article before you can insert your image.
2. Click on Browse to choose an image from your library.

   

3. Your File & Image Manager will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.

   

4. In the Upload pop-up, click on Add files to browse your local folders for the image you want to upload. Make sure the image you have complies to the allowed extensions and maximum size.

   

5. You have now added your image on the queue to be uploaded. Click on Upload to actually upload it into your File & Image Manager. You will see the progress bar go from 0% to 100%.

   

6. When your progress bar fills up to 100%, click on Close to go back from the Upload window into the File & Image Manager.

   

7. Now you will see your image selected into the File & Image Manager. Click on Insert to add it into your message.

   

HTML editor

1. In the HTML Editor, look for an icon saying Insert/Edit an image and click on it.

   

2. To add an image click on the little Browse icon next to the 'Image URL' field. You can already add an alt text in Image Description and a title.

   

3. Your File & Image Manager will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.

4. In the Upload pop-up, click on Add files to browse your local folders for the image you want to upload. Make sure the image you have complies to the allowed extensions and maximum size.

5. You have now added your image on the queue to be uploaded. Click on Upload to actually upload it into your File & Image Manager. You will see the progress bar go from 0% to 100%.

6. When your progress bar fills up to 100%, click on Close to go back from the Upload window into the File & Image Manager.

7. Now you will see your image selected into the File & Image Manager. Next, click on Insert.

   

8. That will bring you back to the Insert/Edit Image pop-up. Click on Insert to add the image to your message.

   

Related articles