Beaver Builder is a flexible, reliable, and developer-friendly drag-and-drop page builder for WordPress. In this guide, we’ll show you how to use Easy Accordion Blocks and FAQ sections in Beaver Builder using Saved Templates.

Easy Accordion integrates seamlessly with Beaver Builder, allowing you to display FAQs, accordions, knowledge bases, product information sections, and other accordion layouts anywhere on your pages using reusable Saved Templates.

You can complete this in 2 easy steps:

• Step 1: Create a Saved Template using Accordion Blocks or import a ready-made pattern from the Rich Pattern Library.
• Step 2: Add the Accordion Blocks or FAQs sections in Beaver Builder using the Saved Template module.

Step 1: Create a Saved Template

Before using Easy Accordion inside Beaver Builder, you need at least one Saved Template.

• Navigate to Easy Accordion → Saved Templates and create a new template using Accordion Blocks, or import a professionally designed pattern from the Rich Pattern Library.
• Once your template is ready, it becomes available inside the Saved Template module and can be reused throughout your website.

Step 2: Add the Accordion Blocks or FAQs Sections in Beaver Builder

Follow these 5 steps to display your accordion inside Beaver Builder.

1. Enable the Beaver Builder Addon

Go to Easy Accordion → Integrations from your WordPress dashboard. Scroll to Page Builder Addons, enable the Beaver Builder toggle, and click Save.

2. Open Beaver Builder

Open the page where you want to display your accordion and click the Beaver Builder button from the top admin bar to launch the visual editor.

3. Add the Easy Accordion Saved Template Module

Click the (+) icon at the top-right corner to open the modules panel. Under the Modules tab, locate the Saved Template module and drag it into your desired row or column.

4. Choose Your Template

Under the General settings, select your preferred accordion from the Select Accordion Template dropdown menu.

5. Publish the Page

Click the Done button at the top-right corner of the screen and select Publish to save your changes. Your accordion will instantly appear inside the Beaver Builder editor.

That’s it.

Live Example

Let’s see the live example below of how your Easy Accordion blocks will appear inside Beaver Builder.