As with your text content, your email template should have placeholder images of the right dimensions in the content blocks. You can replace the images by simply dragging and dropping them over the block.
It is possible to drop images into text blocks, but this is not recommended for the following reasons:
- If you drop an image into a text block, it will be treated as if it were a special character and all the text formatting options (e.g. linking it) are available. Some browsers will also render this as the image URL, rather than downloading and displaying the image itself.
- If you drop an image into an image block, you will be able to edit it using the image properties.
Image properties
In the Image Properties window, you can specify the settings of your image.
- Desktop image URL - You can insert images from external URLs and from the Media DB. If you are hosting your own images, this is the path to that server. You can swap images by entering a new URL here. The size of the image is stated.
When using external URLs, make sure the images stay available through the entire lifetime of your campaigns.
- Image alternative text - This is displayed if the image is unavailable for download.
Do not use the <
sign in image and link attributes (in the Url and Title fields in the Link Editor window or in the Image URL and Image alternative text fields in the Image Properties window) in VCE when editing your email campaigns, use <
instead. For example, instead of <3
, use <3
in these fields.
- Container width and height - Clear instructions on the size of the image to be uploaded.
- Mobile tab - Here you define what happens on mobile devices - whether the image is shown, hidden or replaced with a dedicated mobile version.
Entering an Image alternative text will help you in better deliverability, as email providers often categorize images without such text as spam.
Using the Recent Media tab
The Recent Media tab contains all the images that you have used recently.
Scroll down and select the desired image and then drag-and-drop it into your email content.
Adding images
The image inserted is a copy of the original one. This way, the accidental deletion of the original image from the Media Database will not affect the display in an email or form. This also means that if the image is updated or overwritten in the Media Database, this will not affect the email or form either.
Editing images
Here you can set the URL of the image or select an uploaded image from your Media database. The size of the image displayed is stated and you can set an Image alternative text if your image does not appear for some reason.
We recommend the image size to be at least twice the size of the container. Emarsys can then ensure that it is displayed in the highest quality on all devices.
The ratio of the image and the display should also be the same for the best possible image quality.
On the Mobile tab, you can select whether the same image should be shown on mobile devices as on desktop, whether the images should be hidden on mobile devices, or whether you will use a dedicated mobile image.