---
title: "How to Create an Accordion with Repeater Field Data in Elementor?"
url: https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/
date: 2026-02-19
modified: 2026-04-09
author: "Aditya Sharma"
description: "Accordions are a great way to organize large amounts of content into a compact, user-friendly layout. When combined with ACF repeater fields, you can turn structured dynamic data into automatically..."
image: https://theplusaddons.com/wp-content/uploads/2026/02/How-to-Create-an-Accordion-with-Repeater-Field-Data-in-Elementor-1024x538.jpg
word_count: 451
---

# How to Create an Accordion with Repeater Field Data in Elementor?

## Key Takeaways

- The Plus Addons for Elementor Accordion widget allows users to create accordions with ACF repeater field data.
- Users can add a repeater field called 'Product Details' with sub-fields for Title and Content.
- The accordion can only display two fields: title and content, making it suitable for FAQs and product details.

Accordions are a great way to organize large amounts of content into a compact, user-friendly layout. When combined with ACF repeater fields, you can turn structured dynamic data into automatically generated accordion items — without manually adding each section in Elementor. This approach is perfect for FAQs, product details, schedules, and any content that needs frequent updates.

With the Accordion widget from The Plus Addons for Elementor, you can easily create an accordion with the repeater field data.

*To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](/docs/elementor-accordion-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

Now, to add the repeater field, you have to use the [ACF (Pro)](https://www.advancedcustomfields.com/) or [SCF](https://wordpress.org/plugins/secure-custom-fields/) plugin. Here we are using the [SCF (Secure Custom Fields)](https://wordpress.org/plugins/secure-custom-fields/) plugin.

### Create a Repeater Field

For example, we want to add additional product details to each product as an accordion.

So, we will be creating a repeater field called “Product Details” with the following sub-fields – 

- Title (Text) 

- Content (Textarea) 

1. In the New Field Group page, add the field group name.

2. Then select the **Field Type** as **Repeater**.

3. After that, add the **Field Label**.

4. Then add the sub fields as per your requirements, for instance, we will be adding Title as text and Content as a textarea.

> *Note: In the accordion, you can only show two fields i.e. title and content.*

5. After that, set the rules where you want to add these fields, for instance, we’ll be adding them to the products.

### Add Data to Repeater Fields

Now you have to add data in the repeater fields.

So, edit one of the posts from the post type to which you have assigned the repeater fields; in our case, it is products.

### Create an Accordion with the Repeater Data

Now we want to display the product details added with repeater fields on the product details page. 

To do this, we need to add the Accordion widget from The Plus Addons for Elementor to the single product template.

> *Note: If you don’t have Elementor Pro, you can use the free *[*Nexter Extension*](https://wordpress.org/plugins/nexter-extension/)* plugin to create the template.*

Add the Repeater block to the page or post where you want to show the repeater data, then follow the steps – 

1. Select **ACF Repeater** from the **Content Source** dropdown.

2. Then add the repeater field key in the **Repeater Field Key** field.

3. After that, add the field keys in the **Title** and **Content** fields.

4. Once done, update the template.

Now you’ll see the accordion created with the repeater field data.

## Frequently Asked Questions

**Q: What do I need before starting to create an accordion with repeater field data in Elementor?**
A: You need to have The Plus Addons for Elementor installed and activated, as the Accordion widget is part of this plugin. Additionally, you will need the ACF (Pro) or SCF (Secure Custom Fields) plugin to create repeater fields.

**Q: How do I create a repeater field for my accordion?**
A: To create a repeater field, go to the New Field Group page, add a field group name, select Field Type as Repeater, then add sub-fields like Title (Text) and Content (Textarea). You can only show these two fields in the accordion.

**Q: What happens after I add data to the repeater fields?**
A: After adding data to the repeater fields, you can display this data on your product details page by using the Accordion widget from The Plus Addons for Elementor. This allows for dynamic generation of accordion items based on the data you entered.

**Q: Is there another way to create a template if I don't have Elementor Pro?**
A: If you don't have Elementor Pro, you can use the free Nexter Extension plugin to create the template for your accordion. This allows you to still utilize the features of the Accordion widget from The Plus Addons for Elementor.

**Q: What if I can't see the accordion created with the repeater field data?**
A: If you can't see the accordion, ensure that you've added the Accordion widget from The Plus Addons for Elementor to your single product template and that you've correctly set the ACF Repeater as the Content Source with the appropriate field keys.

**Q: How do I display the repeater data in the accordion?**
A: To display the repeater data in the accordion, add the Repeater block to the page or post, select ACF Repeater from the Content Source dropdown, enter the Repeater Field Key, and update the template after filling in the Title and Content fields.