Accordion

Click to See Live Demo

AI Accordion Addon feature helps to keep your information organized on your website. With this feature, you can group related content into collapsible sections that can be easily expanded or collapsed with a click of a button. This allows your visitors to quickly find the information they’re looking for without having to scroll through long pages of content. 

How to set up the Accordion Box: 

Step 1: Search and find Accordion Box in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section.

Step 2: This is how the element will look after inserting Accordion Box.

How to set up content for the Accordion?

Under the content tab, you can configure the AI Accordion.

From the Accordion Types dropdown, you can select the types of layouts you need for your website. In this section, you can add any number of accordions by simply clicking on + Add Item. Also, it is possible to set open multiple widgets at once by turning on the Multi Open Toggle.

 Click on Title, it displays the new widget with many options. Here set the Title name and you can also use your ‘Saved Template’ as ‘Content Type’. It lets you select the type of content in Text format, Html format, or from the saved template. Enable/disable the ‘Active as Default’ tab option. 

Here comes the best feature, to write your content on AI. For doing this, enable the toggle “Open AI Content?” Before starting make sure you have activated the key in the settings tab.

It will show some prompt text so you can generate content easily for your Title.

You can choose icons for opening and closing from the icon library or upload SVG in the icon area, and use Icon Alignment to control where they appear in the Title section. 

How to add Styles to the Accordion?

To customize every AI Accordion element, select the styling tab. You can now add styling to the Accordion, Title, Content, and many other elements from this section according to your preferences.

Explore the magic of AI Accordion in our Live demo! Seamlessly organize and present your information, making it visually appealing and engaging for your audience. 

Encountering any challenges along the way, our support team is readily available to provide you with the assistance you need!

Powered by BetterDocs

Enjoy the free pro experience. Help us by sharing our plugin. It will help us add more features in the future. 

Resources
Scroll to Top