PageFly - Accordion element

63 views PageFly 0

In this article, you will learn about the Accordion element and how to use it.

About Accordion element

Accordion element is used to create collapsible content on a page to increase conversion rate. You can use the Accordion element as the content for Tabs, Slideshow element or to show FAQs of your store.

Where Accordion element located

Accordion element comes with multiple variations covering most of the 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.

Accordion element configuration

Accordion element comes with plenty of parameters allowing you to fine-tune content appearance reaching the best possible conversion rate.

Select the element in the layout to see its parameters.

General tab configuration of Accordion

The parameters in General tab are specific for this element.

The parameters in Styling and Advanced tabs are common for all elements. Read about them in this article.

SETTINGS
Enable Arrow This allows you to add an arrow to the accordion item.
Arrow Position Customize the position of the arrow.
Open Multiple Allow your visitors to open more than one tab at the time.
Open By Default The default accordion item to be opened without being clicked on.
ITEMS
Add New Item Click this to add new item in the accordion.
Accordion item #1
Accordion item #2
Accordion item #3
etc.
You can duplicate or delete the item with the icons next to each accordion item’s name.
The order of accordion’s item can be moved easily with dragging and dropping.
Clicking on the right arrow icon will show Header (the name of the accordion item) and Icon (choose an icon to display next to Header).

Nested element configuration

Please notice that the Accordion element is the combination of multiple contents each of which contains a Paragraph element. You can select it and configure it as an independent element.

Nested element in Accordion

Also, you can drag and drop any other elements inside accordion content.