Helpie FAQ vs Lightweight Accordion

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

Lightweight Accordion plugin for WordPress allows you to add collapse elements to posts using a Gutenberg block or a shortcode (via classic editor). By using the details HTML tag and a few lines of CSS this allows for a javascript-free accordion for minimum page load. Extremely Lightweight (<1kb): Without using Javascript the plugin uses the native details HTML tag and a few lines of code for almost no impact on front-end. Customizable: Options include customizing the HTML tag used for the accordion title, open by default, borders, colors, and accordion grouping (auto-close others when one opens). Shortcode Usage examples Here are a few examples of using the accordion plugin with shortcodes. [lightweight-accordion title="My Accordion"]My Content[/lightweight-accordion] Additionally you can display the accordion open on load with the accordion_open option. [lightweight-accordion title="My Accordion" accordion_open=true]My Content[/lightweight-accordion] You can also change the html tag wrapping the title of the accordion using the title_tag option. [lightweight-accordion title="My Accordion" title_tag="h3"]My Content[/lightweight-accordion] If you want to include FAQ schema you can add the schema option and set it to faq. [lightweight-accordion title="What is your return policy?" schema="faq"]You have 1 week to return your items[/lightweight-accordion] If you’d like put a border around the content of the accordion you can use the “bordered” attribute. [lightweight-accordion title="Bordered Content" bordered=true]My Content[/lightweight-accordion] If you want accordions to auto-close when another opens (exclusive accordion), use the “group” attribute with the same value on each accordion. [lightweight-accordion title="Question 1" group="faq"]Answer 1[/lightweight-accordion] [lightweight-accordion title="Question 2" group="faq"]Answer 2[/lightweight-accordion] [lightweight-accordion title="Question 3" group="faq"]Answer 3[/lightweight-accordion] If you’d like to swap the default triangle marker for a chevron or plus/minus icon (optionally on the right side of the title) use the “icon” and “icon_position” attributes. [lightweight-accordion title="My Accordion" icon="chevron" icon_position="right"]My Content[/lightweight-accordion] Shortcode Options Here is the full listing of shortcode options. Additionally all of these options are accessible when using the Gutenberg block. title (Required Default: null) The title of your accordion will be displayed at the top for users to click. A good example would be to include a user’s question so they could click it for more details. content (Required Default: null) Content that will go into your accordion element. title_tag (Default: “span”) This sets the html tag that wraps the title in the accordion summary. Useful if you want to make it a heading tag for SEO purposes. accordion_open (Default: false) Set this to true if you want your accordion to be open by default. bordered (Default: false) Set this to true if you want a border around the accordion content. title_text_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. title_background_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. schema (Default: false) Set this to faq if you’d like FAQ schema to be included. class (Default: false) Used to add a custom class to the parent container of the accordion. anchor (Default: null) Adds the value as an ID to the accordion div as an anchor. autop (Default: true) By default the shortcode will wrap text in a ‘p’ tag. Set this to false if you’d like this disabled for the specific accordion. group (Default: false) Set this to a group name to make accordions with the same group auto-close when another opens. Uses the native HTML details name attribute for zero JavaScript overhead. icon (Default: false) Set this to “chevron”, “plus”, or “none” to replace the default triangle marker. The chevron rotates and the plus becomes a minus when the accordion opens. icon_position (Default: false) Set this to “right” to display the chevron or plus icon on the right side of the accordion title. Additional Details If you’d like to remove the “lightweight-accordion.css” from being enqueued on your site use the filter below. It’s recommend you style the accordion yourself if you use this filter. add_filter('lightweight_accordion_include_frontend_stylesheet', '__return_false' ); If you’d like to remove the “lightweight-accordion/editor-styles.css” from being enqueued in the admin area of your site you can use the filter below. add_filter('lightweight_accordion_include_admin_stylesheet', '__return_false' ); If you’d like to remove processing of shortcodes in accordion content you can use this filter. add_filter('lightweight_accordion_process_shortcodes', '__return_false' ); If you’d like to use inline Microdata for FAQ schema you can use this filter. (Not recommended) add_filter('lightweight_accordion_output_microdata', '__return_true' ); If you’d like to force “lightweight-accordion.css” to load on all of your site you can use this filter. By default the plugin will detect if the block or shortcode is used and enqueue the CSS. add_filter('lightweight_accordion_always_include_frontend_stylesheet', '__return_true' ); When a page contains an accordion a tiny inline script is added to the footer that automatically opens accordions targeted by a URL hash (for example a link to an accordion’s anchor). If you’d like to disable this you can use the filter below. add_filter('lightweight_accordion_anchor_script', '__return_false' );