Importing Elementor Templates to your Pages

Importing Elementor Templates to your Pages

Element.How also offers premium tutorials! Check them here:

Table of Contents

In this tutorial you will learn how to import a template file downloaded from Element.how into Elementor.

First, unzip the downloaded file

Optional step. Only relevant if the file you have download is a .zip file, and not a .json file.

If the download you received is a .zip file. The very first thing you have to do is to unzip the file locally. In it are the actual template(s) file, ending with .JSON .

These JSON files are the actual templates file, that we will upload in the following steps.

Then, enable file upload

To be able to import the JSON templates, you need to enable file upload in the Elementor settings, under Advanced.

Importing Elementor Templates to your Pages 1

Enabling Containers

If the template is made using Containers, you will need to enable the Container features. Skip this part if you already have it enabled.

If you don't know if the template is made with containers or not, presume it is, and follow these steps.

Go to WordPress > Elementor > Settings > Features > Flexbox Container, and enable.

Importing Elementor Templates to your Pages 2

Importing Elementor Templates to your Pages 3

If you had already imported a template with containers, without having the flexbox containers activated, it just won't work. The template will be blank.

You will need to delete the imported template, activate the container feature, and import the template again.

Importing the template to your page

Now, go to your page (or header template, footer template, etc) where you want to import the template.

Log into the editor, go at the bottom of the page and look for this.

Click the folder icon.

Importing Elementor Templates to your Pages 4

Then, click the upload icon here.

Importing Elementor Templates to your Pages 5

Now, you will see this. Click on Select file, then choose the JSON file you want to upload from your computer.

Importing Elementor Templates to your Pages 6

Elementor will upload the file, then show you this screen. The newly uploaded template will now be in your list, under "My Templates" tab. Click "insert" to add it to your page.

Importing Elementor Templates to your Pages 7

Sometimes, you will also see this:

Importing Elementor Templates to your Pages 8

If you do see this, click "Don't Apply".

The template should now be added to your page.

Conclusion

That's all! Let me know if that all worked fine for you.

Cheers!

Element.how also provides premium tutorials showing awesome advanced designs, check them out here.

Looking for something else? Search across 2927 Elements right here:

Checkout the Elementor Addon Finder directly

Leave a Reply