Accordion Blocks vs Helpie FAQ

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

Accordion, FAQ & Docs – Helpie FAQ is an advanced WordPress FAQ Plugin for effortlessly creating, editing, and embedding FAQs and Accordions on your WordPress website. You can create a stunning Docs pages easily (Coming Soon). You can create FAQ posts, assign them categories & tags and use responsive Toggle or Accordion-style, and display FAQs anywhere on the website. FAQs can be grouped and filtered using FAQ categories and tags and displayed using shortcodes, Elementor page builder, or as a widget in the theme. There is a basic shortcode builder with which you can add FAQs to all pages and posts. It has a FAQ block for Gutenberg Editor. You can use it as a general-purpose WordPress Accordion Plugin too. Display all FAQs in simple accordion style using the shortcode given below: [helpie_faq] Note : We’ve launched a new free WordPress contact form database and automation plugin called Tablesome to save contact form submissions, create responsive data tables, import and export tables as CSV & XLSX files, automatically export data to Mailchimp, Notion, Google Sheets and more. Do give it a try! See Demo Read Documentation Features Fully responsive Accordion/Toggle FAQ-Accordion block for Gutenberg Automatically adds FAQ Schema Basic FAQ Shortcode builder for all pages and posts FAQ-WooCommerce Integration FAQ-Accordion tab on WooCommerce product page Add FAQs in bulk using Groups Drag & Drop sorting of FAQs in Groups Inline FAQ search-bar Enable/Disable FAQ search-bar FAQ theme widget Display Popular and Recently Added/Updated FAQs Sorting and Filtering of FAQs Limit number of FAQs displayed FAQ List view display mode FAQ Header and Body styling options Elementor integration – Accordion/FAQ widgets Helpie Knowledge base integration Use Helpie KB categories for FAQs Display FAQs based on categories Display FAQs to all products/Product Categories in WooCommerce Adds URL attribute for FAQs See the video to Get Started: Installation, Activation, Adding FAQs and Using Shortcodes FAQ Groups to add FAQs in bulk Easily add a large number of questions and answers to create FAQ pages in the backend and embed them on any page or post with a shortcode. You can drag or drop to order the FAQs. You can add Categories to FAQs created in FAQ Groups. FAQ Header and Body Styling options You can customize the background color, font, font color, font size, and content padding of the FAQ Header and Body. You can also change the color of the Toggle icon to match the content. It also works with many popular WordPress themes and plugins such as Avada, Divi, Flatsome, Yoast, etc., FAQ for WooCommerce ( Woocommerce FAQs / Product FAQs ) An FAQ tab can be created on WooCommerce product pages and FAQs can be added and edited for individual WooCommerce products. It makes it easy to answer your customer’s common questions on the product pages themselves. It can also be used for non-FAQ content for WooCommerce accordion tabs. You can add FAQs to all WooCommerce products or specific product categories using Helpie FAQ Pro. For more information on WooCommerce integration see the video below: FAQ List View Display FAQs in a simple list display without accordion/toggle. FAQ Schema and heading tags will still apply in this display mode. You can also list FAQs based on Categories. FAQ for Elementor ( Elementor FAQ – Accordion widget ) Helpie FAQ plugin can be integrated with the Elementor page builder using 2 Elementor widgets. 1. Helpie FAQ – Dynamic Add Widget – to add Accordions to any Elementor page dynamically and edit the content using Elementor live editor 2. Helpie FAQ widget – to embed pre-made FAQs anywhere on the Elementor canvas. To Dynamically Create FAQs and Accordions with Elementor see the video below: To embed the pre-made FAQs with Elementor see the video below: FAQ block for Gutenberg ( Gutenberg FAQ Block ) Helpie FAQ provides an FAQ block for the new Gutenberg WordPress Editor, which allows you to add FAQs with all the settings and customizations in the editor itself. FAQ for Helpie Knowledge Base ( WordPress Knowledge Base + FAQs ) Helpie FAQ plugin can be integrated with Helpie Knowledge base plugin and the knowledge base categories can be used for FAQs. This can help add a FAQ section to your knowledge base based on categories. Helpie FAQs need not be used to display only frequently asked questions content. You can use it for any content which needs to be hidden until clicked You can also create a powerful FAQ / Knowledge Base section on your website using Elementor Page Builder. Check out how >> Helpie FAQ Pro Plugin Helpie FAQ Pro Plugin has features such as User FAQ submission by which any users can submit their Questions and Answers which can be added to the FAQs on that page with or without the approval of the admin. WooCommerce Questions and Answers (Q&A) Want to add an ‘Ask A Question’ section to WooCommerce products? Helpie FAQ allows you to add a Questions and Answers tab (Q&A Tab) to WooCommerce product pages, next to WooCommerce Description and Review tabs. The Admin, Customers or anyone with access can ask questions related to products and other Customers, Shop Manager or the Admin can add the product answers. LMS Support (for Groups) You can add FAQs to Courses and Lessons of LearnDash LMS, Tutor LMS and LearnPress LMS plugins. Premium Styling Options Helpie FAQ Pro allows you to customize almost every part of your FAQ section such as the FAQ Title, Toggle Icons, Category Title, in addition to the FAQ Header & Body background and content in the free plugin. FAQ Search Styling You can customize the background color, icon color, and font color of the search bar. FAQ Title Styling You can change the alignment, font, font color, and font size of the FAQ Title. You could also choose to hide or show the FAQ Title. Custom FAQ toggle icons You get to choose from a huge list of icons for FAQ open and close options. You can change the default toggle icons, their color, and their placement in the accordion. Custom Icon for FAQ & Category Titles You can place a icon before FAQ and Category Titles. Keep an title icon that best describes your FAQ and Categories. Other Pro Features Read More Link (Show Excerpt) in FAQs In the FAQ Body area, if you have long content you can show excerpt with limited words and display a Read More link to a single FAQ page. Pagination for FAQs When you have many number of FAQs, you can apply FAQ pagination for them and limit the number of FAQs displayed on a single page. Users can easily navigate to the next page and find the information they need. User FAQ submission Users can submit questions directly from the FAQ section, which you can directly publish there or it can be sent for moderation. Both Admin and Users will get email notifications. Keep FAQ Slug as Anchor link The default FAQ anchor link comes with FAQ Post Id. You can change the anchor link to show FAQ slugs for better identification. Search FAQs using tags You can add WordPress Tags to FAQs so that when users search using a given Tag as the keyword, all the FAQs attached to the Tag will be brought in the search results. This will helpful for users to find FAQs when they are searching for answers when there are many questions and answers. Create FAQs once and display them on multiple WooCommerce products You can display an FAQ on all products and for specific WooCommerce product categories. FAQ Insights and Analytics It helps you to understand your customers better. Know which FAQs are most read and see which keywords are most searched on your FAQ page. Auto-ordering of FAQs based on User Engagement It automatically brings the most viewed FAQs first to bring the most useful answers that your users are looking for. Category Accordion Menu for Woocommerce & Other CPTs