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.

Important! Doesn’t work with elementor widget cache feature (Need to be turned off)

🚀 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
• Legacy Compatible: Maintains backward compatibility with existing implementations
• Hide Widget on Empty Fields: Hide elements and containers based on empty ACF fields conditions

🎯 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

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.

Hide Widget on Empty ACF Fields

You can now hide widgets based on empty ACF fields. Follow these steps:

1. Select the Widget: Choose the widget you want to hide if an ACF field is empty.
2. Advanced Settings: Go to the ‘Advanced’ settings tab in Elementor editor.
3. Hide on Empty Field: Enable the option to hide the widget if an ACF field is empty.
4. Choose Field: Select the ACF field you want to check for emptiness.

The widget will be hidden if the selected ACF field is empty.

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