Content Comparison

...

A banner block in an email editor typically allows users to add an eye-catching image or graphic prominently displayed at the top of an email, often featuring the main message or offer.

...

...

Drag and drop the banner block into one of the structured containers.

...

Click the banner block that was dropped.

...

The video block options window opens.Image Gallery

...

Upload

...

Choosing an Image or Graphic

When selecting an image or graphic format for your

...

banner, consider the following:

• JPEG format is ideal for preserving colors but may result in a significant quality reduction

...

• .

• GIF format is

...

• helpful for adding action to your

...

• banner but may render colors less brightly than JPEG

...

• .

• PNG format is recommended for images with sharp edges, logos, or transparent backgrounds and preserves quality regardless of size and color saturation.

...

• Large PNG images can slow down

...

• loading times, and the maximum image size for upload is 3MB with a resolution of 4000 x 4000 pixels.

Add Link to Image

...

To determine how to handle an image, follow these guidelines:

...

Adding a Banner Block

1. Drag and drop the banner block into one of the structured containers.
   

   Banner Block Drag and Drop.mp4

2. Click the banner block that was dropped. Options to add an image open.

3. Select an image from the Image Gallery or stock photos OR add a linked path to an image.

   • Image Gallery: Upload or drag/drop an image into the structured container.

     Image Added

   • Stock Photos: Use the search feature to find stock images through keyword searches.

     Image Added

   • Linked Path: Add a linked path to access an image from a shared storage space.

     Image Added

     • If you plan to use the image once, select ":

       • Select Leave as external link

       "

       • from the

       dropdown menu and click

       • drop-down menu.

       • Click the checkmark.

     • If you intend plan to use the image for multiple email campaigns, go :

       • Go to the

       "

       • Project

       "

       • tab and insert the link.

       Then select "

       • Select Download to the gallery

       " and click

       • .

       • Click the checkmark to save the image for future use.

   • Access Stock images use the search feature to find images through keyword searches.

     Image Removed

   • Change selected images:

     Image Removed

   • Edit the selected image:

     Image Removed

     A new popup window will open, and your image will be opened with the image editor;

     Image RemovedYou

     Change selected images by clicking the Change Image button, if needed.

     Image Added

    

   • Edit a selected image by clicking the Edit Image button, if needed.

     Image Added

     • Clicking the Edit Image button opens the image editor where the selected image can be modified. Users can apply filters, resize and crop images, draw over them, put any text over them, add stickers and frames, and apply backgrounds

       ;Click "save" in the image editor when you have completed your

       .

     • Clicking Save saves the completed edits.

       Orientation

       Image RemovedSet the banner image to horizontal, verticle Image Added

4. Ste the orientation of the banner. It can be horizontal, vertical, or square crop.
   

   Image Removed

   Filter

   Image RemovedA photo filter in an email editor banner Image AddedImage Added

5. Use the filter to make adjustments, if needed. The photo filter refers to an image processing tool that enables users to apply different visual effects to their images to enhance their appearance and convey a specific mood or style.
   

   Image Added

   Image Modified

6. Link the banner to a URL.

   Image Added

   1. Enter the

   Url

   1. URL into the link section.

   Image Removed
   1. Image Added

   2. Validate the link.

   Image Removed

   Alternate Text

   Image Removed
   1. Image Added

7. Add alternate text, if desired. Alternate text (alt text)

   in an email editor

   is a description of an image that appears in place of the image if it fails to load or cannot be displayed and is also used by screen readers for accessibility purposes.
   

   Additional Picture

   Image RemovedImage Added

8. Add an additional picture, if desired. Add an additional picture to the banner image.

   You can layer a

   A logo or another image can be layered over the top of the picture.
   

   Image Added

   Image Modified

9. Aspect Ratio

   Adjust the aspect ratio as needed. Changing the aspect ratio of an image involves adjusting the proportional relationship between its width and height.

   The default setting is ON.
   

   Image Modified

10. Choose the setting for the Hide element toggle. Users have the option to hide the text on either the desktop or the mobile application.
    

    Image Modified

     

    • Click the desktop icon to hide the text on the desktop application.

      Image Modified

       

    • Click the mobile device icon to hide the text on the mobile application.

      Image Modified

...

Learn More About Blocks

...