The editor panel lets you update all ACF custom fields for the current post or page without leaving the live site. Changes are saved instantly – no page reload required.
Opening the Editor
- Navigate to any post or page on your website while logged in.
- Look for the blue Edit Fields tab on the right edge of the screen.
- Click it to open the editor panel.
The panel slides in from the right and loads the ACF fields assigned to the current post.
Notes: The button only appears on single posts and pages that have at least one ACF field group assigned. It will not appear on archive pages, the homepage (unless it is a static page with field groups), or when you are not logged in.
Editing a ACF Fields
Once the panel is open, you will see all the custom fields assigned to the current post. Each field shows its label and an input area appropriate for its type (text box, dropdown, date picker, image selector, etc.).
- Click into any field and make your changes.
- Edit as many fields as you need – you can update multiple fields before saving.
- Scroll down inside the panel to see all fields if there are many.
As soon as you change a value, an Unsaved changes badge appears at the bottom of the panel to remind you that your edits have not been saved yet.
Resizing the Panel
If you need more room to work, drag the left edge of the panel to make it wider or narrower. Your site administrator can also set a default panel width in Settings.
Saving Your Changes
When you are ready to save:
- Click the Save changes button at the bottom of the panel.
- The panel will show a brief confirmation message when the save is complete.
- If a field has a validation error (for example, an email field with an invalid address), an error message will appear below that field. Fix the value and click Save again.
Notes: Your changes are saved to the post immediately. Visitors viewing the page will see the updated content once the page is reloaded.
Closing the Panel Without Saving
- Click the × button in the top-right corner of the panel, or
- Click the Discard button at the bottom of the panel.
If you have unsaved changes, a confirmation dialog popup appears first so you don’t lose your edits by accident.
- Click Keep editing to go back to the panel and continue your changes.
- Click Discard changes to close the panel and throw away your edits.
If you have no unsaved changes, the panel closes immediately without asking.
Tips
- You can edit and save as many times as you like – each save immediately updates the post.
- If the panel shows “No fields found or unsupported field types”, the current post either has no ACF field groups assigned or all its fields use types that are not yet supported for frontend editing.
- Required fields are marked with a red asterisk (\*). The form will not save until all required fields have valid values.