How to import template in Elementor
Elementor template import method is one of the most searched queries that people look for. We will see some of the ways you can import the Elementor template and Have it on your website. So, this guide will cover all the things that you need to know about the import side of the Elementor template. By the end of the guide, you will have a complete idea about how you can import any template in the Elementor page builder and then start customizing your page as per your wish. Now, let’s begin the guide and see how you can do the same.
Overview of Templates
We will begin with the templates overview. It’s important to know about the temples before we can get into the Elementor import template procedure. So, let’s learn more about it here. At first, you need to understand are templates and the difference between blocks and templates.
To begin with, we will start with blocks. People often get confused with the blocks and templates. Blocks can be treated as a section of the page. In one block, there might be multiple columns. However, there will only be one section.
There are pre-made blocks available in Elementor that you can use directly. The procedure to import blocks in Elementor is almost similar to the templates. Hence, we will mainly cover the Elementor import template method here. This will also give you an idea about the blocks.
Now, when one combines multiple blocks, it will create a template. A template can be used for creating a page. When you create one template, you can use it for all the pages. You can import the template and then work on it directly. Hence, it’s possible to import the templates.
Pre-requisite Elementor Import Template
There are two types of templates. One of them is the pre-made templates and the other one is the custom templates that you might have exported before. When you export the template, it is exported in the JSON file. So, if you want to import the template that you have already exported before, you will need a .JSON file of the template. Keep that handy when you are following the procedure. The best way is to know where the file is. When you know where the file is saved, you can import it with ease.
In the same way, if you are planning to import the default template files or we can say the pre-made template file, you will just need to install and activate the Elementor plugin. The latest version has made it mandatory to log in to the account before you can see the templates. So, you can create a free account with Elementor and then use the Elementor. On the other hand, if you don’t want to use the pre-made templates, you can use the custom template.
Version and Addons
You also need to make sure that the version is the same. If you have a saved template file of the pro version, you will need the pro version on the current website too. If you are using any pro widgets, it won’t work in the free version even if you import it from the template. Therefore, you need to take care of that.
Further, you also need to see if there were any third-party addons used. Elementor has got various third-party add-ons that you can use with the builder. If the file had any of the third-party addons, you will have to install them as well. Else, the file won’t work. You might still be able to import it but it won’t give the results that you want.
Hence, you need to confirm all these things and make sure that you have got it all. Once everything is ready, you are all set to head over to the next point – How to import template in Elementor.
Importing the Templates from Library
We will first see how you can use the pre-made library templates on any of the pages. It’s always better to check the pre-made templates first. You might get a better template.
To use the pre-made templates, you will have to head over to the new page. You can create a new page with Elementor.
Now, when you are inserting the blocks or creating a section, you will have to click on the templates library. This is the option that you see on the right. Usually, it will be the folder-like icon. You can click on it and it will take you to the templates library. This is where you will see all the templates by the Elementor team.
You need to select the templates that you like the most. There are good chances that the templates you are seeing are the website pack. If that’s the case, it will have multiple pages. You can click on the template to view it fully. There will be a magnifying lens for the same thing. It will show the complete template in a full pageview. This will give you a clear idea of what is the template about.
You can hit the insert button and it will be inserted into your page. Please note that you will be asked to log in to the account before you can do it.
So, this is where you need to login into your account. If you don’t have an account yet, you will have to create one. Don’t worry, you can create an account for free and get started. Once you log in, you can import the template.
It will then show the entire template on the page. You can customize it and start using it.
Importing Custom Template
Now the above-given section was all about importing the pre-made template. But what if you already have a file and want to import that file as a template?
Well, for that, you can use this method.
At first, you need to head over to your WordPress Dashboard. So, if you are in the page view, you can exit from there. In the dashboard, you should look for the menu called “Templates”. Templates are the place from which we will start the Elementor import template process.
In the saved template, you will see the option to import the template. There will be a small button that says “Import Templates”. You just need to select that option and then it will ask you for the file that you want to upload.
Here, you will have to select the .JSON file that you got after the export. You can select that file and then hit the import button. That’s pretty much it, it will then import the entire template and you will be able to see that template file in the saved templates. You can import as many templates as you want. You will just need the template file.
Sometimes, even after you import the complete template file, it won’t show some elements. This might let you into thinking that the Elementor import template process wasn’t successful. However, that’s not the case here. You have already imported it. Now, certain things won’t be imported. We will learn more about it and see why it hasn’t been imported. We will also see how you can fix it and import the missing elements.
What things won’t import?
Usually, when you import the file, you will see some missing elements. We will see how you can solve it.
Shortcode: If you see the shortcodes on the Elementor page, it’s simply because that the current website doesn’t include the plugin that was used in the previous one. You can surely check out the shortcode and then find the plugin that is missing. A simple Google search with the shortcode could give you the perfect idea of which is the missing plugin.
Images: Images are not imported. You will have to download and upload them manually. You can open the .JSON file with any editor and see the URL of the images. You can open the URL and download those images. If the image has a local URL (path of the website), you can either change the path or you can upload the image on the same path. Either way, it will then show up in the images.
Missing Element: If the element is completely missing from the website, it might be because of the plugin. You can ensure that you are using the correct version of the Elementor and then you can also see if all the addons are present there in the plugin or not.
Changed Text and Colors: If you see that the colors or text style has changed, it’s due to one single reason. It’s because of the global typography and colors. You might have mistakenly set the global colors or fonts, you can change it by heading over to the settings or you can change it by creating a new page.
Theme issues: There are very less chances that this will happen. You can still try changing the theme to see if it works perfectly after that.
Now, if you don’t just have to do the Elementor import template procedure but you also have to import other things, this is for you.
There are good chances that you might have used the Export kit to export the Elementor stuff. It’s a new tool that is still under experiment. This will allow you to export and import all the Elementor things. So, if you want to export the templates, pages, popups, header, and footer, you can use this kit. You can also export specific things.
So, there are good chances that the user might have exported the template using the Import/Export kit. In that case, you will have to use a different technique to import the templates from it.
Don’t worry, we will check the complete steps for the same.
Steps to import using Import/Export Kit
We will now see how you can do a complete Elementor import template produce with the help of an import/export kit.
At first, you will have to activate the tool. Once again, you need to understand that this is in the experiment mode. So, it is not a perfect tool.
To activate it, you will have to head over to Elementor > Settings > Experiments.
On this page, you will find various tools that are under development. There will be another option for the import/export kit. You will have to enable it. When you enable it, you are almost all done here. You will have to save the changes to ensure that all the things are saved.
Now comes the part where we will start using the tool. For that, you will first have to head over to Elementor and then click on the tools option.
The tools will consist of an import option. You can click on the import button and then select the file that you want to import.
It’s important to ensure that you have an active backup of the website before you import it from here. As this tool is in the experimental stage, it’s important to ensure that all the things are said for the backup.
Therefore, you need to take the backup before you can make any other changes. It’s extremely important to do so.
Once you import the things, you will see the templates in the saved template section. You can head over there and see all the templates. In the same way, if you have imported all the things, you also need to check out the page. All the things will be saved to the respective part. Therefore, you can see the respective part all the things are saved.
Final Words about import template in Elementor
To conclude, this was all about how you can get started with the Elementor import template procedure and how you can have the templates on your website. This is how you can import all the things from the JSON file. You can always make sure that you have an active backup. This will keep your website safe. If something goes wrong, you can always restore the backup.
WEBSITE UP TO DATE & SECURE WordPress Maintenance Service
Save 17% with our Annual pricing plan.