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.
In the Element tab you can find the Image element. Drag and drop it onto the canvas over an empty structure.
Click on the Image element on the canvas to open the Image properties. Then, click on Change Image to add an image.
Your Media library will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.
In the Upload pop-up, click on Browse 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.
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%.
Now you will see your image appear in the Media Library. Select it and click on Insert file to add it into your message.
- 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.
- 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.
Click on Browse to choose an image from your library.
Your Media library will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.
In the Upload pop-up, click on Browse 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.
You have now added your image on the queue to be uploaded. Click on Upload to actually upload it into your Media library. You will see the progress bar go from 0% to 100%.
Now you will see your image appear into the Media library. Select it and click on Insert file to add it into your message.
Support tip
For Articles, you can also add an image via the WYSIWYG editor, similar to the method used in the HTML editor. See below for detailed instructions.
HTML editor
In the HTML Editor, look for an icon saying Insert/Edit an image and click on it.
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.
Your Media library will pop up. Here, you can select an image you have already uploaded or click on the Upload button to upload a new one.
In the Upload pop-up, click on Browse 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.
- You have now added your image on the queue to be uploaded. Click on Upload to actually upload it into your Media library. You will see the progress bar go from 0% to 100%.
Now you will see your image appear into the Media library. Next, select it and click on Insert.
That will bring you back to the Insert/Edit Image pop-up. Click on Insert to add the image to your message.
