HTML to Elementor
Back to tutorials

Copy-paste vs JSON import: two ways to bring HTML into Elementor

The converter gives you two export paths. They produce the same components but fit different workflows.

Option A — Paste Elementor data

Click Copy Elementor data, open the page in Elementor, right-click an empty area and choose “Paste from other site”. The components drop straight into your layout. This is fastest when you’re adding a section to an existing page.

  • Best for: quick, in-place inserts.
  • Needs: the Elementor editor open on the target site.

Option B — Download a JSON template

Click Download .json template, then in Elementor open the template library and choose Import Templates. The whole page arrives as a reusable template you can insert anywhere.

  • Best for: whole pages, reuse across sites, version control.
  • Needs: template library access (Elementor Pro recommended).

Which should you use?

Grabbing a single card or hero? Paste. Migrating a full landing page or building a library of reusable blocks? Download the JSON. Either way, use the Copy scope control in the Structure map first so you only export the part you want.

After import

Check spacing and alignment, re-link buttons (extracted blocks may lose their href), and set any Nav Menu or Form widgets to real WordPress sources — those can’t be carried over automatically.