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. 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.
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.
|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
Accordion item #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 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.
Also, you can drag and drop any other elements inside accordion content.