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.
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.
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.
Then, click the upload icon here.
Now, you will see this. Click on Select file, then choose the JSON file you want to upload from your computer.
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.
Sometimes, you will also see this:
If you do see this, click "Don't Apply".
The template should now be added to your page.
That's all! Let me know if that all worked fine for you.
Element.how also provides premium tutorials showing awesome advanced designs, check them out here.
And get exclusive Elementor related discounts here
Checkout the Elementor Addon Finder directly