In this article, you will learn about the List element and how to use it.
About List element
List element allows you to put a list of items on your page to help increase your conversion rate. You can use this element instead of using bullet points or numbered lists in the Paragraph element in order to have more customization options. It’s also faster.
Access the List element
Step 1: Click on the Plus icon which is the Add element function
Step 2: Click on the List element in the dropdown menu
Step 3: Drag and drop the element you want into the page editor and then start using it.
List element comes with multiple variations covering most needs. But we will continue to add more variations to help you save time.
Drag a variation to the layout and see how it can be configured.
List element configuration
List element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate.
Select the element in the layout to see its parameters.
In this article, we will show the parameters of the General and Styling tabs for the List element.
| General tab’s parameters | |
| 1. CONTENT |
Each type has many different types so you can choose one you like. In case you don’t want to display the marker type, you can choose “None” option.
|
| 2.ATTRIBUTES | This is a parameter that all elements have. You can read more here. |
| 3. VISIBILITY | This is a parameter that all elements have. You can read more here. |
| 4. ANIMATION | This is a parameter that all elements have. You can read more here. |
| Styling tab’s parameters | |
| 1. OVERALL | You can read about the OVERALL parameter here. |
| 2. SPACING | You can read about the SPACING parameter here. |
| 3. TYPOGRAPHY | You can read about the TYPOGRAPHY parameter here. |
| 4. BACKGROUND | You can read about the BACKGROUND parameter here. |
| 5. BORDER | You can read about the BORDER parameter here. |
| 6. DISPLAY | You can read about the DISPLAY parameter here. |
| 7. CUSTOM CSS | You can read about the CUSTOM CSS parameter here. |
Nested elements configuration
Please note that the List element is the combination of multiple List items. You can select it to see two additional parameters available for each List item.
| ITEM SETTINGS | |
| List Items | You can add, move or delete any item here. |
| Item Text | Add text here |
| Show Icon | You can choose to show the icon of the list item or not. Click on the icon if you want to change the icon. You can check this tutorial about the Icon element. |
| ACTION | |
| Go to URL |
|
You can watch this page about using the List element to list your content
