Importing Elementor Templates to your Pages

Importing Elementor Templates to your Pages

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

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!

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

And get exclusive Elementor related discounts here

Checkout the Elementor Addon Finder directly

Comments

Leave a Reply