AgilePress

<p>AgilePress Content Block for ACF is a versatile tool developed by <a href="https://agilepress.net" rel="nofollow ugc">AgilePress</a> that allows you to create dynamic HTML content with Advanced Custom Fields integration. It supports four powerful syntaxes for different ACF field types:</p>
<ul>
<li><strong>Simple fields</strong>: Use <code>{field_name}</code> for text, number, and other simple fields</li>
<li><strong>Group fields</strong>: Use <code>{group_name:sub_field_name}</code> to access fields within ACF groups</li>
<li><strong>Repeaters & Galleries</strong>: Use <code>{{repeater_name}}</code> HTML content with <code>{sub_field}</code> tags <code>{{/repeater_name}}</code> to loop through repeater fields and image galleries</li>
<li><strong>Conditionals</strong>: Use <code>{{#if field}}...{{/if}}</code> for conditional content display with support for <code>=</code> and <code>!=</code> comparisons</li>
</ul>
<p>This block is perfect for:</p>
<ul>
<li>Displaying custom field data in formatted HTML</li>
<li>Creating dynamic templates with ACF fields</li>
<li>Building complex layouts that pull data from custom fields</li>
<li>Looping through repeater fields and image galleries</li>
<li>Accessing nested group field data</li>
<li>Showing/hiding content based on field values</li>
<li>Integrating ACF data seamlessly into your content</li>
</ul>
<p>The block provides an intuitive sidebar editor where you can write HTML and insert ACF field tags. On the frontend, these tags are automatically replaced with the actual values from your Advanced Custom Fields.</p>
<p><strong>Requirements:</strong></p>
<ul>
<li>Advanced Custom Fields (free or PRO version)</li>
<li>WordPress 6.1 or higher</li>
<li>PHP 7.0 or higher</li>
</ul>
<h3>Usage Examples</h3>
<p><strong>Example 1 – Simple field display:</strong></p>
<pre><code><div class="location">
  <p>Latitude: {latitude}</p>
  <p>Longitude: {longitude}</p>
</div>
</code></pre>
<p><strong>Example 2 – Group field access:</strong></p>
<pre><code><div class="contact">
  <h3>{contact_info:name}</h3>
  <p>Email: <a href="mailto:{contact_info:email}">{contact_info:email}</a></p>
  <p>Phone: {contact_info:phone}</p>
</div>
</code></pre>
<p><strong>Example 3 – Repeater field loop:</strong></p>
<pre><code><ul class="team-members">
  {{team_member}}
    <li>
      <h4>{name}</h4>
      <p>{position}</p>
      <p>{bio}</p>
    </li>
  {{/team_member}}
</ul>
</code></pre>
<p><strong>Example 4 – Gallery field loop:</strong></p>
<pre><code><div class="gallery">
  {{project_images}}
    <figure>
      <img src="{url}" alt="{alt}" width="{width}" height="{height}" />
      <figcaption>{caption}</figcaption>
    </figure>
  {{/project_images}}
</div>
</code></pre>
<p><strong>Example 5 – Conditional display:</strong></p>
<pre><code><article class="post">
  {{#if featured}}
    <span class="badge">Featured</span>
  {{/if}}

  <h2>{title}</h2>

  {{#if status = published}}
    <p class="published-date">Published: {date}</p>
  {{#elseif status = draft}}
    <p class="draft-notice">This is a draft</p>
  {{#else}}
    <p class="pending-notice">Pending review</p>
  {{/if}}

  {{#if author_name != Anonymous}}
    <p>By {author_name}</p>
  {{/if}}
</article>
</code></pre>
<p><strong>Example 6 – Complex combination:</strong></p>
<pre><code><article class="project">
  <header>
    {{#if is_featured}}
      <span class="featured-badge">Featured Project</span>
    {{/if}}

    <h2>{project_title}</h2>
    <p class="meta">
      Location: {location:city}, {location:country}<br>
      Date: {project_date}
    </p>
  </header>

  <div class="gallery">
    {{project_gallery}}
      <figure>
        <img src="{url}" alt="{alt}" loading="lazy" />
        <figcaption>{caption}</figcaption>
      </figure>
    {{/project_gallery}}
  </div>

  {{#if features}}
    <div class="features">
      <h3>Project Features</h3>
      <ul>
        {{features}}
          <li>
            <strong>{feature_name}:</strong> {feature_value}
          </li>
        {{/features}}
      </ul>
    </div>
  {{/if}}

  <footer>
    {{#if client_type = commercial}}
      <p><strong>Commercial Project</strong></p>
    {{/if}}

    <p>Client: {client_info:company_name}</p>

    {{#if client_info:email != none}}
      <p>Contact: {client_info:email}</p>
    {{/if}}
  </footer>
</article><h3>Additional Information</h3>
</code></pre>
<p><strong>Security:</strong><br />
All field values are properly escaped using WordPress security functions (<code>esc_html()</code>, <code>esc_url()</code>, <code>wp_kses_post()</code>) to prevent XSS attacks and ensure safe output.</p>
<p><strong>Performance:</strong><br />
The block uses WordPress native functions and ACF’s optimized field retrieval methods. Field values are processed server-side during render, ensuring optimal frontend performance.</p>
<p><strong>Compatibility:</strong></p>
<ul>
<li>WordPress 6.1+ (tested up to 6.9)</li>
<li>PHP 7.0+ (tested up to 8.3)</li>
<li>ACF free version 5.0+</li>
<li>ACF PRO 5.0+</li>
<li>Classic and Block themes</li>
</ul>
<p><strong>Developer Notes:</strong><br />
The block follows WordPress coding standards and uses</p>


AgilePress Content Block for ACF

Display ACF content using custom tags in HTML with support for groups, repeaters, galleries, and conditionals.

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.

AgilePress Content Block for ACF vs Sympl Repeater for ACF and Elementor