WPizard

<p>Layoutist offers free block templates for Elementor page builders. Other page builder will be supported soon.</p>


Layoutist

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.

Layoutist vs Repeater2Template Widget for ACF Repeater and Elementor