List element

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 configuration

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

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 configuration

General configuration

CONTENT
List Items: Add/Duplicate/Remove new tabs to the element.  
Item Text: Insert and style the content of the List item
Show icon: Choose to show the icon of the list item or not.
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.

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

PreviousPrevious article

Next articlePrevious

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

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

I got it!
Learn the E-commerce Knowledge to Help You Grow Your Business. Explore Now