Free tool

Elementor → Etch Converter

Leaving Elementor for Etch? Paste your Elementor JSON and get an Etch import bundle — layout, typography and Global Styles carried over, free.

Use the tool ↓ See ready→made

Etch doesn't read Elementor's data format — and there's been no migration path between the two, until now. This free converter turns your Elementor JSON (a right-click Copy, a template export, or raw _elementor_data) into native Etch elements: sections and containers become clean flex structure, widgets become real elements, tablet/mobile settings fold into breakpoint styles, and your Site Kit's Global Styles resolve if you paste your exported kit. Import the bundle in one step with the free ready→made WordPress plugin (Settings → ready→made Import).

  1. 1

    Copy in Elementor

    Right-click a section in the Elementor editor and hit Copy — or export the page as a template (Save as Template → Export) and paste the file's contents.

  2. 2

    Convert here

    Paste the JSON below and hit Convert. Optionally add your exported Website Kit so Global Style colors and fonts resolve too.

  3. 3

    Import via free plugin

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

Elementor JSON Input

No Elementor JSON yet? Grab it in your Elementor editor via right-click → Copy.

Your Elementor design becomes native Etch elements with editable 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.

Global Styles (optional)

If your site uses Elementor's Global Styles (Site Kit colors/typography), paste your exported site-settings.json below so the converter can resolve them — otherwise those colors/fonts are skipped and listed in the notes. Export it via Elementor → Tools → Website Kit → Export.

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 Elementor→Etch converter is completely free, and so is the ready→made plugin that imports the result.

What do I paste in?

Any of: a right-click Copy from the Elementor editor, an exported template .json file's contents, or the raw _elementor_data of a page. The converter detects the format automatically.

What happens to my Global Styles?

If your design references Elementor's Site Kit (global colors/typography), export the kit via Elementor → Tools → Website Kit and paste site-settings.json into the Global Styles field — the converter resolves every reference into real Etch styles. Without it, those references are skipped and listed in the notes.

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?

Dynamic widgets (Posts, Navigation Menu, forms) need a live WordPress context and are skipped with a note. Icon-font glyphs can't render without Elementor's fonts. Sliders, tabs and accordions convert to their content stacked in reading order.

I'm starting from a design, not an old build.

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

Ready?

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

Get ready→made Try free in Figma →
menu