Divi is one of the most popular WordPress page builders. In this guide, we’ll show you how to use Easy Accordion Blocks in Divi using Saved Templates.
By enabling the Elementor Page Builder Addons, you can display your pre-built Easy Accordion Saved Templates inside any Divi 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 Divi builder. You just paste that code into Divi, 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: Paste the Shortcode inside the Divi using Saved Templates.
Step 1: Install the Easy Accordion plugin and create a FAQ Section or Accordion.
Step 2: Add the Shortcode inside the Divi using Easy Accordion Saved Templates.
Let’s walk through how to integrate the Divi Page Builder addons and use your accordion on the page.
Follow the 5 steps to use Accordion blocks in Divi using the Saved Template.
- Enable Divi Addons: Go to your WordPress dashboard, navigate to Easy Accordion, and click the Integrations tab. Scroll to Page Builder Addons and switch the Divi 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 Divi Builder: Open the page where you want the accordion to appear and click the Edit with the Divi Builder button.
4. Insert Row and Module: Click the green (+) icon to Insert Row and select your preferred column layout. Then, click the grey (+) icon to Insert Module, search for Code, and select the native Code module.
5. Paste and apply: In the left Code Settings panel, paste your copied code into the text box under Code and click the green checkmark to apply. Your fully styled accordion will instantly appear on the screen. Click Publish at the bottom right to save your changes.
That’s it.
Let’s see the Live Example of how your Accordion section will appear.
