ACF Repeater For Elementor

Описание

ACF Repeater For Elementor bridges the gap between Advanced Custom Fields (ACF) Pro repeater functionality and Elementor’s visual builder. This powerful plugin allows you to create dynamic, repeatable content sections without complex coding.

🚀 Key Features

  • Easy Integration: Connect ACF repeater fields directly with Elementor widgets
  • Dynamic Content: Automatically populate Elementor elements with ACF repeater data
  • Flexible Usage: Works with columns, sections, and individual widgets
  • Special Support: Built-in support for accordions and toggle elements
  • Legacy Compatible: Maintains backward compatibility with existing implementations

🎯 Perfect For

  • Dynamic testimonial sections
  • Portfolio galleries
  • FAQ accordions
  • Team member listings
  • Product showcases
  • Any repeatable content structure

📋 Requirements

  • WordPress 5.0 or higher
  • Elementor (free version)
  • Elementor Pro (Optional but recommended for full features)
  • Advanced Custom Fields (ACF) Pro

How To Use

Usage (Recommended)

  1. Create ACF Repeater Field: Set up your repeater field in ACF with sub-fields
  2. Select the repeater: In Elementor, widget, section or ACF Repeater loop set the ACF repeater field
    • You will be able to select the repeater field from ‘Advanced’ settings tab in the Elementor editor
  3. Insert Field Placeholders: Use #field_name syntax within your content
    • Replace field_name with your ACF sub-field names
  4. Publish: The plugin automatically replaces placeholders with repeater data

Example Implementation

ACF Repeater Setup:
— Repeater name: team_members
— Sub-fields: member_name, member_role, member_bio

Elementor Setup:
— Select the field in the Advanced settings for a container: team_members
— Content: #member_name, #member_role, #member_bio as a Heading widget or Text Editor widget

Special Features

Accordion/Toggle Support:
Add new Accordion widget to the page, set the ACF Repeater field in the widget’s advanced settings, and use the sub-field names as placeholders as described above.

The plugin will automatically structure these for accordion/toggle widgets.

Legacy Usage

For backward compatibility, the old class naming convention is still supported:
— Setup by old class name: repeater_ for the widget or container
— Same placeholder syntax: #field_name

Supported Field Types

  • Text fields
  • URL fields
  • WYSIWYG Editor content
  • Accordion/Toggle content (with specific field names)

Note: Currently optimized for Elementor native elements. Third-party widgets may require additional configuration.

Support

For support, feature requests, or bug reports, please visit our support forum or contact us directly.

Pro Tip: Always test new repeater implementations on a staging site before deploying to production!

Donate

Do you enjoy using ACF Repeater For Elementor? Consider supporting the development of this plugin with a donation.
Your contributions help us maintain and improve the plugin for everyone.

Donate link

Скриншоты

  • ACF Repeater field setup in WordPress admin
  • Elementor widget with repeater set
  • Widget repeater sub-fields in Elementor editor
  • Repeater field in the page editor
  • Frontend display of repeated content

Установка

  1. Upload the plugin files to /wp-content/plugins/acf-repeater-for-elementor/ directory
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Ensure you have Elementor, Elementor Pro, and ACF Pro installed and activated
  4. Start using ACF repeater fields in your Elementor designs!

Часто задаваемые вопросы

Does this work with the free version of Elementor?

You need both Elementor free AND Elementor Pro, plus ACF Pro for full functionality.

Can I use this with custom post types?

Yes! The plugin works with any post type where you’ve assigned ACF repeater fields.

What happens if my repeater field is empty?

The element with the repeater class simply won’t display any repeated content.

Can I style the repeated elements?

Absolutely! All standard Elementor styling options apply to your repeated elements.

Is this compatible with Elementor templates?

Yes, you can use ACF repeaters in Elementor templates, theme builder layouts, and popup templates.

Отзывы

09.11.2024
The trick is the following:Put a Text Editor Component with the Class Name: repeater_whateveryounameyourrepeaterWhen whateveryounameyourrepeater is the name of the repeater that you created.The inside d content of the text editor use:#somethingWhen something is the field repeater name that you created.Example:My Repeater is call «lineup» with the field «artist».So I created a text editor with the class name:repeater_lineupand the content says:#artistHope that would be helpful for everyone.
23.09.2024
I was a bit tricky to understand the instructions. If the author could come up with better instructions wood be great. But when I figured it out, it was just perfect!
19.08.2024
This is a great free plugin that provides what other plugins do for $$. Give it some time — you’ll get it! Here’s an example: I’ve got a repeater field called «pricing» (that’s the field name not the label) so I set up a text editor module and assign it a custom class «repeater_pricing». Now that text editor module will get repeated for all the rows in the Pricing repeater in the ACF fields of my post. Each row has a sub-field called «price» and one called «description» so the content of my text editor looks like this (text tab not visual): <div> <span style=»font-size: 2.5em;»>$#price</span> <span class=»separator»> — </span> <span style=»font-size: 1.5em;»>#description</span></div> This will not preview in the Elementor editor. You’ll have to save the layout and view it on the front end to see the repeater rendered like this: $50 — Half Day $75 — Full Day $250 — Full Week
Посмотреть все 14 отзывов

Участники и разработчики

«ACF Repeater For Elementor» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «ACF Repeater For Elementor» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.0

(09/05/2025) now allows the user to select the ACF Repeater field in the Elementor widget or section settings, making it easier to integrate with Elementor’s visual builder.
(09/05/2025) new widget — ACF repeater to loop, which allows you to use the ACF repeater field in a loop, making it easier to display repeated content in Elementor.

2.1

(10/01/2025) Support for old class naming convention, allowing users to continue using the previous Elementor widgets and sections.