FAQ
Good to know.
Is this really free? Do I need a plugin?
Completely free, no plugin needed on top of Elementor itself — you paste the JSON straight into the editor with Elementor's own paste handling.
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 complex CSS?
Elementor's free tier has no custom-CSS field on widgets. Styling that maps to a widget setting (color, spacing, typography) is set natively; anything else lands as a CSS class name on the element plus a note in the conversion output telling you it needs Elementor Pro's custom CSS or a theme stylesheet to take effect.
How do I get the JSON into Elementor?
Select the converted output, copy it, then inside the Elementor editor right-click the canvas (or an empty area) and choose Paste — Elementor recognizes its own clipboard format and rebuilds the structure.
What can't be converted?
Inline <script> tags and anything relying on JavaScript at render time are skipped and listed in the conversion notes.
What format is the output, exactly?
Elementor's own clipboard JSON — the same format the editor produces when you right-click → Copy a section. That's why a plain right-click → Paste in the canvas rebuilds it natively: sections, containers and widgets, not an embed. You can also save the pasted result as a template and reuse it anywhere.
How is the Elementor JSON structured?
It is a tree, the same one you see in the editor's Navigator panel. The top level has a type of elementor and an elements array. Every entry in that array is an element object with three keys that matter: elType names the kind of node (section, column, container or widget), settings holds its configuration, and a nested elements array holds its children. Sections and containers nest further layout nodes or widgets inside their elements; widgets are always leaves, so their elements array is empty. Each element also carries a short random id, which Elementor regenerates on paste, so you never need to manage those yourself.
What do widgetType and settings mean?
Elements with elType: "widget" carry an extra widgetType key naming the concrete widget: heading, text-editor, image, button and so on. The settings object holds exactly the values you would otherwise set in the editor's left panel. Content keys like title, editor or text carry the actual content; style keys like title_color or background_color carry colors as hex strings; dimensions such as padding or border_radius are objects with a unit, per-side values and an isLinked flag. Typography keys only take effect when typography_typography is set to "custom", which the converter does for you. Keys with a leading underscore, like _padding or _css_classes, belong to the widget's Advanced tab.
Can I import the JSON as an Elementor template instead of pasting?
The paste route is the fastest: copy the output, right-click the Elementor canvas and choose Paste, because the converter emits Elementor's clipboard format directly. If you want a reusable template, paste it once, then right-click the section and choose Save as a template. From Templates → Saved Templates you can export that as a .json file, import it on another site, or insert it into any page from the template library.
Moving away from Elementor instead?
That's the other direction — use Elementor → Gutenberg, Elementor → Bricks or Elementor → Etch to convert your existing Elementor build to its native format.
I'm starting from a design, not existing HTML.
Then use ready→made to convert the Figma design directly.