In this article, we will explore how to import and link images within the Email Builder. We will also explore the proper image specs and how to crop your image 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 you can click to begin the uploading process.
After clicking the image upload icon, your 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 our crop window will open. You can replace the image on this screen if you uploaded the wrong one by mistake, and you can see the optimal image size again in case you forgot. Here, you'll have three crop settings to choose from:
This option lets 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 its appearance.
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.
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 looks as you want. Like always, we recommend previewing on desktop and mobile.
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.