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 replace image 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:
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.
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.
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, select the "Finish & Insert" button 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.
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.