slickwebdeveloper

⚠️ Requires Elementor Pro
The simplest plugin to render ACF Repeater field data or JSON data (from an array or URL) inside Elementor Loop Grids & Templates.
🎥 Demo Videos:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CCmqQ6F3_sE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/iHULh_O-Hsk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
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.
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.
<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>
In many real-world projects, repeater fields aren’t always tied to the current post. You might have:
<ul>
<li>A Global Options Page (like “Site Settings” or “Theme Settings”) with repeatable content shared site-wide.</li>
<li>A Specific Post/Page that acts as a “data hub” reused across multiple templates.</li>
<li>The default Current Post source for page-specific content.</li>
</ul>
This plugin supports all three inside Elementor:
<ul>
<li>Current Post → Fetches repeater data from the current post/page.</li>
<li>Specific Post (by ID) → Pulls repeater data from any post type — ideal for master content reuse.</li>
<li>Options Page → Fetches repeater data from any registered ACF Options Page (like global footers, menus, banners, or team sections).</li>
</ul>
This feature lets you centralize repeater content and reuse it across templates without duplication.
<h4>🌐 JSON Array & JSON URL Support</h4>
Not using ACF? No problem. 
You can display dynamic JSON data instead — perfect for API-driven content or structured data from external sources.
🧱 Two JSON Data Modes:
<ol>
<li>
JSON Array — Paste your JSON array directly inside the widget settings.
[ 
 { “title”: “Book A”, “author”: “Author X”, “image”: “https://example.com/book1.jpg” }, 
 { “title”: “Book B”, “author”: “Author Y”, “image”: “https://example.com/book2.jpg” } 
]
</li>
<li>
JSON URL (New in v1.0.3) — Fetch data dynamically from any endpoint or API URL.
</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>
Example:
<pre><code>https://api.example.com/books?category=fiction&user_id={{user_id}}
</code></pre>
Use dynamic tags to inject values into the URL, making your data source truly dynamic.
<h3>How It Works</h3>
<h4>Step 1: Create a Template for Each Item</h4>
<ol>
<li>Go to Templates → Saved Templates → Add New.</li>
<li>Choose Section or Container 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 Elementor.</li>
<li>Search for Repeater2Template widget and drop it on your page.</li>
<li>Choose the data source:
<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 Elementor template 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.

soliddigital

This plugin allows you to use ACF Repeater and ACF Relationship fields as data sources for Elementor’s Loop Grid widget.
Key Features:
<ul>
<li>New Data Sources: Adds “ACF Repeater” and “ACF Relationship” to the Source dropdown in the Loop Grid’s Query tab.</li>
<li>Use Repeater Data: Select any ACF Repeater field from the current post/page to power your Loop Grid.</li>
<li>Use Relationship Data: Select any ACF Relationship field to create a grid of related posts in your Loop Grid.</li>
<li>Repeater Sub-Field Tag: A dedicated dynamic tag to easily pull and display data (text, images, etc.) from any sub-field within your repeater.</li>
<li>Relationship Sub-Field Tag: A dynamic tag to display data from the related posts, such as the post title, content, featured image, and permalink.</li>
<li>Taxonomy Archive Support: Use ACF Repeater and Relationship fields on category, tag, and custom taxonomy archive templates.</li>
<li>Author Archive Support: Use ACF Repeater and Relationship fields on author archive templates.</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>Elementor</li>
<li>Elementor Pro</li>
<li>Advanced Custom Fields Pro (The Repeater and Relationship fields are ACF Pro features)</li>
</ul>
<h3>Usage</h3>
1. Configure the Loop Grid
<ol>
<li>Add an Elementor Loop Grid widget to your page.</li>
<li>In the widget settings, go to the Query tab.</li>
<li>From the Source dropdown, select “ACF Repeater” or “ACF Relationship”.</li>
<li>A new dropdown will appear below the Source. Select the specific ACF field you wish to use as the data source for the grid.</li>
<li>Create or select a template for your loop item.</li>
</ol>
2. Displaying Data in Your Loop Template (ACF Repeater)
<ol>
<li>Edit the Elementor template you are using for your loop item.</li>
<li>Add any standard widget, such as a Heading, Text Editor, or Image widget.</li>
<li>Click the Dynamic Tags icon next to a field.</li>
<li>Scroll to the “ACF Connector” group and select the ACF Repeater Sub Field tag.</li>
<li>Click on the tag name again to open its settings.</li>
<li>In the Sub Field dropdown, select the specific sub-field you want to display. The fields are grouped by repeater name for clarity.</li>
</ol>
Note that the preview within the template will not display the sub-field data. This is expected behavior because no applicable preview data can be set in Elementor.
3. Displaying Data in Your Loop Template (ACF Relationship)
<ol>
<li>Edit the Elementor template you are using for your loop item.</li>
<li>Your template will be supplied with a standard WordPress Post object, so just create your template as you normally would.</li>
</ol>

Repeaters & Relationships Connector with ACF for Elementor


Recommended to me by Google's AI. Did exactly what I needed it to do. Great job.


Spotty dog

Connect Elementor Pro's Loop Grid to Advanced Custom Fields (ACF) Pro Repeater and Relationship fields.

Repeater2Template Widget for ACF Repeater and Elementor vs Repeaters & Relationships Connector with ACF for Elementor