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" 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>
<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>
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>
</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

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