Get Support
Get Started ·  2 min read

Getting Started with Frontend Editor ACF

2 min read

Frontend Editor ACF lets logged-in editors update custom fields without leaving the live page. This guide walks you through installing the plugin and getting it ready to use.

Requirements

Before installing, make sure your site meets these requirements:

  • WordPress 5.6 or higher
  • PHP 7.0 or higher
  • Advanced Custom Fields (ACF) plugin – free or Pro – installed and activated
  • You must be logged in to WordPress to see the editor button on the front end

Installation

From a ZIP file

  1. Download the frontend-editor-acf.zip file you received from WPVibes.
  2. In your WordPress admin, go to Plugins → Add New Plugin.
  3. Click Upload Plugin at the top of the page.
  4. Choose the ZIP file and click Install Now.
  5. Once installed, click Activate Plugin.

Manual (FTP/SFTP)

  1. Unzip frontend-editor-acf.zip on your computer.
  2. Upload the frontend-editor-acf folder to wp-content/plugins/ on your server.
  3. In your WordPress admin, go to Plugins and activate Frontend Editor ACF.

After Activation

The plugin works right away with sensible defaults – the editor button appears on every post type that has ACF fields assigned. If you want to limit which post types show the button, change the panel position, or customize its color and width, see Settings.

To confirm everything is working:

  1. Make sure you have at least one ACF field group assigned to a post type (e.g. Posts or Pages). If you haven’t created any field groups yet, go to ACF Custom Fields in your WordPress admin and create one.
  2. Visit any published post or page on your website while logged in as an administrator or editor.
  3. You should see a blue Edit Fields button on the right side of the screen.
Edit Fields From Store Frontend Using Frontend Editor ACF
Edit Fields Button on Store Frontend

If the button does not appear, check that:

  • You are viewing a single post or page (not a list/archive page)
  • The post has an ACF field group assigned to it in Custom Fields → Field Groups
  • You are logged in with a user role that has permission to edit the post (Administrator or Editor)

What to Do Next

  • Editing Fields – learn how to open the editor panel and save your changes
  • Supported Field Types – see which field types are available for frontend editing
  • Settings – restrict the editor to specific post types or customize its appearance

Was this page helpful?

Your feedback helps us improve the docs for everyone.

Thanks for your feedback!