List

About List Element

The List element in PageFly allows you to add a list of items to your page, helping to increase your conversion rate.

You can use this element instead of bullet points or numbered lists in the Paragraph element, giving you more customization options. Additionally, the List element performs faster.

Before diving into the detailed steps, you can watch this video for an overview:

How To Access The List Element

• Step 1: Click on the Elements icon > In the PageFly tab choose the List element
• Step 2: Drag and drop the desired List variant you want into the editor and then start using it

The List Element comes with 3 variations covering most needs. However, we will continue adding more variations to help you save time.

How to Configure List Element

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 view its settings.

General Settings

List Items: Add new List  items by clicking on the Add new items button. Move the item by clicking-and-holding the ellipsis icon in the left of item, and drag this into the new placement Duplicate or remove List items by using the two buttons next to each tab item.
Marker Type: Choose from 14 different marker types for your list. Note: You can select None if you don’t want to show the marker before the list items
Marker Position: Select the position of the marker in the list item (outside or inside)
Items Spacing: Adjust the spacing between list items. By default, it is set at 10px
Text Indent: Adjust the spacing between the text and the icon of the list item.

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

Styling Settings

You may modify a range of parameters in the Styling tab, such as spacing, borders, typography, colors, and more, to guarantee that the List element matches the overall layout of your page.

You can check more information about the Styling tab here.

How to Configure List Item Element

The List element contains individual List items. You can configure settings separately for each List item by clicking on the specific item.

General Settings

List Items: Add new List  items by clicking on the Add new items button. Move the item by clicking-and-holding the ellipsis icon in the left of item, and drag this into the new placement Duplicate or remove List items by using the two buttons next to each tab item.
Item Text: Insert the content of the list item.
Show Icon: Choose to show or hide the icon for the list item.

Styling Settings

You can check more information about the Styling tab here.

Use Cases

Creating A Checklist Or Step-By-Step Guide

The List element is perfect for creating checklists or step-by-step guides on your website. You can use different marker types (e.g., numbers or checkboxes) and customize the spacing and indentation to make the list easy to read and follow.

Displaying Key Features Or Benefits

If you want to highlight the key features or benefits of a product or service, you can use the List Element to present them in a visually appealing and organized manner. Customize the marker type and styling to match your branding.

Enhancing Landing Pages

Use the List Element on your landing pages to break down information into digestible chunks. This can improve readability and draw attention to important points, potentially increasing conversions.

Frequently Asked Questions

1. What is the PageFly List element?

The List Element allows you to add a list of items to your page, helping to increase your conversion rate.

2. What is the marker in the List element?

A marker is the shape or symbol used for each list item, such as a bullet point or number. There are 14 different marker types available in the PageFly List Element.

3. Can I add icons to the List items?

Yes, you can choose to show or hide icons for each list item using the “Show Icon” option in the List Item Configuration settings.