Free tool

HTML → Etch Converter

Etch is HTML-first — bring any HTML in as native Etch elements with editable styles. Free, import via the free ready→made plugin.

Etch's whole pitch is being HTML-first — so it makes sense that any HTML you already have should just... work. This free converter turns any markup into native Etch elements, with your CSS converted into Etch's own style store rather than dumped as inline attributes. Paste your HTML, convert, and import the bundle with the free ready→made WordPress plugin (Settings → ready→made Import) — it creates the page and registers every style in Etch's stylesheet store in one step.

  1. 1

    Copy your HTML

    Grab the markup — a full page, a section, an old site's view-source, whatever you're starting from.

  2. 2

    Convert here

    Paste it below and hit Convert. Anything skipped or simplified is listed under the output.

  3. 3

    Import via free plugin

    On your Etch site: Settings → ready→made Import → paste → the page is created with all styles registered.

🔒 Runs entirely in your browser — your pasted content is never uploaded to a server.

HTML Input

Paste any HTML — a full page, a section, an email fragment, or AI-generated markup.

Classes are preserved as Etch styles. Import with the free ready→made plugin: WP admin → Settings → ready→made Import → paste → it creates the page and registers every style in Etch's stylesheet store.

Heads-up: pasting the raw markup into Gutenberg without the plugin inserts unstyled structure — Etch renders styling from its style store, which the import step fills.

Etch Import Bundle

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into Etch, Oxygen 6, Gutenberg or clean HTML — real structure from a real layout engine.

See ready→made →
FAQ

Good to know.

Is this really free?

Yes — the HTML→Etch converter is completely free, and so is the ready→made plugin that imports the result.

What HTML can I paste in?

Anything: a full page, a section, an old static site, output from an email builder or AI tool.

What happens to my CSS?

It's parsed into Etch styles rather than left as inline attributes — each class or ID selector becomes an editable Etch style you can adjust afterwards in the style panel.

Why do I need the plugin?

Etch renders styling from its style store, not from pasted markup. The free ready→made plugin adds an import page (Settings → ready→made Import) that creates the page and registers all styles in one step.

What can't be converted?

Inline <script> tags and anything relying on JavaScript at render time are skipped and listed in the conversion notes.

I'm starting from a design, not existing HTML.

Then use ready→made to convert the Figma design directly.

More free tools

Other converters in the suite.

Ready?

Build a real site from your Figma file — in minutes.

menu