Free tool

Divi → Elementor Converter

Paste a Divi layout export or raw Divi shortcodes and get Elementor paste-JSON — ready to copy straight into the editor, free.

Divi and Elementor store pages in completely different formats. This free converter reads a Divi layout export from Divi Library → Portability → Export, a page export, or raw [et_pb_*] shortcodes, then rebuilds the layout as Elementor-native sections, columns and widgets. Copy the resulting JSON, right-click inside the Elementor canvas and choose Paste. Embedded export images come through as inline data URIs up to a safe size budget; forms arrive as styled placeholders because free Elementor has no compatible form-processing widget.

  1. 1

    Export from Divi

    In Divi Library open Portability → Export and download the layout .json, or copy the raw [et_pb_*] shortcodes from the page.

  2. 2

    Convert here

    Open the .json in a text editor, paste its contents below, and hit Convert. Page exports, library exports and raw shortcodes are all accepted.

  3. 3

    Paste into Elementor

    Copy the output, right-click inside the Elementor canvas and choose Paste — the converted structure appears as editable Elementor content.

🔒 Conversion runs in your browser. To improve conversion quality we keep an anonymized structural copy of the input — all text is scrambled and URLs removed before anything leaves your browser. Details.

Divi Export JSON or Shortcodes

Paste a Divi export .json file's contents or raw [et_pb_*] shortcodes. Page exports and Divi Library exports both work.

Copy the JSON, then in your Elementor editor right-click a section/column and choose Paste.

If Elementor asks for clipboard permission, allow it — that's how Elementor's own copy/paste reads the JSON you copied.

Elementor Paste JSON

From the makers of ready→made

Building from a Figma design instead?

ready→made converts your Figma designs straight into Elementor — real structure from a real layout engine.

Figma to Elementor →
FAQ

Good to know.

Is this really free? Do I need another plugin?

The converter is completely free. You only need Divi to create the source export and Elementor on the destination site; the converted JSON uses Elementor's own clipboard paste format.

What do I paste in?

Either the contents of a Divi .json export from Divi Library → Portability → Export, a Divi page export, or raw [et_pb_*] shortcodes. Both page-export and library-export wrapper formats are detected automatically.

How do I get the result into Elementor?

Copy the converted JSON, then right-click a section, column or empty area in the Elementor canvas and choose Paste. If Elementor asks for clipboard permission, allow it.

What happens to images?

Images embedded in the Divi export are carried through as inline data URIs when they fit the per-image and total size budgets. Larger images remain URL references, and the conversion notes tell you to upload them to the destination Media Library.

What happens to forms?

Divi contact and signup forms become styled HTML placeholders so the layout remains recognizable. Submission logic cannot move between builders; replace each placeholder with your Elementor form solution and reconnect its email or backend action.

What can't be converted exactly?

Third-party or unrecognized Divi modules are preserved as safe HTML when they contain static content, or skipped when empty, and listed in the conversion notes. Dynamic queries, animations, Divi-specific scripts and form processing need to be rebuilt with their Elementor equivalents.

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

Use ready→made: Figma to Elementor to convert the design directly.

More free tools

Other converters in the suite.

Ready?

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

menu