How to Import an Elementor JSON Template into WordPress

An Elementor JSON template lets you move a saved layout between WordPress sites without rebuilding every section by hand. The import is usually quick, but a successful result depends on the file type, Elementor version, widgets, and other resources the design expects.

This guide explains how to import an Elementor JSON template, where the template appears afterward, how to insert it into a page, and what to check when the imported design is incomplete.

What is an Elementor JSON template?

An Elementor JSON template is a structured text file describing an Elementor layout. It can contain containers or older sections and columns, widgets, style settings, responsive values, element IDs, links, and references to global or dynamic settings.

The file is not a screenshot and usually does not contain every external resource used by the design. Images may remain linked to their original URLs, while fonts, global colors, custom fields, theme styles, or addon widgets can depend on the source website.

A standalone JSON template is also different from a complete Elementor website kit. Kits may be distributed as ZIP files and can include broader site settings, theme templates, and content. Use the import workflow that matches the export type rather than renaming or extracting files at random.

Before importing an Elementor template

• Make sure WordPress is installed and you can access its dashboard.
• Install and activate Elementor on the destination site.
• Use Elementor Pro when the template depends on Pro widgets or Pro-only features.
• Identify required third-party Elementor addons and activate compatible versions.
• Keep a current backup before importing into an important site.
• Confirm that the file is a standalone Elementor .json template rather than a ZIP kit or unrelated JSON export.

For a production site, staging is the safer place to review an unfamiliar template. Importing a library item does not normally replace an existing page, but inserting it can add many elements and dependencies. A backup gives you a clean route back if later edits affect the design.

Check the template before importing

Use the free WPToolix validator to confirm that the file contains valid JSON and recognizable Elementor structures. It can also surface widget types, URLs, duplicate IDs, and common references that deserve attention before you add the file to a live site.

How to import an Elementor JSON template

Elementor menu labels can vary slightly between versions, but the template-library workflow is generally the same:

1. Sign in to the WordPress dashboard.
2. Open Templates and then Saved Templates. Some versions display a general Templates screen with tabs for saved templates and other template types.
3. Select Import Templates near the top of the screen.
4. Choose or drag the Elementor .json file into the upload area.
5. Start the import and wait for WordPress to return to the template library or show a completion message.
6. Find the imported item in the appropriate template list and verify its title and template type.

If your Elementor version offers an import button directly inside the editor’s template-library modal, you can use that route as well. Both routes should add a supported standalone template to the site’s Elementor template library. A full website kit uses Elementor’s Import/Export Kit workflow instead.

How to insert the imported template into a page

1. Create a new page or open the page where you want the layout.
2. Select Edit with Elementor.
3. In the Elementor canvas, select the folder icon for the template library. Depending on the current layout, you may first add a new container or section.
4. Open the My Templates tab.
5. Locate the imported template and choose Insert.
6. If Elementor asks whether to apply the template’s document settings, read the prompt carefully. Import them only when you want those page-level settings.
7. Review desktop, tablet, and mobile views before updating or publishing the page.

Inserting a template copies its layout into the page. It is not necessarily a permanently synchronized instance of the library item. Later changes to the saved template may not update content already inserted into ordinary pages.

What happens to images, fonts and colors?

Images referenced by URL may remain on the original domain or may not be imported into the destination media library. Check image widgets, background images, galleries, icons, and video thumbnails. Replace remote resources with files owned by the destination site when appropriate.

Typography and colors can be explicit values or references to Elementor global styles. A template that points to global style IDs from another site can inherit different values after import. Open Elementor Site Settings and inspect the imported design’s font and color controls rather than assuming the values traveled with the JSON.

Theme styles also matter. Heading margins, link colors, button rules, and content width can change when the destination theme differs from the source. Review the page in the frontend, not only inside the editor.

How to check your Elementor JSON before importing

Open the WPToolix Elementor JSON Validator, then upload the file or paste the JSON. Validation happens locally in the browser. Start with syntax: a missing comma, broken quote, unmatched bracket, or truncated file can prevent Elementor from reading anything.

Next, review the detected Elementor hierarchy and widget list. Unknown widget types may reveal a required addon. URL findings help you locate source-domain assets, while warnings about custom CSS, globals, dynamic references, or duplicate IDs give you a focused checklist for post-import review.

Valid JSON is necessary but not sufficient. The validator does not install missing plugins, supply Elementor Pro, migrate media, or guarantee compatibility with every Elementor version.

What to do if the Elementor JSON import fails

Confirm the file type, validate its syntax, and compare Elementor versions. Then identify Pro and third-party widgets, check WordPress or server logs, and try a simple known-good template. If all templates fail, the destination environment deserves attention. If only one fails, the file or its dependencies are the more likely cause.

Use the detailed checklist in Elementor JSON import failure causes and fixes to work through malformed files, version differences, missing widgets, global styles, old URLs, custom CSS, and hosting limits.

Frequently asked questions

Where do imported Elementor templates go?

Standalone templates normally appear under Templates or Saved Templates in the WordPress dashboard and under My Templates in Elementor’s template-library modal. Menu names and tabs may vary by version and template type.

Can I import an Elementor JSON file into any WordPress theme?

You can use Elementor with many compatible themes, but theme styles and layout settings can change the result. Full-width and canvas page templates may also behave differently. Always review the frontend after insertion.

Do I need Elementor Pro to import JSON?

Not for every template. Free Elementor can import supported templates built with free widgets. Templates containing Pro widgets may import but require Elementor Pro for those elements to work correctly.

Why is the imported template missing sections or widgets?

The layout may depend on an inactive addon, Elementor Pro, a different Elementor version, dynamic content, or source-site settings. Review the widget list and install only the known dependencies you trust.

Does importing a template overwrite my page?

Importing into the template library does not normally overwrite a page. Inserting a template adds its layout to the page being edited, so use a backup or staging site when the existing page is important.

Can I import a ZIP file through the JSON template importer?

Usually not. A ZIP may be a website kit or a package containing multiple files. Use Elementor’s kit import feature when the package is a kit, and follow the distributor’s instructions when the format is unclear.