Title: FrontEdit – Live Frontend Block Editor Author: Pierce Published: 20 de Xullo, 2026 Last modified: 24 de Xullo, 2026 --- Buscar plugins ![](https://ps.w.org/frontedit-live-block-editor/assets/banner-772x250.png?rev=3621057) ![](https://ps.w.org/frontedit-live-block-editor/assets/icon-256x256.png?rev=3620676) # FrontEdit – Live Frontend Block Editor Por [Pierce](https://profiles.wordpress.org/maintainwp/) [Descargar](https://downloads.wordpress.org/plugin/frontedit-live-block-editor.1.0.10.zip) * [Detalles](https://gl.wordpress.org/plugins/frontedit-live-block-editor/#description) * [Valoracións](https://gl.wordpress.org/plugins/frontedit-live-block-editor/#reviews) * [Instalación](https://gl.wordpress.org/plugins/frontedit-live-block-editor/#installation) * [Desenvolvemento](https://gl.wordpress.org/plugins/frontedit-live-block-editor/#developers) [Soporte](https://wordpress.org/support/plugin/frontedit-live-block-editor/) ## Descrición Edit WordPress blocks directly on the live page. Make routine updates faster, skip wp-admin, and preserve your existing block layout and settings. ### Why FrontEdit? Most websites don’t need a new page builder. They need a faster way to edit the blocks that already make up their pages. FrontEdit lets trusted users click directly on headings, paragraphs, images, buttons, lists, tables, and other supported content where it appears on the live page, make their changes in context, and save them through a focused frontend editing experience. For site owners and marketing teams, that means faster everyday updates with less WordPress training. For agencies and freelancers, it means fewer routine support requests and a safer way to hand content ownership to clients. FrontEdit works with native Gutenberg blocks rather than replacing them or editing only the rendered HTML. It updates supported block content and attributes while preserving the original block structure, styling, settings, and standard WordPress serialization. 🎮 **[Try the interactive demo](https://maintainwp.com/products/frontedit/#see-frontedit-in-action)** 🔓 **[Explore FrontEdit Pro](https://maintainwp.com/products/frontedit/)** ### At a glance * ✏️ Edit Gutenberg blocks where they appear on the live page * ⚡ Make routine text, image, button, list, table, and media updates faster * 🛡️ Preserve Gutenberg block markup, styling, and block-specific settings * 👥 Give clients and team members a simpler alternative to navigating wp-admin * 📉 Reduce routine support requests and accidental layout changes * 🔌 Build custom integrations with the Public JavaScript API and extend block compatibility through custom handlers * 🚀 Add drafts, approvals, permissions, batch editing, and more with FrontEdit Pro ### Built for Developers Too * **Build on top of FrontEdit.** A stable Public JavaScript API lets plugins, custom tools, and AI assistants discover editor capabilities and safely perform the same block editing operations used by FrontEdit itself. * **Extend block compatibility.** A schema-driven custom block handler system makes it possible to add frontend editing support for custom Gutenberg blocks and third- party block libraries without modifying the plugin core. #### FrontEdit brings content editing to the place it belongs: the frontend. WordPress is powerful, but for everyday content updates it often asks too much of the people actually doing the work. Clients get lost in wp-admin. Teams bounce between the page preview and the editor. Small copy changes turn into support requests. Agencies spend valuable time handling edits their clients should be able to make themselves. FrontEdit changes that. Instead of sending users into the dashboard to hunt through blocks, sidebars, and settings panels, FrontEdit lets trusted users click directly on the content they want to change and edit it right on the page. Headlines, paragraphs, lists, buttons, media, and more become part of a guided frontend workflow that feels natural, lightweight, and immediate. FrontEdit complements Gutenberg by bringing block editing directly to the frontend. Whether you manage your own website, run content updates for a business, or maintain dozens of client sites, FrontEdit creates a new kind of WordPress workflow: faster, clearer, and dramatically easier to delegate. ### 💡 Why It Matters Most content edits are simple. They are not redesigns. They are not full page rebuilds. They are things like: * Updating a headline after a campaign changes * Rewriting a paragraph on a service page * Swapping an image or fixing a button label * Refreshing lists, pricing copy, FAQs, and promotions * Letting a client suggest or submit changes without risking layout damage These edits happen constantly, but traditional WordPress workflows make them slower than they should be. FrontEdit removes the friction. Your content can be updated in context, on the live page, with far less training and far less back-and-forth. Every edit preserves the original WordPress block markup and block-specific settings. FrontEdit updates only the content you change, allowing supported blocks to retain their existing configuration, styling, and behavior. #### ✨ Key Features * Edit WordPress blocks directly on the frontend * Click content exactly where it appears on the page * Preserve block markup, styling, and block-specific settings * Supports text, images, tables, buttons, media, and more * Built for Gutenberg’s normal block serialization * Lightweight editing experience designed for trusted users * Includes content request workflows for editorial collaboration * Public JavaScript API for custom integrations and AI workflows * Extensible custom block handler system for third-party blocks ### 👥 A Better Workflow For Real Teams FrontEdit is ideal for: * Business and site owners who want to make quick updates themselves * Marketing teams that need to keep landing pages, service pages, and calls to action current * Internal staff who should be able to edit content without learning WordPress admin * Freelancers and agencies that want to give clients safe, straightforward content ownership * Maintenance teams that are tired of spending time on small text and image changes For agencies, the value is especially clear. Instead of fielding routine requests like “change this sentence,” “swap this image,” or “update this CTA,” you can give clients a workflow they can actually use with confidence. That means fewer support tickets, fewer admin walkthroughs, fewer accidental layout changes, and more time spent on higher-value work. ### ⚙️ How It Works 1. Install and activate FrontEdit. 2. Open a page on the frontend while logged in. 3. Click supported content directly on the page. 4. Edit in place and save using a workflow designed to respect WordPress block content. The result is a familiar page view combined with a purpose-built editing layer that keeps the experience simple for the person making the change. FrontEdit focuses on the block types people edit every day, with support continuing to expand over time. ### 🧱 Supported Blocks FrontEdit currently supports a growing set of WordPress blocks. #### WordPress Core **Text blocks** * Paragraph (`core/paragraph`) * Heading (`core/heading`) * List (`core/list`) * Code (`core/code`) * Details (`core/details`) * Preformatted (`core/preformatted`) * Pullquote (`core/pullquote`) * Table (`core/table`) * Verse (`core/verse`) * Accordion Heading (`core/accordion-heading`) **Media blocks** * Image (`core/image`) * Audio (`core/audio`) * Cover (`core/cover`) * File (`core/file`) * Media & Text (`core/media-text`) * Video (`core/video`) * Icon (`core/icon`) **Design blocks** * Button (`core/button`) ### 🧩 Extensible With Custom Block Handlers FrontEdit includes a schema-driven handler system that allows developers to add frontend editing support for custom blocks and third-party block libraries. Using the included documentation and handler templates, developers can define which parts of a block are editable and how FrontEdit should safely apply those changes without modifying the plugin core. Custom handler support is currently experimental and has not been tested with every block library or custom implementation. Some blocks may work immediately, some may require additional configuration, and others may expose limitations that have not yet been identified. Before creating custom handlers, please review the included `templates/frontedit- live-block-editor-custom-handlers/README.md` documentation carefully. It contains implementation requirements, supported capabilities, known limitations, and guidance for building compatible handlers. If you create a reliable handler for a popular third-party block library, you are welcome to submit it for consideration. After testing and validation, compatible handlers may be included in a future release as officially supported integrations. ### 🔗 Built For Gutenberg, Not Against It FrontEdit edits supported block content and attributes while preserving the standard serialization and save behavior WordPress expects. It complements the block editor rather than replacing it, allowing everyday changes to happen on the frontend while the underlying content remains standard Gutenberg block content. ### 🛡️ Safety That Protects Real Work Frontend editing has to be convenient, but it also has to protect work already in progress. FrontEdit includes safeguards for common editing conflicts: * **Post-lock protection**: When another user is actively editing a post, FrontEdit identifies the editor and requires an explicit takeover before live changes can be applied. * **Unsaved changes warnings**: FrontEdit warns users before they reload, navigate away, or otherwise leave a post with unsaved changes. * **Overwrite protection**: If another user updates the page after editing began, FrontEdit can warn the current editor before newer changes are overwritten. ### 🔌 Developer API FrontEdit includes a stable Public JavaScript API for developers who want to integrate with or extend the frontend editing experience. The versioned Public API provides documented runtime contracts for interacting with the editor, inspecting supported blocks, applying schema-backed content and attribute updates, working with media and list operations, responding to editor lifecycle events, and building integrations designed for long-term compatibility. Whether you’re building custom editing tools, AI-powered workflows, or integrations with your own plugins, the Public API is the recommended way to interact with FrontEdit at runtime. The complete API reference is included with the plugin in `docs/frontend-runtime- extension-contract.md`, which documents the available methods, events, supported runtime behavior, versioning guarantees, and integration guidelines for developers. ### 🔓 Pro Features When You Need More FrontEdit provides direct frontend editing in the free plugin. FrontEdit Pro adds workflows for teams that need drafts, approvals, permissions, history, centralized content management, and more. With Pro, you can unlock advanced features such as: * Pending drafts and content approval workflows * Batch editing for faster multi-block updates * Per-user editing permissions for more controlled client access * Content request ticketing system to track and respond to user-submitted change requests * Centralized content management with a Content Catalog for reviewing editable elements across the site * Block-level edit history and revert workflows * Notification tools for more collaborative editorial operations * A centralized dashboard for open requests and pending drafts 👉 **[See everything included in FrontEdit Pro](https://maintainwp.com/products/frontedit/)** ### 🚧 Expanding Frontend Editing FrontEdit currently focuses on editing the content and settings of existing blocks. Future Pro releases are planned to expand that workflow with capabilities such as moving, deleting, and adding blocks directly from the frontend. The goal is to support more complete page-editing workflows while maintaining the focused, controlled experience FrontEdit is built around. ### 🤖 Coming Soon: ABE, Your Personal WordPress Assistant AI is changing the way people work, but most AI tools still feel disconnected from WordPress. They generate text in a chat window and leave you to figure out where it goes, how it should be formatted, and how to safely apply it. That is where ABE comes in. ABE, the AI Assisted Block Editor, is being built specifically for WordPress and FrontEdit. It is not meant to be a generic chatbot. It is designed as your personal WordPress assistant: one that understands editable page content, works with FrontEdit- owned blocks, and helps rewrite, generate, and update content live on the page in front of you. The vision is simple: describe what you want, review the result in context, and watch WordPress content update in a workflow that feels native instead of bolted on. 🚀 ABE is planned to be included with FrontEdit Pro at no additional cost. Join the ABE waitlist here to get updates and be notified when ABE launches: [Sign up here](https://maintainwp.com/abe-waitlist-signup-page/) ## Capturas [⌊Hover over a heading⌉⌊Hover over a heading⌉[ Hover over a heading [⌊Edit heading block⌉⌊Edit heading block⌉[ Edit heading block [⌊Choose an image to edit it⌉⌊Choose an image to edit it⌉[ Choose an image to edit it [⌊Replace an image from the library or upload a new file⌉⌊Replace an image from the library or upload a new file⌉[ Replace an image from the library or upload a new file [⌊Full list editing capabilities including indent/outdent⌉⌊Full list editing capabilities including indent/outdent⌉[ Full list editing capabilities including indent/outdent [⌊Edit table blocks⌉⌊Edit table blocks⌉[ Edit table blocks [⌊After updating table alignment, column alignment, and adding a caption⌉⌊After updating table alignment, column alignment, and adding a caption⌉[ After updating table alignment, column alignment, and adding a caption [⌊Choose your target block when blocks are overlapping⌉⌊Choose your target block when blocks are overlapping⌉[ Choose your target block when blocks are overlapping [⌊Write a comment to the admin with a content request⌉⌊Write a comment to the admin with a content request⌉[ Write a comment to the admin with a content request ## Instalación 1. Upload the `frontedit-live-block-editor` folder to the `/wp-content/plugins/` directory, or install the plugin through the WordPress Plugins screen. 2. Activate **FrontEdit** through the `Plugins` screen in WordPress. 3. Visit a page while logged in and begin editing blocks directly on the frontend. ## Preguntas frecuentes ### Does this replace the block editor in wp-admin? No. FrontEdit complements the block editor by bringing everyday block editing to the frontend. ### Who can edit content from the frontend? Only users who would be able to edit the page in the block editor can edit that page from the frontend. ### Is this useful for agencies? Yes. It is especially helpful for agencies and WordPress maintenance providers who want clients to handle routine content edits themselves without navigating wp-admin. ### What kinds of content can be edited? The plugin is built around content-focused blocks such as paragraphs, lists, tables, buttons, and images, with support centered on practical day-to-day editing use cases. ### What does Pro add? FrontEdit Pro adds advanced workflow features like drafts, approvals, batch editing, user permissions, ticket-style content requests, a centralized dashboard, content catalog tools, and element history. ### Is AI included? Not in the base plugin yet. ABE, the AI Assisted Block Editor for FrontEdit, is currently in development. It will be included with the Pro subscription at no additional cost. You can join the waitlist here: [Sign up now](https://maintainwp.com/abe-waitlist-signup-page/) ## Comentarios ![](https://secure.gravatar.com/avatar/85518bbec7ec542e64ae97dafb64ad203b18427160be6b3c45f2550d52e695d8? s=60&d=retro&r=g) ### 󠀁[Incredible](https://wordpress.org/support/topic/incredible-293/)󠁿 [Max Bridges](https://profiles.wordpress.org/maxbridges/) 24 de Xullo, 2026 1 resposta this has taken my website to a new level. [ Ler a 1 opinión ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/) ## Colaboradores e desenvolvedores “FrontEdit – Live Frontend Block Editor” é un software de código aberto. As seguintes persoas colaboraron con este plugin. Colaboradores * [ Pierce ](https://profiles.wordpress.org/maintainwp/) [Traduce “FrontEdit – Live Frontend Block Editor” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/frontedit-live-block-editor) ### Interesado no desenvolvemento? [Revisa o código](https://plugins.trac.wordpress.org/browser/frontedit-live-block-editor/), bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/frontedit-live-block-editor/), ou subscríbete ao [log de desenvolvemento](https://plugins.trac.wordpress.org/log/frontedit-live-block-editor/) por [RSS](https://plugins.trac.wordpress.org/log/frontedit-live-block-editor/?limit=100&mode=stop_on_copy&format=rss). ## Rexistro de cambios #### 1.0.10 * Adds support for WordPress Icon blocks. * Opens the live editor immediately while post-lock verification continues safely in the background. #### 1.0.05 * Improved multi-element action-bar positioning for directly hovered nested and overlapping blocks. * Fixed action bar hover transfer across overlapping blocks. * Added authorized AI discovery for editable blocks and read-only block content, plus public live-page block enumeration for browser integrations. #### 1.0.02 * Added Base previews for the Pro Content Requests and Content Catalog admin screens. * Added WordPress-native post locking for live editing, including an active-editor notice and optional takeover flow. #### 1.0.0 * Initial public 1.0.0 release for the WordPress plugin repository. ## Meta * Versión **1.0.10** * Última actualización **Fai 6 horas** * Instalacións activas **10+** * Versión de WordPress ** 7.0 ou superior ** * Probado ata **7.0.2** * Versión de PHP ** 7.4 ou superior ** * Idioma * [English (US)](https://wordpress.org/plugins/frontedit-live-block-editor/) * Etiquetas * [block-editor](https://gl.wordpress.org/plugins/tags/block-editor/)[frontend editing](https://gl.wordpress.org/plugins/tags/frontend-editing/) [frontend editor](https://gl.wordpress.org/plugins/tags/frontend-editor/)[inline editor](https://gl.wordpress.org/plugins/tags/inline-editor/) [Page Editor](https://gl.wordpress.org/plugins/tags/page-editor/) * [Vista avanzada](https://gl.wordpress.org/plugins/frontedit-live-block-editor/advanced/) ## Valoracións 5 de 5 estrelas * [ 1 valoración de 5 estrelas ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/?filter=5) * [ 0 valoracións de 4 estrelas ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/?filter=4) * [ 0 valoracións de 3 estrelas ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/?filter=3) * [ 0 valoracións de 2 estrelas ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/?filter=2) * [ 0 valoracións de 1 estrelas ](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/#new-post) [Ver todas as valoracións](https://wordpress.org/support/plugin/frontedit-live-block-editor/reviews/) ## Colaboradores * [ Pierce ](https://profiles.wordpress.org/maintainwp/) ## Soporte Tes algo que dicir? Necesitas axuda? [Ver o foro de soporte](https://wordpress.org/support/plugin/frontedit-live-block-editor/)