How to use external images in your design

Importing Images or Using Remotely Hosted Ones

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 file manager

• 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 Imgur or CloudApp. 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.

Remotely hosted images (absolute URLs)

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 CloudApp or Imgur 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

• If an external image is modified through the built-in image editor (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.

• Externally hosted images must be delivered via HTTPS protocol. If not, the image may disappear from the builder.