Importing Elementor Templates to your Pages

Importing Elementor Templates to your Pages

Just launched! Checkout the CSS Course for Elementor users.

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

The download you received will be 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 Experiment (if applicable)

The very first thing to do to import a template you downloaded from Element.How is to verify if it's made with sections or containers.

How to know? If it's made with containers, it will be specifically mentioned in the related tutorial.

You will see this notice:

Important note: You will need the feature "Container" to be enabled under Elementor > Experiments > Container. This uses the new Container element.

If your template file is made with containers, then you will need the container experiment enabled (at least for now, until containers are officially out of beta).

Go to WordPress > Elementor > Settings > Experiements > 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 container experiment active, it just won't work. The template will be blank.

You will need to delete the imported template, activate the container experiment, 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 2445 Elements right here:

Checkout the Elementor Addon Finder directly

Comments

Leave a Reply

Just launched

CSS Course For Elementor Users

Offer incredible value to your clients by becoming a CSS ninja!