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.
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.
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 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.|
|Add New Item||Click this to add new item in the accordion.|
|Accordion item #1|
Accordion item #2
|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.
With this in mind, you can drag and drop any other elements inside accordion content.