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 using Saved Templates inside Beaver Builder.
By enabling the Beaver Builder Page Builder Addons, you can display your pre-built Easy Accordion Saved Templates inside any Beaver Builder page. Instead of rebuilding complex layouts from scratch, it will help you to use simple shortcodes to showcase your pre-made FAQ Sections or Accordion directly in the Beaver Builder. You just select that template in Beaver Builder, which saves you time and keeps your site’s design perfectly consistent.
You can simply follow 2 easy steps.
- Step 1: Install the Easy Accordion plugin and create a FAQ Section or Accordion.
- Step 2: Add the Shortcode inside the Beaver Builder using Easy Accordion Saved Templates.
Step 1: Install the Easy Accordion plugin and create a FAQ Section or Accordion.
Step 2: Add the Shortcode inside the Beaver Builder using Easy Accordion Saved Templates.
Let’s walk through how to integrate the Beaver page builder Addons and use your accordion on the page.
Follow the 5 steps to use Accordion blocks in Beaver using the Saved Template.
- Enable Beaver Builder Addons: Go to your WordPress dashboard, navigate to Easy Accordion, and click the Integrations tab. Scroll to Page Builder Addons and switch the Beaver Builder toggle to ON.
2. Copy the Shortode: Go back to the Saved Templates menu. Find the template you want to use and click the snippet in the Shortcode column (for example, [sp_eap_template id=”9064″]) to copy it.
3. Open Beaver Builder: Open the page where you want the accordion to appear and click the Beaver Builder button on the top admin bar to open the live visual editing interface.
4. Add Element & Choose Saved Templates: Click the top-right (+) plus icon to open the module menu panel. Under the Modules tab, locate the Easy Accordion Saved Template module and drag it into your desired page row or column layout.
Under the General settings, click the Select Accordion Template from the dropdown menu and pick your preferred pre-made template from the list.
5. Save and Publish: Click the blue Done button at the top right of the screen, then select Publish from the dropdown menu to save and publish your changes. Your fully styled accordion will instantly render beautifully on the live viewport.
That’s it.
Let’s see the Live Example of how your Accordion section will appear.
