About Divider element
The Divider element acts as a decorative line break between 2 elements or sections on your page in order to increase conversion rates.
Access the Divider element
Step 1: Click on the Plus icon which is the Add element function
Step 2: Click on the Divider element in the dropdown menu
Step 3: Drag and drop the element you want into the page editor and then start using it.
Note that you can search for this element by using the search function instead of finding it in the sidebar.
The divider element comes with 4 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.
Divider element configuration
The Divider element comes with plenty of parameters allowing you to fine-tune the content appearance for the best possible conversion rate.
Select the element in the layout to see its parameters.
In this article, we’ll show the parameters of the General and Styling tabs for the Divider element.
|Divider Type: Select the type of divider|
|Line Weight: Adjust the line weight (thickness). The maximum value is 20 px and the default is 2 px.|
You can check more information about the Styling tab here
Divider type configuration
|Plain: A simple straight-line divider with no other content on it.|
|Icon: A simple line and an icon. ||Set the icon position:|
Select the icon you want to display:
Edit size of the nested icon element:
|Text: A simple line and a piece of text.||Set the text position:|
Change the content of the divider text:
|Symbol: A simple line and a symbol.||Set the symbol position:|
Change the symbol design:
Edit the size of the symbol: