Creating FAQs with Accordion and Toggle using Elementor and Helpie FAQ plugin

Helpie FAQ plugin is the only FAQ plugin for WordPress which is integrated with Elementor Page Builder for creating responsive accordion and toggle content. A piece of good news to you – it’s free!

This comes with the perfect Elementor Accordion / FAQ Widgets for you.

When you have the Helpie FAQ plugin installed and activated on your WordPress site, you could add your FAQ content with categories. Helpie FAQ plugin, when used along with Elementor, gives you the Helpie FAQ widget which you can use while editing your page with Elementor.

How to Create FAQs and Accordions with Elementor and Helpie FAQ

There are 2 ways in which you can add FAQs and Accordions with Elementor. Helpie FAQ gives you 2 Elementor FAQ widgets to do this. They’re:

  1. Helpie FAQ – Dynamic Add Widget – Add Accordions to any Elementor page dynamically and fill the content in them using Elementor live editor
  2. Helpie FAQ Widget – Add the FAQs and Accordions previously created in the WordPress dashboard to Elementor pages

1. Create Elementor Accordions – Using the Helpie FAQ – Dynamic Add Widget

The Dynamic Add Elementor widget is the latest feature released with Helpie FAQ v 1.1. 

This widget helps you to create Elementor Accordions and FAQs just as you create any other elements with the Elementor page builder. With this Dynamic FAQ Widget, you can create FAQs with FAQ Section Title, Individual FAQ Items with questions and answers with the Elementor editor on a post or page that you’re working on.

Dynamic FAQ widget options:

  • Add FAQ Title
  • Add FAQ Single Items with Title and Paragraphs
  • Show FAQ Searchbar for Inline search
  • Add FAQ Search Placeholder
  • Enable/Disable Toggle
  • CHoose Dark/Light FAQ Theme
  • Change FAQ Styling
  • Add Custom CSS for advanced styling

Here’s a video showing how to use the Dynamic FAQ widget with Elementor:

Also See: How to Create Knowledge Base/Wiki with Elementor 

Pro Tip: you can easily create responsive tables in WordPress with Tablesome free table plugin

2.  Create Elementor Accordions – Using the Helpie FAQ Widget

Then to embed the FAQs as collapsible content on your webpage, you can use the Helpie FAQ widget which you can find from the Elementor widget area. Just place the FAQ widget where you want to embed it, and the FAQ widget will be embedded. Then you can customize your FAQs just as you would with any other Elementor widget.

FAQ widget options:

The Helpie FAQ widget gives you a lot of options such as:

  • Title – Add any title to display
  • Show Search – choose to show the FAQ search bar
  • Categories – FAQ groups to be displayed there
  • Theme – FAQ-style choices
  • Display mode – choose from three display modes Simple Accordion, Category Accordion, Single Accordion by Category
  • Display Category Fields – display category description if necessary
  • Toggle (On / Off)
  • Open First FAQ Item  (On / Off)
  • Sort By – arrange FAQs by Alphabetical, Publish Date, Updated date. Arrange by User Engagement option only on premium.
  • Show Submission – (Pro feature) enables user FAQ submission
  • KB Categories and Woo Products –  Applicable while using Knowledgebase and WooCommerce integration

With these options, you can customize your FAQ content to be displayed on the page. Not just that you can use Elementor’s styling options to change the background color, font color and typography,  and everything you basically do with Elementor styling. Sounds great, isn’t it!

Here’s a video showing how to use Helpie FAQ with Elementor:

Related Content Best WordPress Themes and Templates for Elementor

Creative ways of using Helpie FAQ with Elementor:

So far we have seen some basic stuff about embedding FAQs. But why stop there let’s get more creative!

Besides embedding FAQs with the Elementor widget, Helpie also has an option of displaying with shortcodes. There is a basic shortcode [ helpie_faq ] which will include all the FAQs with default settings (which you can change in the FAQ settings area). For more options, you can use the Helpie shortcode builder to generate shortcodes with customized settings.

Read this article to know more about Helpie FAQ shortcode builder

Using Helpie FAQ with other Elementor Widgets

You can add this shortcode in the Elementor widget content area and display FAQ contents inside widgets like Tabs, Testimonials, Flip Box, Slide, etc.,

Using Helpie for its Elementor Accordion Widget and Toggle

In this case, the content not necessarily is FAQ questions and answers. You could add any content and show them in Accordion or Toggle form. Here I’ve put shortcodes inside the Elementor Tabs widget and display FAQ accordion inside the widget area on different tabs. Mind here that in Elementor you cannot put one widget on another, so it’s only possible with Helpie FAQ’s shortcodes.

You can also place the Helpie FAQ shortcode on the Testimonial Carousel widget and placed accordions inside the testimonials for example.

You can use many other Elementor widgets in this way and end up with creative designs showing collapsible content wherever you want!

What are you waiting for, get Helpie FAQ plugin now!

What do you think about this article? Have you tried Helpie with Elementor? Do you have more creative ways of creating Accordion and Toggle? Share your thoughts in the comments section. If you want to get updates on our blog please subscribe to the Helpie blog.

Leave a Comment

Your email address will not be published. Required fields are marked *