How to use external images in your design
Last updated
Last updated
You can import images into your design in a variety of ways when using Xmailer:
Dragging and dropping them directly from your desktop
Uploading them using the
Importing them from social media accounts, cloud storage, etc.
You can also decide not to import the images at all. Instead, you could keep them hosted using services such as or . This allows you to use absolute URLs to them in your designs, as described below.
The HTML output you receive upon export might depend on how you bring an image into the builder. If you're exporting a ZIP file, you might see a local path to the image file or an absolute URL to it. Images hosted through Xmailer will return a local file path in this case. External images will return the original absolute URL.
Let's look at both scenarios.
You can use images that are not hosted by Xmailer, but rather somewhere else. We refer to them as external or remotely hosted images.
You can use images that are already online (e.g. on your company site, a blog, an online store, etc.) or use a service such as or to host them.
It's easy to add an external image by using the URL field on the content properties of an image block:
Images added through the URL field:
will not be available in the Xmailer file manager
will not be included in the "images" folder when you download the ZIP file
will be left "as is" in the HTML. In other words, it will maintain the full link that you pasted into the URL field.
Limitations when using external images
Externally hosted images must be delivered via HTTPS protocol. If not, the image may disappear from the builder.
If an external image is modified through the (Apply effects & more), it becomes a local image. It will be saved locally in the Xmailer file system and added to the "images" folder of the downloaded ZIP file.
