About Divider Element
Summary: The Divider Element is the designed line break to separate two elements or sections on your page. This feature helps increase the conversation rates by improving the readability and scannability for visitors, especially on pages with multiple sections.
This article introduces you to the Divider Element and provides guidance on customizing it to suit your needs.
How To Access Divider Element
There are some steps required to access Divider element from page editor:
- Step 1: Click on Element icon
- Step 2: In PageFly tab, click on the Divider element in the list
- Step 3: Drag and drop the chosen element onto the layout for editing
Currently, PageFly offers four options of dividers tailored to your preference. Additional options will soon be added to save your time.
Please watch the video below to learn how to access and customize the Divider Element in PageFly:
How To Configure For Divider Element
General Configuration
PageFly enables you to refine the appearance of the line for conversion rate optimal. Select the line to access its parameters.
Follow these steps to begin customizing your line:
- Step 1: Click on your divider to open a modal as shown below.
- Step 2: Select the Divider Type. You can choose and customize one of the available options:
- Plain: a simple straight line with no additional content.
- Icon: a simple line with an icon.
- Text: a simple line with a text.
- Symbol: a simple line with a symbol.
You can refer to the table below for more details on customizing Icon, Text, and Symbol types.
Styling Configuration
Check here to explore the Styling Configuration guide.
Common Issues
- Theme Compatibility: Some themes such as Minimal, Debut, Boundless,… may not support custom divider elements, leading to layout issues or incorrect rendering.
Frequently Asked Questions
1. What is a PageFly Divider element?
Divider Element is used to segment your content, sections and other components, thereby enhancing the readability and scannability for page visitors.
2. Can I add an icon to the line?
Yes. Among four given Divider Types, there is an Icon option. Select the desired type and style it as you wish to display.
3. How many Divider types that PageFly supports?
There are four options for Divider Types.
4. What’s another term for “Line Weight”?
Line Thickness.