Title: Frontend Product Editor for WooCommerce
Author: WPVibes
Published: <strong>January 19, 2022</strong>
Last modified: July 30, 2026

---

Search plugins

![](https://ps.w.org/frontend-product-editor/assets/banner-772x250.png?rev=2659791)

![](https://ps.w.org/frontend-product-editor/assets/icon.svg?rev=2709179)

# Frontend Product Editor for WooCommerce

 By [WPVibes](https://profiles.wordpress.org/wpvibes/)

[Download](https://downloads.wordpress.org/plugin/frontend-product-editor.1.2.3.zip)

 * [Details](https://wordpress.org/plugins/frontend-product-editor/#description)
 * [Reviews](https://wordpress.org/plugins/frontend-product-editor/#reviews)
 *  [Installation](https://wordpress.org/plugins/frontend-product-editor/#installation)
 * [Development](https://wordpress.org/plugins/frontend-product-editor/#developers)

 [Support](https://wordpress.org/support/plugin/frontend-product-editor/)

## Description

**Frontend Product Editor lets you edit WooCommerce products directly from your 
frontend, without going to wp-admin.**

When you are logged in as admin and visit any WooCommerce product page, a floating
icon and an admin toolbar option appear. Click either one, and a clean flyout panel
slides open — right on top of your product page. Edit the product, save it, and 
you’re done. The live page reflects the changes instantly.

You can edit products from the **single product page** or directly from the **shop
page and category archives** (Pro). No page reloads. No context switching.

### 🚀 Free Features

 1.  **Edit Products from the Frontend** – Open the flyout editor from the admin toolbar
     or the floating icon on the right edge of the browser. Works on any single product
     page.
 2.  **Product Name & Descriptions** – Edit the product name, full description, and
     short description with a WYSIWYG editor.
 3.  **Pricing & Sale Scheduling** – Update the regular price, set a sale price, and
     schedule sale start and end dates.
 4.  **Inventory & Stock Management** – Manage stock status, enable stock tracking,
     set quantity, backorder settings, low-stock threshold, and “Sold individually”
     option.
 5.  **SKU & Global Unique ID** – Update the SKU and Global Unique ID (GTIN, UPC, EAN,
     ISBN) for any product.
 6.  **Categories & Tags** – Assign categories with a tree picker (create new ones 
     on the fly) and manage product tags.
 7.  **Shipping Details** – Set weight, dimensions, and shipping class without going
     to the backend.
 8.  **Tax Settings** – Update tax status and tax class per product.
 9.  **Catalog Visibility & Featured Flag** – Control whether a product appears in 
     search and the catalog, and toggle the Featured Product status.
 10. **Works with All WooCommerce Themes** – The editor panel is isolated from your
     theme, so it works reliably regardless of which theme you use.

### 💎 Pro Features – 󠀁[Upgrade to Frontend Product Editor Pro](https://wpvibes.com/frontend-product-editor/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme)󠁿

**Variable Products — Full Support**

Manage WooCommerce variable products completely from the frontend. No backend required.

 * Browse and manage all variations under a product
 * Create new variations and delete existing ones
 * Edit every variation field: price, stock, SKU, dimensions, shipping class, description,
   image, downloadable files, virtual flag, and enabled/disabled status
 * Assign attributes to individual variations
 * Bulk regenerate all variations from the product’s attributes in one click
 * Bulk-fill missing prices across all variations
 * Set the default attribute selection for the product

**Product Data**

 * Featured image & gallery — add, replace, or remove product images and gallery
   images
 * Global & custom product attributes — manage attribute values and control “used
   for variations” settings
 * Linked products — assign upsell and cross-sell products
 * Downloadable product fields — upload and manage downloadable files directly from
   the panel

**Store Management**

 * Edit from archive pages — click any product on your shop page or category archive
   and edit it inline without navigating to the product page
 * Role Manager — choose which WordPress user roles can access the frontend editor.

**Editor Settings**

 * Choose your trigger: admin toolbar, floating button, or both
 * Set the default open tab and enable collapsed-tabs mode
 * Position the editor panel on the left or right, resize it by dragging
 * Set an accent color to match your brand
 * Dedicated settings screen under the WooCommerce menu

### Supported Product Types

 * **Simple Products** — including Downloadable and Virtual
 * **Variable Products** — full variation management (Pro)
 * **Grouped Products** — manage child products (Pro)
 * **External / Affiliate Products** — product URL and button text (Pro)

### Why choose Frontend Product Editor?

**The only WooCommerce product editor built for your Frontend**
 Every other solution
requires the WordPress backend, runs a full-screen vendor dashboard, or is built
for bulk editing large catalogs. Frontend Product Editor is purpose-built for one
workflow: you’re browsing your own store, you spot something that needs updating,
and you fix it right there. No backend. No context switch.

**Complete variable product support**
 Create, edit, delete, and bulk-regenerate
WooCommerce variations from the frontend. Bulk-fill missing prices. Edit every variation
field including images, downloadable files, and attributes — all without opening
a single backend screen.

**Give your team editing access without backend access**
 The Role Manager lets 
you assign product editing rights to specific user roles.

**Edit from the shop page — not just the product page**
 With the Pro archive editing
feature, you can click any product on your shop page or a category archive and open
the editor right there. No need to navigate to each product individually.

**Modern, lightweight, and extensible**
 Built on Vue 3 and Pinia — no bloated custom
database tables, no unnecessary resources loaded on the front end. A full set of
developer hooks makes it easy for agencies to extend the editor for client projects.

**Expert Support**
 We have a highly efficient support team ready to help. Ask questions
in the Support Forum or contact us directly.

### 🧑‍💻 Documentation and Support

 * Extensive [Documentation](https://docs.wpvibes.com/frontend-product-editor/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme)
   for every feature and setting.
 * Fast support via the [Support Forum](https://wordpress.org/support/plugin/frontend-product-editor/)
   or our [Contact Page](https://wpvibes.com/get-support/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme).
 * Full details at [Frontend Product Editor](https://wpvibes.com/frontend-product-editor/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme)

### Other Plugins by WPVibes

✅ [Form Vibes](https://wordpress.org/plugins/form-vibes/) – Save Contact Form 7,
Elementor, WPForms & Gravity Forms entries to database. View, filter, and export
form submissions.
 ✅ [Dynific Addons for Elementor](https://wpbuilderaddons.com/dynific-addons-elementor/?utm_source=wporg&utm_medium=readme&utm_campaign=plugin_landing&utm_content=dynific_addons)–
Creative dynamic content widgets for Elementor Page Builder. ✅ [Addon Elements for Elementor](https://wpbuilderaddons.com/addon-elements-elementor/?utm_source=wporg&utm_medium=readme&utm_campaign=plugin_landing&utm_content=addon_elements)–
Rich and stunning widgets for Elementor. ✅ [WP Mail Log](https://wordpress.org/plugins/wp-mail-log/)–
Log and view all emails sent from your WordPress site. ✅ [Content Lifecycle Manager](https://wpvibes.com/plugin/content-lifecycle-manager/?utm_source=wporg&utm_medium=readme&utm_campaign=plugin_landing&utm_content=content_lifecycle_manager)–
Keep your WordPress content accurate and up to date with review dates, content ownership,
and maintenance workflows. ✅ [Bricks Ultra](https://bricksultra.com/) – Powerful
new elements for Bricks Builder.

## Screenshots

[⌊Flyout editor panel — edit product data directly from the frontend⌉⌊Flyout editor
panel — edit product data directly from the frontend⌉[

**Flyout editor panel** — edit product data directly from the frontend

[⌊Pricing & sale scheduling — update regular price, sale price, and schedule start/
end dates⌉⌊Pricing & sale scheduling — update regular price, sale price, and schedule
start/end dates⌉[

**Pricing & sale scheduling** — update regular price, sale price, and schedule start/
end dates

[⌊Inventory management — manage stock status, quantity, backorders, and low-stock
threshold⌉⌊Inventory management — manage stock status, quantity, backorders, and
low-stock threshold⌉[

**Inventory management** — manage stock status, quantity, backorders, and low-stock
threshold

[⌊Shipping & tax — update weight, dimensions, shipping class, and tax settings⌉⌊
Shipping & tax — update weight, dimensions, shipping class, and tax settings⌉[

**Shipping & tax** — update weight, dimensions, shipping class, and tax settings

[⌊Settings screen — configure trigger placement, panel position, accent color, and
role access⌉⌊Settings screen — configure trigger placement, panel position, accent
color, and role access⌉[

**Settings screen** — configure trigger placement, panel position, accent color,
and role access

[⌊Variable product management — browse, edit, and bulk regenerate product variations
from the frontend⌉⌊Variable product management — browse, edit, and bulk regenerate
product variations from the frontend⌉[

**Variable product management** — browse, edit, and bulk regenerate product variations
from the frontend

[⌊Archive page editing — click any product on the shop page to open the editor inline⌉⌊
Archive page editing — click any product on the shop page to open the editor inline⌉[

**Archive page editing** — click any product on the shop page to open the editor
inline

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/frontend-product-editor` directory,
    or install the plugin directly through the WordPress plugins screen by searching
    for **“Frontend Product Editor”**.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Visit any WooCommerce product page while logged in as admin — click **Quick Product
    Edit** in the admin toolbar or the floating icon on the right edge of the browser
    to open the editor.

For full setup instructions, see the [Getting Started Guide](https://docs.wpvibes.com/frontend-product-editor/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme).

## FAQ

### Does this plugin require WooCommerce?

Yes. Frontend Product Editor is an addon for WooCommerce. WooCommerce must be installed
and activated on your site.

### Will it work with my theme?

Yes. The editor panel runs independently of your theme and works with any WooCommerce-
compatible theme.

### Do I need to know coding to use this plugin?

No coding knowledge is needed. The editor is fully visual and works entirely from
the frontend of your site.

### How do I open the editor?

Two ways: click **Quick Product Edit** in the WordPress admin toolbar while on a
product page, or click the floating icon on the right edge of the browser window.
Both open the flyout panel.

### Can I edit products from the shop page without going to the product page?

Yes, with the Pro version. Archive page editing lets you click any product on your
shop page or category archive and open the editor right there — no need to navigate
to each product individually.

### Does it support variable products and variations?

Yes. The Pro version includes full variable product support — browse, create, edit,
and delete variations, bulk regenerate all variations from attributes, bulk-fill
missing prices, and manage every variation field including images, SKU, stock, and
downloadable files.

### Will this slow down my site for regular visitors?

No. The editor scripts only load for logged-in users with editing permissions. Regular
visitors see no difference in page speed.

### Can I control where the editor trigger appears?

Yes. In the Pro settings screen you can choose to show the admin toolbar option,
the floating button, or both. You can also set the default panel position (left 
or right), resize it, and choose an accent color.

### Is the plugin compatible with page builders like Elementor and Bricks?

Yes. The plugin is compatible with Elementor, Bricks Builder, and other major page
builders. The editor runs as an overlay independent of the page builder’s output.

### Where can I get support?

Post in the [WordPress.org support forum](https://wordpress.org/support/plugin/frontend-product-editor/)
or contact us directly via our [Contact Page](https://wpvibes.com/get-support/?utm_source=wporg&utm_medium=fpe&utm_campaign=readme).
We aim to respond within 24 hours on business days.

## Reviews

![](https://secure.gravatar.com/avatar/c02319f0c00725cb0625fd5edb6a4e02eb4fe69dba3e12cdead76d4fa191d1e2?
s=60&d=retro&r=g)

### 󠀁[Super easy, intuitive, and the support team is quick](https://wordpress.org/support/topic/super-easy-intuitive-and-the-support-team-is-quick/)󠁿

 [aubreygb](https://profiles.wordpress.org/aubreygb/) July 1, 2026 1 reply

After installing and activating the plugin, it worked immediately and exactly as
expected. A conveniently placed icon was appearing on my product pages, and gave
me easy access to product fields. The menu is clean and familiar, with options to
expand in width as needed. This made it easy to manage longer descriptions. I inquired
about a possible feature within the plugin, and support answered me quickly and 
clearly.

![](https://secure.gravatar.com/avatar/4852aeb158d797b5c94aeecc105f5b5cea37f51d69907c02540f8de39bb3fcdb?
s=60&d=retro&r=g)

### 󠀁[helpful plugin.](https://wordpress.org/support/topic/helpful-plugin-257/)󠁿

 [uebes](https://profiles.wordpress.org/uebes/) March 13, 2024 1 reply

Helpful additional woo plugin with a fast support.

![](https://secure.gravatar.com/avatar/2f4f34661ec3a62bba2b22c849abac9539b4280cc1ccb5b41dc809bfa1ea3892?
s=60&d=retro&r=g)

### 󠀁[Really practical](https://wordpress.org/support/topic/really-practical-3/)󠁿

 [gwenm](https://profiles.wordpress.org/gwenm/) November 4, 2023

Great job!

![](https://secure.gravatar.com/avatar/5215906109742750b1397f65391aa00f414a62f9a4cafad6ef661cf820c3c357?
s=60&d=retro&r=g)

### 󠀁[super plugin](https://wordpress.org/support/topic/super-plugin-1189/)󠁿

 [kdinya](https://profiles.wordpress.org/kdinya/) April 27, 2023 1 reply

Great plugin. It makes it very easy to edit products in the store. Big thanks to
the author for this page

![](https://secure.gravatar.com/avatar/5bb0dbf7da0ccfe2169efb94007d30c5ea39d86adf7716682cef97441642d757?
s=60&d=retro&r=g)

### 󠀁[Very nice plugin](https://wordpress.org/support/topic/very-nice-plugin-1015/)󠁿

 [janweldink](https://profiles.wordpress.org/janweldink/) April 24, 2023 1 reply

Very happy with it, would just like to have all tabs closed when opening.

![](https://secure.gravatar.com/avatar/bf4350316392f1309eff8ecc8af3bc01e7f7d4d7726ff794e9d8bc5662d379d1?
s=60&d=retro&r=g)

### 󠀁[Make life easy of Woocommerce clients](https://wordpress.org/support/topic/make-life-easy-of-woocommerce-clients/)󠁿

 [darteweb](https://profiles.wordpress.org/darteweb/) April 4, 2023

One of the unique plugin I found and very useful, I was looking for such plugin 
from long time, as we face some issues while editing products from admin side and
using this plugin life becomes easy in case for editing/updating products, really
recommend. We thanks WPVibes team for their efforts and for thinking out of the 
box.

 [ Read all 11 reviews ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/)

## Contributors & Developers

“Frontend Product Editor for WooCommerce” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ WPVibes ](https://profiles.wordpress.org/wpvibes/)
 *   [ Anand Upadhyay ](https://profiles.wordpress.org/anandau14/)

[Translate “Frontend Product Editor for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/frontend-product-editor)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/frontend-product-editor/),
check out the [SVN repository](https://plugins.svn.wordpress.org/frontend-product-editor/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/frontend-product-editor/)
by [RSS](https://plugins.trac.wordpress.org/log/frontend-product-editor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.3

 * Tweak : Code improved for better performance and user experience.

#### 1.2.2

 * Tweak : Code improved and layout optimization for better performance and user
   experience.

#### 1.2.1

 * Compatibility test with latest version of WordPress & WooCommerce

#### 1.2

 * Improved code structure for better extensibility by adding hooks.
 * Tested for compatibiltiy with latest version of WordPress & WooCommerce

#### 1.1.1

 * Improved code structure
 * Tested for compatibiltiy with latest version of WooCommerce & WordPress

#### 1.1

 * Added support for Product Description & Short Description
 * Added ability to resize editor panel by dragging from left edge.

#### 1.0.3

 * Fixed mobile screen compatiblity issues with Storefront theme.

#### 1.0.2

 * Fixed mobile usability issue happening after recent release.

#### 1.0.1

 * Fixed issue when manage stocks is disabled from Woo admin settings.

#### 1.0

 * Revamped UI – Frontend code restructured from scratch for much better performance.
 * Add ability to edit more data including Category & Tag management.

#### 0.0.4

 * Fixed: JS error when admin bar is not visible
 * Enhancement: Added editing support for SKU, Catalog visibility, Tax class, Tax
   status, featured product.

#### 0.0.3

 * Fixed: Fatal error when Manage Stocks is disabled from admin

#### 0.0.2

 * Enhancement: Added floating button to open edit panel. Very useful when admin
   bar is disabled on frontend.
 * Fixed: Conflict with Variable products.

#### 0.0.1

 * Initial Launch

## Meta

 *  Version **1.2.3**
 *  Last updated **2 days ago**
 *  Active installations **400+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **7.0.2**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [frontend editing](https://wordpress.org/plugins/tags/frontend-editing/)[product editor](https://wordpress.org/plugins/tags/product-editor/)
   [product management](https://wordpress.org/plugins/tags/product-management/)[Variable Products](https://wordpress.org/plugins/tags/variable-products/)
   [woocommerce](https://wordpress.org/plugins/tags/woocommerce/)
 *  [Advanced View](https://wordpress.org/plugins/frontend-product-editor/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  11 5-star reviews     ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/frontend-product-editor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/frontend-product-editor/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/frontend-product-editor/reviews/)

## Contributors

 *   [ WPVibes ](https://profiles.wordpress.org/wpvibes/)
 *   [ Anand Upadhyay ](https://profiles.wordpress.org/anandau14/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/frontend-product-editor/)