slickwebdeveloper

<p>⚠️ <strong>Requires Elementor Pro</strong></p>
<p>The simplest plugin to render ACF Repeater field data or JSON data (from an array or URL) inside Elementor Loop Grids & Templates.</p>
<p>🎥 <strong>Demo Videos:</strong></p>
<p><iframe loading="lazy" title="How to show ACF Repeaters in Elementor Template in the easiest way?" width="750" height="422" src="https://www.youtube.com/embed/CCmqQ6F3_sE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><iframe loading="lazy" title="Using Repeater2Template Widget for ACF Repeater and Elementor" width="750" height="422" src="https://www.youtube.com/embed/iHULh_O-Hsk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>This plugin enables you to loop through ACF Repeater fields, a local JSON array, or even a remote JSON response (via URL) — and render each row using an Elementor Template.</p>
<p>It gives you full control over how the data is displayed and supports subfield-to-dynamic-tag mapping — so your Elementor templates stay dynamic, flexible, and clean.</p>
<h4>💡 Key Features</h4>
<ul>
<li>Select any ACF Pro Repeater field or provide a JSON array / JSON URL as a data source.</li>
<li>Choose an Elementor Pro template to render each row.</li>
<li>Define subfield-to-dynamic-tag mappings for flexible display.</li>
<li>Supports text, image, URL, and media fields.</li>
<li>Fetch JSON dynamically from any API or custom endpoint with parameters.</li>
<li>100% no-code setup — fully Elementor-native experience.</li>
</ul>
<h4>🔁 Flexible Data Sources for Repeater Fields</h4>
<p>In many real-world projects, repeater fields aren’t always tied to the current post. You might have:</p>
<ul>
<li>A <strong>Global Options Page</strong> (like “Site Settings” or “Theme Settings”) with repeatable content shared site-wide.</li>
<li>A <strong>Specific Post/Page</strong> that acts as a “data hub” reused across multiple templates.</li>
<li>The default <strong>Current Post</strong> source for page-specific content.</li>
</ul>
<p>This plugin supports all three inside Elementor:</p>
<ul>
<li><strong>Current Post</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Fetches repeater data from the current post/page.</li>
<li><strong>Specific Post (by ID)</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Pulls repeater data from any post type — ideal for master content reuse.</li>
<li><strong>Options Page</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Fetches repeater data from any registered ACF Options Page (like global footers, menus, banners, or team sections).</li>
</ul>
<p>This feature lets you centralize repeater content and reuse it across templates without duplication.</p>
<h4>🌐 JSON Array & JSON URL Support</h4>
<p>Not using ACF? No problem.<br />
You can display dynamic JSON data instead — perfect for API-driven content or structured data from external sources.</p>
<p><strong>🧱 Two JSON Data Modes:</strong></p>
<ol>
<li>
<p><strong>JSON Array</strong> — Paste your JSON array directly inside the widget settings.</p>
<p>[<br />
  { “title”: “Book A”, “author”: “Author X”, “image”: “https://example.com/book1.jpg” },<br />
  { “title”: “Book B”, “author”: “Author Y”, “image”: “https://example.com/book2.jpg” }<br />
]</p>
</li>
<li>
<p><strong>JSON URL (New in v1.0.3)</strong> — Fetch data dynamically from any endpoint or API URL.</p>
</li>
</ol>
<ul>
<li>The URL can include dynamic parameters (like post ID, category, or user meta).</li>
<li>Ideal for remote product feeds, API-based testimonials, blog lists, or user data.</li>
<li>The plugin automatically parses the JSON response and renders each object as a loop item using your chosen Elementor template.</li>
</ul>
<p><strong>Example:</strong></p>
<pre><code>https://api.example.com/books?category=fiction&user_id={{user_id}}
</code></pre>
<p>Use dynamic tags to inject values into the URL, making your data source truly dynamic.</p>
<h3>How It Works</h3>
<h4>Step 1: Create a Template for Each Item</h4>
<ol>
<li>Go to <strong>Templates <span aria-hidden="true" class="wp-exclude-emoji">→</span> Saved Templates <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</strong>.</li>
<li>Choose <strong>Section</strong> or <strong>Container</strong> type.</li>
<li>Design how a single repeater item should look (e.g., team card, testimonial block, etc.).</li>
<li>Save the template.</li>
</ol>
<h4>Step 2: Add the Repeater2Template Widget</h4>
<ol>
<li>Edit the page with <strong>Elementor</strong>.</li>
<li>Search for <strong>Repeater2Template</strong> widget and drop it on your page.</li>
<li>Choose the <strong>data source</strong>:
<ul>
<li><code>ACF Repeater</code> – Select your field key or name.</li>
<li><code>JSON URL / Array</code> – Paste JSON directly or provide a URL.</li>
</ul>
</li>
</ol>
<h4>Step 3: Choose Template</h4>
<ul>
<li>Select the <strong>Elementor template</strong> created in Step 1.</li>
<li>The widget will automatically loop through all repeater or JSON items and render each using that template.</li>
</ul>


Repeater2Template Widget for ACF Repeater and Elementor

The simplest plugin to render ACF Repeater field data or JSON data (from an array or URL) inside Elementor Loop Grids & Templates.

sympl

<p><strong>ACF Repeater For Elementor</strong> 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.</p>
<h3>Important! Doesn’t work with elementor widget cache feature (Need to be turned off)</h3>
<h3>🚀 Key Features</h3>
<ul>
<li><strong>Easy Integration</strong>: Connect ACF repeater fields directly with Elementor widgets</li>
<li><strong>Dynamic Content</strong>: Automatically populate Elementor elements with ACF repeater data</li>
<li><strong>Flexible Usage</strong>: Works with columns, sections, and individual widgets</li>
<li><strong>Legacy Compatible</strong>: Maintains backward compatibility with existing implementations</li>
<li><strong>Hide Widget on Empty Fields</strong>: Hide elements and containers based on empty ACF fields conditions</li>
</ul>
<h3>🎯 Perfect For</h3>
<ul>
<li>Dynamic testimonial sections</li>
<li>Portfolio galleries</li>
<li>FAQ accordions</li>
<li>Team member listings</li>
<li>Product showcases</li>
<li>Any repeatable content structure</li>
</ul>
<h3>📋 Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>Elementor (free version)</li>
<li>Elementor Pro (Optional but recommended for full features)</li>
<li>Advanced Custom Fields (ACF) Pro</li>
</ul>
<h3>How To Use</h3>
<h3>Usage</h3>
<ol>
<li><strong>Create ACF Repeater Field</strong>: Set up your repeater field in ACF with sub-fields</li>
<li><strong>Select the repeater</strong>: In Elementor, widget, section or ACF Repeater loop set the ACF repeater field
<ul>
<li>You will be able to select the repeater field from ‘Advanced’ settings tab in the Elementor editor</li>
</ul>
</li>
<li><strong>Insert Field Placeholders</strong>: Use <code>#field_name</code> syntax within your content
<ul>
<li>Replace <code>field_name</code> with your ACF sub-field names</li>
</ul>
</li>
<li><strong>Publish</strong>: The plugin automatically replaces placeholders with repeater data</li>
</ol>
<h3>Example Implementation</h3>
<p><strong>ACF Repeater Setup:</strong><br />
– Repeater name: <code>team_members</code><br />
– Sub-fields: <code>member_name</code>, <code>member_role</code>, <code>member_bio</code></p>
<p><strong>Elementor Setup:</strong><br />
– Select the field in the Advanced settings for a container: <code>team_members</code><br />
– Content: <code>#member_name</code>, <code>#member_role</code>, <code>#member_bio</code> as a Heading widget or Text Editor widget</p>
<h3>Special Features</h3>
<p><strong>Accordion/Toggle Support:</strong><br />
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.</p>
<p>The plugin will automatically structure these for accordion/toggle widgets.</p>
<h3>Hide Widget on Empty ACF Fields</h3>
<p>You can now hide widgets based on empty ACF fields. Follow these steps:</p>
<ol>
<li><strong>Select the Widget</strong>: Choose the widget you want to hide if an ACF field is empty.</li>
<li><strong>Advanced Settings</strong>: Go to the ‘Advanced’ settings tab in Elementor editor.</li>
<li><strong>Hide on Empty Field</strong>: Enable the option to hide the widget if an ACF field is empty.</li>
<li><strong>Choose Field</strong>: Select the ACF field you want to check for emptiness.</li>
</ol>
<p>The widget will be hidden if the selected ACF field is empty.</p>
<h3>Legacy Usage</h3>
<p>For backward compatibility, the old class naming convention is still supported:<br />
– Setup by old class name: <code>repeater_</code> for the widget or container<br />
– Same placeholder syntax: <code>#field_name</code></p>
<h3>Supported Field Types</h3>
<ul>
<li>Text fields</li>
<li>URL fields</li>
<li>WYSIWYG Editor content</li>
<li>Accordion/Toggle content (with specific field names)</li>
</ul>
<p><strong>Note</strong>: Currently optimized for Elementor native elements. Third-party widgets may require additional configuration.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit our <a href="https://wordpress.org/support/plugin/sympl-repeater-for-acf-and-elementor/" rel="ugc">support forum</a> or contact us directly.</p>
<p><strong>Pro Tip</strong>: Always test new repeater implementations on a staging site before deploying to production!</p>
<h3>Donate</h3>
<p>Do you enjoy using ACF Repeater For Elementor? Consider supporting the development of this plugin with a donation.<br />
Your contributions help us maintain and improve the plugin for everyone.</p>
<p><a href="https://www.paypal.com/donate/?hosted_button_id=GD9PZHTB5PBR8" rel="nofollow ugc">Donate link</a></p>


Sympl Repeater for ACF and Elementor


Once you understand how to use it, it's wonderful!



I've made a tutorial on my French blog if you need it.


Great plugin, lack of comprehensive instructions

Seamlessly integrate ACF Repeater fields with Elementor widgets and sections for dynamic, repeatable content blocks.

Repeater2Template Widget for ACF Repeater and Elementor vs Sympl Repeater for ACF and Elementor