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.

dylanfeelscreative

<p>URL parameters are tags that are added to the end of your URL, usually for tracking purposes or for dynamic content insertion.<br />
The most known type of URL parameters is UTM parameters, used by Google and Facebook ad links, in order to find out more about how your visitors interact with your ad.</p>
<p>With our Dynamic Text Replacement shortcode, you can access URL parameters in the Query String of the URL and display it on your pages, post or even use it to pre-fill forms.</p>
<p>Works with ACF, Beaver Builder, Visual Composer (WPBakery Page Builder) etc</p>
<h4>Use case 1 – using URL parameters in the copy of your page</h4>
<p>You can do this if you want to use URL parameters on your page to dynamically display things like location or someone’s name if you already have that information.</p>
<p>Make sure the page’s URL includes the parameters you want to use, such as https://mylandingpage.domain.com/?location=Sydney&name=Chris</p>
<p>Then you can write the copy of any text element on the page to include those parameters, such as “Hello [URLParam param=’name’]! Welcome to [URLParam param=’location’]!”</p>
<p>This example would display as “Hello Hannes! Welcome to Sydney!”</p>
<h4>Displaying GET parameters directly</h4>
<pre><code> [URLParam param='paramname']
</code></pre>
<p>Shows the value of GET named paramname (‘Hannes’ in the example URL), or “blank value” if none given.</p>
<pre><code> Hello Hannes!
</code></pre>
<p>Shows the value of GET named paramname, or empty space if none</p>


Display URL Params

A simple shortcode to get URL parameters from the Query String and display them as dynamic content on pages, posts and forms.

AgilePress Content Block for ACF vs Display URL Params