How to use external images in your design
BEE Pro becomes Beefree
We're still the same design suite you know and love, just with a new name. Our team is working hard to update our documentation, but you might still see some information or screenshots that are out of date.
This article applies to both versions of the builder in all plans.
Importing Images or Using Remotely Hosted Ones
You can import images into your design in a variety of ways when using Beefree:
- 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 Beefree will return a local file path in this case. External images will return the original absolute URL.
Let's look at both scenarios.
Locally hosted images (local paths)
The original export method provided by Beefree creates a ZIP file that you can save to your computer. You can also opt to keep the images hosted by Beefree and have the HTML of the email link to them.
If you export as a ZIP folder, the file contains:
- An "images" folder with the images used in your email (limited to 5 MB).
- An HTML file with local paths to that folder for those images (e.g. src="images/myImage.gif")
If designing emails, this allows you to upload all the contents to your ESP upon importing the export file. This is easy when your email service provider has an "import ZIP file" feature (or similar). If it doesn't, you can still import the HTML and images separately. In this case, the sending platform will host the images on your behalf.
Remotely hosted images (absolute URLs)
You can use images that are not hosted by Beefree, but rather somewhere else. We refer to them as external or remotely hosted images.
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 Beefree 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 Beefree 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.
If you have any questions, feel free to contact us.