How to Use Elementor Template in Accordion Content?

Key Takeaways

  • The Plus Addons for Elementor Accordion widget allows users to add Elementor templates inside an Accordion.
  • Users create an Elementor template by navigating to Dashboard > Templates and clicking ADD NEW TEMPLATE or IMPORT TEMPLATES.
  • To display the template in the Accordion, users select the created template under Type > Page Template after dragging and dropping the Accordion widget.
Table Of Content

The Elementor template is a great way to easily incorporate an Elementor design anywhere else. This way, you can create truly amazing accordion designs by using Elementor templates as the content.

But the Elementor Accordion widget doesn’t offer a simple way to add Elementor templates inside an Accordion widget, so for this, we’ll use the Accordion widget from The Plus Addons for Elementor.

Here we’ll see how you can use an Elementor template in an Accordion widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

To add a template inside an accordion, you have to first create an Elementor template.

Go to Dashboard > Templates

Click on ADD NEW TEMPLATE or IMPORT TEMPLATES to import any existing template design.

Tpae accordion add new template how to use elementor template in accordion content? From the plus addons for elementor

Add any Elementor widget inside this, like gallery, carousel, products, post listing, or anything you wish to show under the Accordion item, and save the template.

Drag and drop the Accordion widget, and under Type > Page Template, select the template you just created.

Tpae accordion template post list section how to use elementor template in accordion content? From the plus addons for elementor

And we’re done, now your accordion will show your Elementor template as content inside the title heading.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my Elementor template doesn't show up in the accordion?

If your Elementor template isn't appearing in the accordion, ensure that you've correctly created and saved the template before adding it to the accordion widget. The Plus Addons for Elementor requires the template to be set up properly. Double-check that you selected the right template under the Type > Page Template option in the Accordion widget settings.

What are the best practices for designing an accordion with Elementor templates?

When designing an accordion with Elementor templates, aim for clarity and simplicity in your content. Use concise titles for each accordion item to enhance user experience. Additionally, consider the layout and spacing of your widgets to ensure they are visually appealing and easy to navigate within the accordion.

What happens if I try to use the accordion widget without The Plus Addons for Elementor?

If you attempt to use the accordion widget without The Plus Addons for Elementor, you won't be able to add Elementor templates inside the accordion. The standard Elementor Accordion widget does not support this functionality, limiting your design capabilities.

Does the accordion widget support mobile responsiveness?

The accordion widget from The Plus Addons for Elementor is designed to be responsive, meaning it should display correctly on mobile devices. However, always test your design on various screen sizes to ensure that the content remains accessible and visually appealing.

How do I import an existing Elementor template for use in the accordion?

To import an existing Elementor template for use in the accordion, navigate to your Dashboard, go to Templates, and click on ADD NEW TEMPLATE or IMPORT TEMPLATES. Once imported, you can add the template to the accordion by selecting it under the Type > Page Template setting in the Accordion widget.

Last reviewed: April 10, 2026