List element

In this article, you will learn about the List element and how to use it.

About List elementClick to copy

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

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 configurationClick to copy

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 configuration

CONTENT
List Items: Add/Duplicate/Remove new tabs to the element.list 
Marker Type: There are 14 marker types for you to choose from for the list.list
Marker Position: Choose the position of the marker type (outside or inside) in the list item.list
Items Spacing: Adjust the spacing between the list items. By default, it is set for 10px and maximum is 100px. list
Text Indent: Adjust the spacing between the text and the icon of the list item here.list

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here

Styling configuration

You can check more information about the Styling tab here

List Item configurationClick to copy

General configuration

CONTENT
List Items: Add/Duplicate/Remove new tabs to the element. list 
Item Text: Insert and style the content of the List itemlist
Show icon: Choose to show the icon of the list item or not.list
ACTION
You can direct to a link, a section, a pop-up, an email address or a phone number by Click Action.

Please read more about the ACTION parameter here.

list

Styling configuration

You can check more information about the Styling tab here

You can watch this page about using the List element to list your content

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!