List

About List ElementClick to copy

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

  • 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

List

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

List

How to Configure List ElementClick 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 view its settings.

List

General SettingsClick to copy

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.
List
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
List
Marker Position: Select the position of the marker in the list item (outside or inside)

 

 

List
Items Spacing: Adjust the spacing between list items. By default, it is set at 10px List
Text Indent: Adjust the spacing between the text and the icon of the list item. List

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

Styling SettingsClick to copy

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.

List element

How to Configure List Item ElementClick to copy

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

General SettingsClick to copy

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.
List element
Item Text: Insert the content of the list item. List element
Show Icon: Choose to show or hide the icon for the list item. List element

Styling SettingsClick to copy

You can check more information about the Styling tab here.

Use CasesClick to copy

Creating A Checklist Or Step-By-Step GuideClick to copy

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

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

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

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.

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer
to your question?

Chat with us
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️