We get a ton of emails from our users asking how to install our Elementor templates or why it says “Invalid File” whenever they try to upload it. Often than not, the primary issue arise from the fact that they were not importing our templates to the appropriate location at all, but rather on the “Upload Theme” section of WordPress. Other cases involve extraction errors or other dependencies.
Although there are already some tutorials existing out there to fix these problems, we figured we might as well make our own version so our users won’t have to look these answers themselves.
UPDATE: Here is the quick version of this tutorial:
But before anything else, you might want to consider getting the Elementor Pro Version and get access to more cool looking and quality Elementor templates directly to your Elementor Template Library for free!
All that aside, let’s now start the tutorial!
Step 1: Finding Your Page
Of course, the very first thing you have to do is to immediately go to the page you want to apply the Elementor templates that you’ve downloaded. Go to your WordPress dashboard, click ‘Pages’ and then click ‘All Pages’.
Scroll down to the page that you want to apply the Elementor template and then click ‘edit’.
Step 2: Elementor Visual Editor
Upon opening, you would immediately notice a large blue button titled ‘Edit With Elemetor’. Clicking that would lead you to the Elementor Visual Editor.
The alternative method of doing that is to directly go to the page you want to edit (if it’s already existing and assuming you’re logged in to your WordPress admin), and find the same ‘Edit With Elemetor’ link at the top navigation bar.
Or if you’re paying attention, you can see the same button on Step 1.
Step 3: Elementor Template Library
Now that you’re already on the Elementor Visual Editor, you’ll see a section with a plus icon and a folder icon on your page. Click the folder icon.
An interface will popup where you would see a ton of ‘Blocks’ and ‘Page’ templates already available to you. You didn’t even need to download one in the first place!
Step 4: Importing Your Template
But of course, you’re here because you want to upload your desired and preferred template! On the interface of your template library, find the upload icon at the top (the up arrow icon) and click it.
This will prompt you to the import template panel.
If your using Windows, go the folder of your downloaded Template file and drag it to this section. Always note that your file must be either a JSON or a ZIP file. Nothing more, nothing less.
Or you can click the ‘Select File’ instead for a much more direct way.
NOTE: In case the zip file you downloaded produces an error, you can try extracting it and upload the JSON (.json) files each, especially if the contents of the zip file are in a folder or contain non-JSON files (like .doc, .txt, .css, fonts, etc).
Step 5: Final Steps
Wait for a few seconds (depending on your Internet speed of course), and after the loading has finished, go to the ‘My Templates’ tab and now scroll to the very bottom to see the Elementor templates you’ve just uploaded. Their names should be obvious!
Click ‘Insert’ button and that template will immediately be imported to your Elementor Visual Editor.
Thanks for Reaching This Far! 🙂
I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!
If you have more concerns or have encountered other issues, let us know in the comments section!
jake
11 Dec 2019Its not being downloaded. please help
Elementor Resources
12 Dec 2019Hi Jake, what template is not being downloaded ? 🙂
Carolyn
19 Nov 2019wow, I already have PRO so where is this zipped template to download? I can’t find it.
Elementor Resources
12 Dec 2019Hi Carolyn, free templates from the Elementor Pro version is already available on the designer itself. 🙂 There’s no need to get the zip since it will already be imported by default 🙂
Olivier
13 Nov 2019Hi
Where we download the full “Template Kit” Digital Agency ? (ZIP)
Thank you 🙂
Elementor Resources
12 Dec 2019Hi Oliver, you can find it on the saved templates section 🙂
Ken Maff
27 Oct 2019How do you edit the first background image please?
Kristin
5 Sep 2019Mine didn’t download either.
Elementor Resources
6 Sep 2019Please tell us which template is not downloading.
mohammad
23 Aug 2019Its not being downloaded. please help
Elementor Resources
26 Aug 2019How is it not being downloaded? What elementor template are you downloading? 🙂
Kelly
17 Aug 2019I followed this tutorial step for step but it still says Invalid file (and yes the file is zipped). What do I do now?
Elementor Resources
26 Aug 2019What elementor template did you specifically download? 🙂
Aurore
2 Aug 2019Hello, in order to import template in Elementor, do you have to use the coordinate theme ?
My example : I use Storefront Theme on my website and would like to import in my Elementor “Fashion Store” Demo by OceanWP : is that possible ? Or do I have to use OceanWP as a theme to import that demo ? Will I find myself with some troubleshooting ?
Thank you very much
Elementor Resources
2 Aug 2019Hi Aurore! 🙂 No, Elementor templates don’t particularly depend on the theme you’re using. 🙂