Etch for WordPress: What It Is, How It Works, and Who It’s For

If you search for “Etch for WordPress,” you probably heard about it through the WordPress developer community and want to know what it is, whether it differs from Elementor or Divi, and whether it fits your workflow.

This article answers all of that. It covers what Etch is, how it works, its key features in 2026, pricing, and the honest answer on who should use it.

What Is Etch for WordPress

Etch is a Unified Visual Development Environment (UVDE) for WordPress. It is not a traditional page builder. It is not a drag-and-drop tool designed for people who want to build a website without learning anything about web development.

Etch was built by Kevin Geary and the Digital Gravy team, the same team responsible for Automatic.css and Frames. Those two products are already used by thousands of professional WordPress agencies worldwide. Etch is their most ambitious project to date.

The core idea behind Etch is this: traditional page builders generate bloated, proprietary code that locks you into their ecosystem, blocks your access to the underlying markup, and creates long-term maintenance problems. Etch takes the opposite approach. It gives you a visual interface that directly manipulates real HTML, CSS, PHP, and JavaScript. Every element you see on screen is exactly what gets written to the file.

According to Etch’s official documentation, the product is built on four principles:

• Total Transparency: Every element is accessible via GUI or code. No hidden wrappers, no mystery containers.
• Auto Block Authoring: Everything you build in Etch is automatically authored to Gutenberg blocks.
• Crystal Clean Output: Professional-grade code you would be comfortable writing by hand.
• Web Standards: Work with semantic HTML, CSS, PHP, and JavaScript as they were designed to work.

How Etch Differs from Traditional Page Builders

Most WordPress page builders share the same fundamental problem. They abstract web development so far from the browser that users lose connection with how websites actually work. The result is bloated output, proprietary shortcodes, nested wrappers, and lock-in. When a builder like Divi or old WP Bakery gets removed from a site, the content often collapses.

Etch approaches this from the opposite direction. It was designed for developers and designers who already understand or want to understand the fundamentals of HTML and CSS. The visual interface does not hide the code. It generates the code cleanly and lets you access it at any point.

Here is the practical difference:

This is why Etch attracts experienced WordPress developers and agencies rather than complete beginners who have never opened a code editor.

Etch 1.0 Launch: What Changed in 2026

Etch reached version 1.0 on January 30, 2026. This is a significant milestone. The 1.0 release marks the point at which Etch became stable enough for production use on client websites.

The most important architectural change in 1.0 was the shift from core block authoring to custom block authoring in Auto Block Authoring. According to Etch’s official blog post, the team originally planned to author everything to WordPress core blocks. During development, they discovered that core blocks created too many constraints and instability risks. Custom blocks, by contrast, give precise rendering, better editor experience, and more stability across WordPress updates.

The practical impact for users: everything you build in Etch now saves as custom WordPress blocks. These blocks render identically in both the Etch editor and the Gutenberg block editor. Your clients edit content in Gutenberg without ever needing to open Etch.

Etch operates on a weekly release schedule. The team pushes new features and bug fixes every week, sometimes multiple times per week. Users do not wait for arbitrary release windows.

Key Features of Etch WP in 2026

Unified Development Interface

Etch brings together tools that WordPress developers traditionally manage through separate plugins. Inside Etch, you handle:

• Custom Post Types (CPTs) and custom fields, no ACF or MetaBox needed
• Media management
• Content management
• Template building and template hierarchy
• Dynamic data and loops
• Pattern and component libraries
• SEO optimization (in development)
• Performance optimization (planned tab to replace Perfmatters)

The goal is a single interface where you do your entire WordPress development workflow without constantly switching between dashboard tools.

Content Hub

The Content Hub keeps you inside the Etch editor. You access and manage your site’s content directly from within the building environment. This reduces the context-switching that slows professional development workflows.

Pattern and Component System

Etch uses a pattern and component architecture. You build reusable elements once and apply them across your site. Any change to a component propagates to every instance automatically. This is the system-first approach that large agencies need for maintainable client projects.

Patterns built in Etch save to the WordPress Pattern Library. Components save to the WordPress Synced Pattern Library. Everything stays inside core WordPress architecture.

Advanced CSS Control

Etch integrates tightly with Automatic.css, the utility CSS framework from Digital Gravy. This gives you a systematic approach to spacing, typography, and color without writing redundant CSS for every element. You work with a class-first workflow, applying consistent design tokens rather than inline styles.

Dynamic Data and Loops

Etch handles dynamic content through a built-in loop system. You build templates for Custom Post Types, product archives, blog lists, or any repeating data set. The loop renders dynamic data from WordPress without requiring a separate plugin.

Code Access at Every Level

Unlike Elementor or Divi, which hide the generated code, Etch lets you inspect and edit the underlying HTML and CSS at any point. If you want to write a custom CSS rule or adjust the markup structure, you do it directly. The visual interface and the code stay in sync.

Auto Block Authoring Explained

Auto Block Authoring is Etch’s most technically significant feature. It is the mechanism by which everything you build in Etch automatically becomes a native WordPress block.

Here is what this means in practice:

1. You build a page, template, or component in Etch.
2. Etch writes that structure to custom WordPress blocks automatically.
3. When your client opens the WordPress editor, they see exactly what you built, rendered as blocks they can edit.
4. Changes the client makes in Gutenberg sync back to Etch instantly.
5. Your content is stored in WordPress itself, not inside Etch’s proprietary format.

The data liberation consequence is significant. If you ever stop using Etch, your content still exists in WordPress as standard blocks. You do not lose your pages, templates, or content when you change tools.

For developers working with clients, this means clients get a clean, simple Gutenberg editing interface. They never need to open the Etch builder. You control the structure. They edit the copy.

The Etch Theme and Child Theme

Etch requires its own companion block theme. The Etch Theme is a minimal, blank WordPress block theme. It provides the necessary hooks for Auto Block Authoring and Gutenberg compatibility.

The Etch Theme does not carry design opinions. It is intentionally empty. Your design lives in Etch, not in the theme.

Important for child themes: According to Etch’s official documentation, you do not switch themes during or after development. WordPress’s theme architecture is not designed for switching. Replacing the theme after going live can break Auto Block Authoring and disrupt your build.

The Etch team’s position on themes is clear: themes are outdated WordPress architecture. The Etch Theme exists only to meet WordPress’s technical requirement for an active theme. Users are advised to install it and stop thinking about themes entirely.

Your Etch Theme license key is required to enable auto-updates. You claim it from your account dashboard at etchwp.com.

Etch Pricing Plans in 2026

Etch is a paid product. It is not available in the WordPress plugin repository.

Dev environments do not count toward your license limit. You test and build locally without consuming a site activation.

Each license includes access to the Etch private community on Circle. This is an active community of thousands of Etch users with official support from the team and peer learning from practitioners.

For current pricing, visit etchwp.com/pricing. Prices update periodically as the product matures.

System Requirements

Etch 1.0 works with modern WordPress installations. These are the minimum requirements:

Etch is resource-intensive compared to lightweight page builders. PHP 8.2 or 8.3 improves performance significantly. Set your memory limit to at least 256MB to avoid issues during complex builds. See our guide on WordPress PHP memory and performance optimization for details.

How to Install Etch

Etch is not available through the WordPress plugin directory. You purchase it at etchwp.com and install it manually.

Step 1. Purchase a license at etchwp.com and download the Etch ZIP file from your account dashboard.

Step 2. In your WordPress dashboard, go to Plugins > Add New > Upload Plugin.

Step 3. Select the Etch ZIP file and click Install Now.

Step 4. After installation, go to Plugins > Installed Plugins and activate Etch.

Step 5. Install the Etch Theme separately. Download it from your account dashboard and install it via Appearance > Themes > Add New > Upload.

Step 6. Activate the Etch Theme and enter your license key from your etchwp.com account dashboard.

Step 7. Open any page and choose “Edit with Etch” to start building.

Do not install Etch on a live production site without testing on a staging environment first. Always back up before activating new builders. Our website maintenance services include staging environment setup and plugin management.

Who Should Use Etch

Etch is explicit about its audience. The official documentation states clearly who Etch is and is not for.

Etch fits you if you:

• Already understand HTML and CSS, or are committed to learning them properly
• Build client websites professionally as a freelancer or agency
• Want clean, maintainable code output you would be comfortable sharing
• Need a systematic component and pattern workflow for multi-page projects
• Want to replace ACF, MetaBox, and separate field plugins with one unified tool
• Build with Bricks, Oxygen, or other professional WordPress builders and want an upgrade

Etch does not fit you if you:

• Want a no-code tool with no learning curve
• Are a business owner building your own site without development knowledge
• Need a finished product today with no tolerance for a learning curve
• Expect drag-and-drop comfort on day one without any HTML or CSS understanding

According to Outerwave Media’s hands-on review, Etch is “not for business owners building their own sites with no web experience.” The same review notes that for developers who understand web fundamentals, “the HTML output is exactly what you tell it to be.”

Beginners who are willing to learn properly are also a supported audience. Etch’s education content and community are built to take developers from fundamentals to production-ready builds.

Etch vs Elementor vs Bricks Builder

Etch is not competing with Elementor for the same audience. Elementor serves users who want to build without learning web development. Etch serves users who want to build with full understanding of what they are creating.

Bricks Builder is the closest comparison. Both require development knowledge. Etch’s Auto Block Authoring and unified environment make it more forward-compatible with WordPress’s Gutenberg direction.

For a broader comparison of WordPress development tools, see our complete WordPress development guide and our CMS development overview.

Etch Ecosystem and Resources

Beyond the core builder, the Etch ecosystem includes:

• Frames for Etch: A design-ready wireframing and component library. Provides pre-built, accessible layouts and components to build professional WordPress websites 6 to 8 times faster.
• EtchDir: Community-maintained directory of production-ready Etch components and resources.
• Etch Official Documentation: Comprehensive documentation covering everything from first install to advanced workflow patterns.
• WindPress: Brings Tailwind CSS to WordPress for use with Etch without a build process.

Frequently Asked Questions

What is Etch for WordPress?

Etch is a Unified Visual Development Environment for WordPress built by Kevin Geary and Digital Gravy. It gives developers a visual interface that directly manipulates real HTML, CSS, PHP, and JavaScript while automatically authoring everything to native WordPress blocks. It reached version 1.0 on January 30, 2026.

Is Etch a page builder like Elementor?

No. Etch is a different category of tool. Traditional page builders like Elementor generate proprietary code and lock data inside their own format. Etch outputs clean, semantic code and stores everything as native WordPress blocks. Etch requires knowledge of HTML and CSS. Elementor does not.

What is Auto Block Authoring in Etch?

Auto Block Authoring is the feature that automatically converts everything you build in Etch into custom WordPress blocks. This means your content is stored in WordPress, not in Etch. Clients edit their sites in the standard Gutenberg block editor. Everything stays in sync automatically.

Do I need the Etch Theme?

Yes. Etch requires its companion block theme to function correctly. The Etch Theme is a minimal blank theme that provides hooks for Auto Block Authoring. Install it and do not switch away from it during or after development.

Can I build a child theme with Etch?

Child themes are not applicable to the Etch workflow. The Etch Theme is intentionally minimal and your design lives inside Etch. The Etch documentation advises users to install the Etch Theme and disregard themes as a concept going forward.

Is Etch suitable for beginners?

Etch is honest about its learning requirements. You need to understand or be willing to learn HTML and CSS. It is not a no-code tool. However, Etch provides a substantial free education library and an active community for users learning web development fundamentals through the builder.

How much does Etch cost in 2026?

Etch offers plans ranging from a 3-site option to an unlimited lifetime license. Agency plans cover 25 sites for less than $8 per site. Agency Pro covers 75 sites for less than $4 per site. Check etchwp.com/pricing for current rates.

Where is the Etch documentation?

Official Etch documentation is at docs.etchwp.com. It covers installation, the Etch Theme, Auto Block Authoring, patterns, components, dynamic data, and advanced workflows.