PageFly - Accordion element

1498 views 4

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. Even so, we will continue to add more variations to help you save time.

Drag a variation to the layout and see how it works.

Accordion element setting

Accordion element comes with many variables, letting you edit content design so you can achieve the best conversion rate possible.

To start, select the element in the layout to see its variables.

General tab configuration of Accordion

The variables in General tab are specific for this element.

However, those in Styling and Advanced tabs are common for all elements. Read about them here.

Enable ArrowThis allows you to add an arrow to the accordion item.
Arrow PositionCustomize the position of the arrow.
Open MultipleAllow your visitors to open more than one tab at the time.
Open By DefaultThe default accordion item to be opened without being clicked on.
Add New ItemClick this to add new item in the accordion.
Accordion item #1
Accordion item #2
_       #3
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 by 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).

Contained element setting

The Accordion element is a group of multiple contents. Each can contain a Paragraph element.

In other words, you can select and edit one as an independent element.

Nested element in Accordion

With this in mind, you can drag and drop any other elements inside accordion content.

Was this helpful?