Skip to main content
Card list component

Organize information into the list and add visual cards to it with the card list component.

Yuliia Skrybantovych avatar
Written by Yuliia Skrybantovych
Updated over a year ago

Available for emails and their briefs

CARD LIST allows you to arrange information in a specific order and illustrate it with images. You can also add links for interaction with the entries in the card list component. As a result, the user can click an entry to get more information or perform an action.

To add this component to your email, drag CARD LIST from the Components tab on the elements panel to the email layout.

To customize the card list component, select it on the email layout and go to its Properties tab.

Here, you can configure the card list component in the following way:

  • Change the text line indent in pixels.

  • Set the image container width in pixels.

  • Indent the text from the image container in pixels.

  • Add up to 99 entries to the card list component.

In the ENTRIES section, you can use the following controls to manage the entries:

Control

Action

Unfold the entry to customize its values

Duplicate the required entry with its properties. The duplicated entry is added after the original one

Delete the existing entry

Unfold the required ENTRY section to do the following:

  • Browse for a custom image in the Assets pop-up.

    To modify the image in the Edit image pop-up, hover over the image box and click the edit button.

  • Add a link to the image.

  • Enter the image alternative text.

  • Add the text to the text line manually or upload it with the BROWSE button.

    You can use the WYSIWYG editor for the text customization.

Improve the visibility of light text in the text input area with the Dark background toggle.

  • Customize the required text lines on the layout with the inline editing. For this, double-click the card list component on the email layout.

You can also configure the styling of the card list component on the dedicated Editor tabs.

Did this answer your question?