Frontend Product Editor for WooCommerce

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

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 for every feature and setting.
• Fast support via the Support Forum or our Contact Page.
• Full details at Frontend Product Editor

Other Plugins by WPVibes

✅ Form Vibes – Save Contact Form 7, Elementor, WPForms & Gravity Forms entries to database. View, filter, and export form submissions.
✅ Dynific Addons for Elementor – Creative dynamic content widgets for Elementor Page Builder.
✅ Addon Elements for Elementor – Rich and stunning widgets for Elementor.
✅ WP Mail Log – Log and view all emails sent from your WordPress site.
✅ Content Lifecycle Manager – Keep your WordPress content accurate and up to date with review dates, content ownership, and maintenance workflows.
✅ Bricks Ultra – Powerful new elements for Bricks Builder.

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.

1. 

   Flyout editor panel — edit product data directly from the frontend

2. 

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

3. 

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

4. 

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

5. 

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

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