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.

embednotionpages

<p><a href="https://www.embednotionpages.com" rel="nofollow ugc">Embed Notion Pages</a> is a powerful tool that lets you harness the power of Notion and embed its pages into your own website. Create your content in Notion, grab the provided embed code, and seamlessly integrate beautifully updated pages onto your site.</p>
<p>While Notion provides a fantastic platform for content creation, directing users to a public Notion domain may not provide the best user experience. Embed Notion Pages allows you to enjoy all the creative freedom Notion offers, customise your embed to match your brand, and let people experience it as part of your own website. Essentially, Embed Notion Pages amplifies your content presentation while maintaining the usability and simplicity of Notion.</p>
<p>This plugin works with shortcodes. Simply generate your Notion page embed code on our website and use the shortcode on your desired WordPress page/post.</p>
<h3>Usage</h3>
<ol>
<li>Create your Notion page embed on our website https://www.embednotionpages.com</li>
<li>Use the WordPress shortcode <code>[notion id="your-embed-id"]</code> from your embed on your desired WordPress page/post.</li>
</ol>


Embed Notion Pages

Create, embed, and sync your Notion pages on WordPress effortlessly with Embed Notion Pages.

AgilePress Content Block for ACF vs Embed Notion Pages