In this article, we will explore how to import and crop your images as well as how to hyperlink your images within the Email Builder. We will also touch on proper image specs and how to best crop your images for specific modules.


Uploading and Cropping Images

To find the appropriate upload size for the image you’d like to include in a specific module, move your mouse over the image you need and click. This action will open up our image editing toolbar. Within this toolbar, you will see the suggested image size. Also in this toolbar is an image upload icon; click this icon to begin the uploading process.

After clicking the image upload icon, the default files on your computer will pop up. Select the image you want to upload and double click or select "Open."

Your image will upload, and the crop window will open. At this time, if you accidentally uploaded the wrong image you can replace it here; you will also see the optimal image size in case you forgot. Below are the three crop settings to choose from:

Crop

This option will let you adjust the crop and/or aspect of your image, which can be desirable to "frame" your image in the email. In some image modules (mainly those that use columns or grids), changing the aspect ratio of one or more images will likely change the module's appearance and require some finessing to restore.

Preserve Aspect

With this option selected, you can crop your image while still maintaining the image's original aspect ratio in the module. This option is useful because it preserves the layout or appearance of modules where multiple images are displayed together, such as two-column or grid-based modules.

No Crop

This option will insert your image directly into your email design un-altered. To preserve the original template layout, it's important to upload your image set to the "Original Size", which is the suggested size for the module and will not require any finessing to restore its appearance.

Tip: If you are looking to preserve the look and feel of the module you are working on, it's best to always use the "Preserve Aspect" setting. This will lock the template from needing further edits after uploading your image. Furthermore, you can upload the image set to the "Original Size" and use the "No Crop" setting. Both these options will preserve the template's original appearance.

Once your image is in order, click "Finish & Insert" to upload your image.

After you've inserted your image, have a look around, and make sure your image and crop look as you want. Like always, we recommend previewing on desktop and mobile and even sending a test email before sending it to your marketing lists.

Hyperlinking Images

To link an image, click on the image you want to link; this action will bring up the image editing toolbar. On the toolbar, click the icon that represents a link.

After you've selected the image link icon, the toolbar will change to a text box; here is where you will put the URL. When adding your URL, be sure to add HTTP://, www. or both. Then, select the check circle. If the circle turns white, the link took and has been saved. If you want to test the link, select the preview icon on the screen's left-hand side in the settings toolbar or send an actual test email.


Pro Tip: You can upload a GIF to any of the templates that include the ability to use an image. It's important to keep the file size under 5 MB. GIFs are ideal for creating motion of a few still frames.

Pro Tip: Not all email clients support embedding a video right now so we don't currently support it either. However, you can always use a still image with a play button that links to a video online, i.e. Vimeo, YouTube, or a dedicated server.

Did this answer your question?