---
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-09-12
lang: en
author: "Aditya Sharma"
description: "Do you keep FAQs or product details in a custom field? With an ACF repeater, each row becomes an accordion item, so you edit the content in the post and..."
image: https://theplusaddons.com/wp-content/uploads/2026/02/How-to-Create-an-Accordion-with-Repeater-Field-Data-in-Elementor-1024x538.jpg
word_count: 374
---

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

## 

- The Accordion widget from The Plus Addons for Elementor builds its items from an ACF repeater, so each row in the post becomes one accordion item and the content updates in the post.
- The Plus Addons for Elementor Pro requires ACF Pro or SCF (Secure Custom Fields) for the repeater source, and the free plugin shows an upgrade notice instead of working.
- The Accordion widget uses two fields per item, one title and one content field, and it must be placed in the single template of that post type, not on a page with no repeater data.

Do you keep FAQs or product details in a custom field? With an ACF repeater, each row becomes an accordion item, so you edit the content in the post and the accordion updates itself.

The Accordion widget from The Plus Addons for Elementor can build its items from an ACF repeater.

*To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](https://theplusaddons.com/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/accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — the ACF Repeater source is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.- **Widget to enable:** Accordion, switched on under **The Plus Addons > Widgets**.- **ACF Pro** or **SCF** (Secure Custom Fields) — the free ACF plugin has no repeater field.

## Step 1: Create the repeater field

- Add a field group with a **Repeater** field, for example *Product Details* (name `product_details`).- Add two sub fields: a Text field for the title (for example `title`) and a Text Area or WYSIWYG field for the content (for example `content`).- Set the location rules to the posts that need it, for example Products.

## Step 2: Fill in the rows

Edit a post and add a row for each accordion item.

## Step 3: Show it with the Accordion

Add the Accordion widget to the single template of that post type (Elementor Pro Theme Builder, or the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/)).

- Set **Content Source** to **ACF Repeater**.- In **Repeater Field Key**, enter the repeater’s name (for example `product_details`).- In **Title** and **Content**, enter the sub field names (for example `title` and `content`).- Save the template.

![Content Source set to ACF Repeater with the field names filled in](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-acf.webp)

Each post now shows its own rows as accordion items.

## Limitations

- **Two fields per item:** one title and one content field.- **It reads the post being viewed.** Put the widget in the single template, not on a page that has no repeater data.- **No per-item icons or Unique IDs** for items built from ACF.

## Troubleshooting

### The accordion is empty

Check the names match exactly, the post has rows, and you are viewing a post that uses the field group.

## Related Docs

- [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)- [ACF repeater in the accordion (blog)](https://theplusaddons.com/blog/new-update-add-acf-repeater-field-in-elementor-accordion-dynamic-faq/)

## Frequently Asked Questions

**Q: What do I need before I can build an accordion from repeater field data in Elementor?**
A: The setup depends on three things: The Plus Addons for Elementor Pro, the Accordion widget being enabled under The Plus Addons > Widgets, and a repeater source from ACF Pro or SCF (Secure Custom Fields). The free plugin only shows an upgrade notice for the ACF Repeater source, so it will not drive the accordion items. That matters because the widget reads rows from the current post, not from a separate page.

**Q: How do I structure the repeater field for an accordion item?**
A: Each accordion item needs exactly two fields in the repeater: one title field and one content field. The tutorial uses a repeater named product_details with sub fields like title and content. That structure keeps the mapping simple inside the Accordion widget, because each row becomes one item and the widget only needs to know which field is the heading and which field is the body.

**Q: Why is my accordion empty when I use ACF repeater data?**
A: An empty accordion usually means one of three things: the field names do not match exactly, the post has no repeater rows, or you are viewing a post that does not use that field group. The widget reads the post being viewed, so it has to live in the single template for that post type. If you place it on a page with no repeater data, there is nothing for it to render.

**Q: Can I use this setup on a normal page instead of a single template?**
A: The tutorial is built around single templates because the Accordion widget reads the post being viewed. That is why it belongs in Elementor Pro Theme Builder or the free Nexter Builder for that post type. If you drop it onto a page that has no repeater data attached to it, the accordion will stay empty even if the field group exists elsewhere.

**Q: What are the limits of using ACF repeater data in the Accordion widget?**
A: The main limits are pretty strict: each item gets only two fields, one title and one content field; there are no per-item icons; and Unique IDs are not available for items built from ACF. Those constraints matter if you want highly customized accordions, because this feature is meant for structured dynamic content rather than heavily individualized item styling.

**Q: Where can I find more details about the Accordion widget settings and ACF repeater support?**
A: The page points to two useful references: [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/) and [ACF repeater in the accordion (blog)](https://theplusaddons.com/blog/new-update-add-acf-repeater-field-in-elementor-accordion-dynamic-faq/). The settings overview helps when you need to confirm how the widget is configured, while the blog post gives extra context on using ACF repeater fields as dynamic FAQ-style accordion items.