...
Description
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.
...
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
usefulhelpful for adding action to your
emailbanner 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.
Keep in mind that largeLarge PNG images can slow down
emailloading 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:
If you only
Adding a Banner Block
Drag and drop the banner block into one of the structured containers.
Click the banner block that was dropped. Options to add an image open.
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.
Stock Photos: Use the search feature to find stock images through keyword searches.
Linked Path: Add a linked path to access an image from a shared storage space.
If you plan to use the image once
...
:
Select Leave as external link
...
from the
...
drop-down menu.
Click the checkmark.
If you
...
plan to use the image for multiple email campaigns
...
:
Go to the
...
Project
...
tab and insert the link.
...
Select Download to the gallery
...
.
Click the checkmark to save the image for future use.
...
Access Stock images use the search feature to find images through keyword searches.
...
Change selected images:
...
Edit the selected image:
...
A new pop-up window will open, and your image will be opened with the image editor;
...
Change selected images by clicking the Change Image button, if needed.
Edit a selected image by clicking the Edit Image button, if needed.
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
...
.
Clicking Save saves the completed edits.
...
...
Set the orientation of the banner
...
. It can be horizontal, vertical, or square crop.
.gif?version=1&modificationDate=1680104774452&cacheVersion=1&api=v2)
Filter
...
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.
%20(1920%20%C3%97%20850%20px).gif?version=1&modificationDate=1680104774464&cacheVersion=1&api=v2)
Link the
...
banner to a URL.
Enter the
...
URL into the link section.
...
Validate the link.
...
Alternate Text
...
Add alternate text if desired. Alternate text (alt text)
...
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
...
Add an additional picture, if desired. Add an additional picture to the banner image.
...
A logo or another image can be layered over the top of the picture.
%20(1920%20%C3%97%20850%20px)%20(1).gif?version=1&modificationDate=1680104774502&cacheVersion=1&api=v2)
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.
.gif?version=1&modificationDate=1680104774509&cacheVersion=1&api=v2)
Hide Element
Turn the Add an Anchor Link toggle to On to add hyperlinks that take readers to specific paragraphs within the email.
Choose the setting for the Hide element toggle. Users have the option to hide the text on either the desktop or the mobile application.
...
Click the desktop icon to hide the text on the desktop application.
...
Click
...
the mobile device icon to hide the text on the mobile application.
...
Learn More About Blocks
| Child pages (Children Display) | ||
|---|---|---|
|
...
More About the Content Library
| Child pages (Children Display) | ||
|---|---|---|
|