Abdul Manaf M

<p>This plugin seamlessly integrates predefined Gutenberg blocks into your website, streamlining the process of creating and managing dynamic content. With its powerful features, Easy Block – ACF Pro Addon enhances your Gutenberg editing experience by enabling the use of custom, ready-to-use blocks tailored to your needs.</p>
<p>To utilize the full capabilities of Easy Block – ACF Pro Addon, it is essential to have Advanced Custom Fields Pro version 6.0 or higher activated on your website. This dependency ensures compatibility and unlocks the advanced functionality needed to create highly customizable and flexible content layouts with ease.</p>
<h4>Available blocks</h4>
<ul>
<li>Hero Banner</li>
<li>Auto Popup</li>
<li>Carousel Slider</li>
<li>Accordion</li>
<li>Countdown</li>
<li>Action Popup</li>
</ul>
<h4>New blocks are coming soon…</h4>


Easy Block – ACF Pro Addon

This plugin seamlessly integrates predefined Gutenberg blocks into your website, requiring the ACF Pro plugin.

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.

Easy Block – ACF Pro Addon vs AgilePress Content Block for ACF