Advanced Custom Fields version 6.7 is now available! 🚀🎉

This release introduces Inline Editing, a groundbreaking feature for ACF Blocks, allowing content editors to edit block field data by clicking directly on what they want to edit in the block preview area, without requiring any extra code or JavaScript by the block creator.

Inline Editing for ACF Blocks

Inline Editing is an opt-in feature for ACF Blocks that are built using version 3. It greatly simplifies the editing experience of sites that use ACF Blocks, making ACF Blocks much easier to edit, and similar to native blocks. ACF Blocks turn the block editor into a powerful site editing tool without developers compromising on the design integrity and builds of their sites, all the while giving content editors an easy, flexible, and controlled editing experience.

Animated Gif of ACF 6.7 Inline Editing feature for ACF Blocks.

Two Types of Inline Editing

Inline Editing provides two distinct experiences for content creators, depending on the ACF field’s data type:

  • Text Editable: Offers the most native-like feel, allowing editors to type directly into an element within the block preview area. This functionality is primarily available for Text and Text Area fields.
  • Toolbar Editable: Used for all other supported field types (excluding Repeaters and Flexible Content fields and their subfields). When a field is clicked, a pop-up toolbar appears where the content can be edited using the familiar ACF field editing UI.

An example of a Text Editable field:

ACF Inline Editing demo of text editing.

An example of a Toolbar Editable field:

ACF Inline Editing demo of toolbar editing.

Field Type Support

Here’s a breakdown of what editing experiences are available for each field type. We plan to improve the inline editing experience for fields that have subfields like the Repeater. The Expanded Editing Panel was introduced in ACF 6.6 to replace ‘Edit’ mode for blocks and to improve on the sidebar editing experience.

Field Type Text Editing Toolbar Editing Expanded Editing Panel
Text ✅ ✅ ✅
Text Area ✅ ✅ ✅
Number ❌ ✅ ✅
Range ❌ ✅ ✅
Email ❌ ✅ ✅
URL ❌ ✅ ✅
Password ❌ ✅ ✅
Image ❌ ✅ ✅
File ❌ ✅ ✅
WYSIWYG Editor ❌ ✅ ✅
oEmbed ❌ ✅ ✅
Gallery ❌ ✅ ✅
Select ❌ ✅ ✅
Checkbox ❌ ✅ ✅
Radio Button ❌ ✅ ✅
Button Group ❌ ✅ ✅
True/False ❌ ✅ ✅
Link ❌ ✅ ✅
Page Link ❌ ✅ ✅
Post Object ❌ ✅ ✅
Relationship ❌ ✅ ✅
Taxonomy ❌ ✅ ✅
User ❌ ✅ ✅
Google Map ❌ ✅ ✅
Date Picker ❌ ✅ ✅
Date Time Picker ❌ ✅ ✅
Time Picker ❌ ✅ ✅
Color Picker ❌ ✅ ✅
Message ❌ ❌ ✅
Accordion ❌ ❌ ✅
Tab ❌ ❌ ✅
Group ❌ ✅ ✅
Repeater ❌ ❌ ✅
Flexible Content ❌ ❌ ✅
Clone ❌ ❌ ✅

How to Enable Inline Editing

To take advantage of Inline Editing, your blocks must be using version 3 of ACF Blocks. From there, you have two options to enable Inline Editing for your blocks.

To enable it automatically for simple elements, set autoInlineEditing to true in your block’s block.json file.

    "acf": {
    "blockVersion": 3,
    "autoInlineEditing": true
}

With this enabled, ACF will automatically apply inline editing to any HTML elements where an ACF field’s value is the only thing within it, or to HTML attributes whose value comes directly from an ACF field (e.g., an tag’s src).

For those who want more control, two helper functions can be used in your block render template:

acf_inline_text_editing_attrs(): Use this to make an element directly editable like a Text field.

<h3 <?php echo acf_inline_text_editing_attrs( 'my_text_field' ); ?>>
    <?php echo esc_html( get_field( 'my_text_field' ) ); ?>
</h3>

acf_inline_toolbar_editing_attrs(): Use this to make an element pop up a toolbar when clicked.

<img src="some-image.png" <?php echo acf_inline_toolbar_editing_attrs( array(
    'my_image_field'
) ); ?> />

You can mix both auto and manual fields. If you want complete manual control, set autoInlineEditing to false in your block.json.

There are multiple configuration options for Inline Editing. Read our documentation to get started

Inline Editing is only available to ACF Blocks that are using version 3. Learn more about upgrading your blocks to v3.

ACF Blocks is a feature only available in ACF PRO.

And More

For a full list of all the changes in this release, check out the ACF 6.7 changelog.

What’s Next?

We’re already hard at work on the next version of ACF, with more new features and improvements planned – including support for the WordPress Abilities API, allowing Agentic AI and automation platforms to fully utilize your content.

If you want to be the first to hear about pre-release versions of these new features for testing, sign up to our beta news email list.

If there’s features or improvements you’d love to see in ACF, please drop them into our feedback board and vote on others that are important to you.

Keep up to date with what we’re working on in our monthly ACF Chat Fridays office hours.

Thanks to everyone in the ACF community who helped make this release possible! 🙌

Are you excited about the new features and improvements in ACF 6.7? Let us know in the comments below or on X.