Editing Image Properties

Overview

Content Properties enable you to customize your content within the builder. Each content block you add to your design includes a set of options that you can customize. This allows you to have control over how your content looks and interacts with your overall design.

Image Content Properties

In this section, we will discuss how Content Properties functions for the Image Content Block.

When you insert an image or click on an image already present in the design, the Content Properties area of the builder will display customizable settings in the panel on the right-hand side of the screen. You can edit these image settings based on your design needs.

In the following GIF, the example displays a user adjusting the width of their image within the builder. They do this by toggling off Auto width and using the slider to experiment with the image width to find the perfect size.

Settings

The following list outlines the available Content Properties for an Image Content Block:

  • Auto-width: If the image size is bigger than the box, this option is enabled automatically. You can switch it off if you want to resize it. Toggle this setting ON and OFF to automatically fill (ON) or not (OFF) the content area of the image.

  • Align: Use this to change the positioning of the image. You can align the image to the text.

  • Dynamic image: Toggle this setting ON or OFF to indicate whether your image is dynamic. Learn more about dynamic images.

  • Appy effects: Click on this button to load an image editing tool that allows you to resize the image, apply visual effects, and much more.

  • Change image: Click on this button to open the File manager, where you can replace the image with a new one.

  • URL: Specifies where the image is saved. You can also paste an external URL to load an image.

  • Alternate text: Enter the text that should be displayed when images are turned off. This is a best practice in email design since there are still email clients that have images turned off by default. Adding alternate text also makes your images more accessible.

Action

The Action section of Content Properties enables you to link the image to a URL, to a new email in an email client, or to a telephone number for making a call or sending a text message. You can also link the image to a file that you previously uploaded through the builder’s file manager.

The following options are available in the Image link drop-down:

  • Open web page

  • Send email

  • Make call

  • Send SMS

Block Options

Block options allow you to customize the padding and visibility of the image. For the padding, you can adjust All sides proportionally, or opt to adjust the padding for each side of the image individually.

You can opt to hide your content on Desktop or Mobile using the visibility block option.

Last updated