Accordion Blocks vs Flexible FAQs – WordPress FAQ Plugin

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 */

FAQ plugins in WordPress shouldn’t have to be hard to use. Our Flexible FAQs WordPress plugin allows you to add any number of FAQs quickly and easily. That’s the Flexible FAQs way. An all-in-one solution for your FAQ needs. Manage and display FAQs anywhere on your site. With Flexible FAQs you can create as many answers to questions as you want. Visit the Flexible FAQs product page for current screenshots, pricing, and product information. Organize and keep track of all your FAQs, add FAQ sections to help visitors, and improve your SEO visibility, time on site, and increase conversion rates. Add FAQs directly inside the WordPress block editor (Gutenberg) and preview them in real-time without leaving the editor window. No more having to remember what shortcodes are available and long lists of shortcode attributes! Suppose you need to keep track of multiple FAQs and need a central place to view them all. Well, now you can. Using your WordPress administration page, create and manage FAQs there, drag and drop the order and select them from inside the block editor. It takes just seconds to organize your FAQs, and they’ll be automatically updated on the frontend to reflect where you’ve placed them. Need to make multiple sets of FAQs? Create a group using the admin interface and allocate one or more sets of FAQs to the group. Think of them as categories for FAQs, making it easier for you to keep track of your FAQ content and administer them in a breeze. Perfect for complex and large scale FAQ pages. Add FAQs to your WooCommerce products, Easy Digital Downloads products, or any other eCommerce plugin for WordPress. Answer buyers questions and increase sales with our easy to use FAQ WordPress plugin! See the Flexible FAQs product page for examples and current product information. To control the appearance of FAQs there are (currently) three built-in templates to choose from: Text – Display FAQs with answers visible via expandable plain text. Box – Display FAQs with answers visible via an expandable box. Accordion – Display FAQs with answers visible via an expandable accordion. Each template includes a set of pre-defined themes to easily change the appearance of your FAQ content without having to alter multiple settings. In addition each theme can be customised to tweak the styles as required! When a page renders complete Flexible FAQs content, the plugin automatically outputs a deduplicated FAQPage JSON-LD graph. Disabled or incomplete items are omitted, and the FAQ Schema Settings panel provides a per-page opt-out. For legacy support, and 3rd party page builders, Classic Press users, FAQ shortcodes are also available. To add FAQs to your content it’s as simple as inserting the [flexible-faqs] shortcode into a post or page! Each FAQ, upon creation, will display a shortcode for you to display an FAQ anywhere on your site. The FAQ plugin can also easily be used to display quizzes, with quiz answers displayed in the expandable accordion section. Create as many quiz questions/answers as you like and add them to multiple groups for more powerful management. More Features Flexible FAQs Pro adds these capabilities: Access 100+ pre-defined custom FAQ themes. Enable/disable individual FAQ items from displaying on the frontend. Duplicate any set of FAQs with a single click! Many options available to customise the look and behaviour of FAQs. Create your own custom FAQ themes based on ANY core theme! [coming soon] Submit FAQs from the front end. The theme library provides more than 100 starting points, with controls for adapting the presentation to your site. Feedback We hope you find this plugin useful. If you have a moment please consider rating it to show your support. It’s very much appreciated. Also, take a look at our other plugins. We’re continually developing great solutions for WordPress.