The Elementor software makes it simple to design lovely pages, posts, and full web sites. Nonetheless, even with a robust web page builder comparable to Elementor in your nook, creating a brand new web site design takes effort and time.
That’s the place Elementor’s import and export system is available in. Utilizing this characteristic, you may slash your design and growth time by creating reusable templates or importing third-party layouts in your mission.
This submit will take a deep dive into Elementor’s versatile and highly effective import/export system. We’ll be overlaying every little thing from part templates, proper by way of to web page templates – and even exporting your total Elementor web site. Let’s get began!
How To Put together Your Website for a New Elementor Template (in 2 Steps)
Elementor templates are pre-designed layouts that apply to particular person pages or particular Person Interface (UI) components. Though they sound just like WordPress themes, there are some important variations.
WordPress themes change the design of a whole web site. Against this, Elementor templates have an effect on the format of a single webpage. Since they’re restricted to only one web page, it’s potential to make use of a number of Elementor templates concurrently. Moreover, these templates function on a WordPress theme, whether or not free or premium.
Making use of a brand new Elementor template to your web site can change the way it seems to be or capabilities. With this in thoughts, there are some actions it is best to carry out earlier than altering your template.
Step 1: Create a Backup
It’s clever to create a backup earlier than altering your Elementor template. This step ensures you’ve gotten content material to revive in case you encounter points with your new design.
Numerous plugins allow you to create an internet site backup. These embrace the UpdraftPlus plugin, which might copy your whole information and database info to the cloud:
When you’re a Kinsta buyer, we routinely again up your web site on daily basis. When you want extra frequent backups, we will copy your web site each six hours ($50 per web site, monthly) or each hour ($100 per web site, monthly).
Alternatively, you may create a backup manually at any level. To attain this, log into your MyKinsta dashboard:
Within the left-hand menu, choose Websites and click on on the web site in query. Then select Backups > Guide:
Merely give the Again up now button a click on, and we’ll deal with the remainder. When you encounter issues and wish to restore your most up-to-date backup, navigate to the Backups > Guide tab. Right here, MyKinsta shows a listing of all of your backups:
To revive an earlier model of your web site, click on on its accompanying Restore to button. Now you can select to revive this backup to your stay web site or a staging web site.
Step 2: Put Your Website into Upkeep Mode
Altering your web site’s template could cause surprising crashes, bugs, or different unusual conduct. After making use of a brand new design, you might have to spend a while testing your web site and making changes.
If a customer tries to entry your web site when you’re making these adjustments, they could impression the standard of their expertise. This will trigger you to lose out on potential conversions.
Earlier than making use of a brand new Elementor template, you might wish to put your web site into upkeep mode. This step will stop guests from accessing your web site when you’re testing your new design.
A number of plugins can create a customized upkeep mode. Nonetheless, WP Upkeep Mode is a well-liked alternative:
This plugin has numerous added extras, together with including a countdown to your upkeep splash display screen. This characteristic will help you generate a buzz round your web site’s redesign and relaunch.
As soon as your web site is in upkeep mode, you’re free to experiment with numerous templates and take a look at how they seem in your web site’s frontend. While you’re proud of the outcomes, you may take your web site out of upkeep mode – and wow guests along with your web site redesign.
How To Save Elementor Templates (2 Strategies)
As one of many world’s hottest web page builders, Elementor has no scarcity of ready-made third-party templates. Nonetheless, generally you might wish to create your templates.
Utilizing templates will help you obtain design consistency throughout your total web site. It could actually additionally prevent time, primarily in case you’re utilizing the identical designs throughout a number of websites.
As an example, WordPress design and growth businesses could profit from creating templates that includes the core components they usually apply to their consumer websites.
Methodology 1: Save a Web page as an Elementor Template
It can save you any web page as an Elementor template. This will help you determine an ordinary feel and appear, able to deploy throughout your web site.
For instance, you may create your web site’s menus, plus the header and WordPress footer. You’ll be able to then apply this web page template to your whole webpages.
Making a template additionally means you gained’t need to manually recreate the identical components for each internet web page. This is good news in your productiveness.
To avoid wasting the present web page as an Elementor template, discover the inexperienced Replace/Publish button on the backside of the Elementor sidebar. Then, click on on this button’s accompanying arrow icon:
Now you can click on on Save as Template. This launches a window the place you can provide this template a descriptive identify:
Then, click on on Save. Now you can entry this design at any time by launching the Elementor library and choosing the My Templates tab.
Methodology 2: Save a Part as an Elementor Template
Many web sites characteristic recurring components. These embrace lead technology types or textual content describing your top-selling merchandise.
By making a piece template, you may add it to any web page with only a few clicks. You’ll be able to even create part templates for various content material classes.
For instance, you may construct a Name To Motion (CTA) template. Then, each time you want a CTA, you may merely import this template and tweak its messaging.
To create a template, control-click on the Part in query. Then, choose Save As Template:
Within the window that seems, give this template a descriptive identify. Then, click on on Save:
To use this template to any part, merely launch the Elementor Template library. You’ll discover the design ready in your My Templates tab.
How To Create an Elementor Template
Whereas it can save you any in-progress web page or part as an Elementor template, generally you’ll explicitly wish to create one for reuse. On this situation, you would begin your design as a daily Elementor webpage after which reserve it as a template.
Nonetheless, you may as well inform Elementor that you simply’re making a template upfront. This method offers you extra flexibility to construct templates for various areas of your web site.
For instance, you may design a template in your Error 404 Web page, search outcomes web page, and even create a popup format. This methodology additionally helps you to use any template in your library as the bottom for a brand new design.
To create a web page or part template, navigate to Templates > Saved Templates. Then, click on on Add New. Within the subsequent window, open the Choose the kind of template… dropdown:
Now you can specify the form of template that you simply wish to create. We’ve already coated web page and part templates, however this window offers you further choices.
After choosing, give your design a descriptive identify, after which click on on Create Template. This launches the Elementor library, the place you should utilize a pre-existing template as your base. Alternatively, you may exit this window and begin with a clear slate.
Now you can construct your template utilizing the usual Elementor editor. While you’re prepared to avoid wasting your design, click on on Publish. This may launch the Publish Settings field:
Right here, you may set some guidelines for utilizing this template. For instance, you may click on on Add Situation and specify that this format is simply appropriate for single pages.
How To Export Elementor Templates
You’ll be able to export Elementor templates from the WordPress dashboard. This methodology will help you share designs along with your co-workers or ship them to purchasers for his or her approval. You may even use the export characteristic to create backups of your Elementor designs.
Exporting templates is a straightforward means to make use of your designs throughout a number of domains. This method is helpful for WordPress design and growth businesses managing quite a few web sites. If you wish to monetize your designs, exporting them is usually step one towards sharing them with the world.
Navigate to Templates > Saved Templates within the WordPress dashboard to export a design. This tab shows all the templates saved to your library:
WordPress additionally divides these templates into Web page and Part tabs. Merely discover the template that you simply wish to export, and hover over it:
When the Export Template hyperlink seems, give it a click on. Elementor will now obtain this template as a JSON file.
You may also export your templates from the Elementor library. Inside this library, open the My Template tab. Discover the template that you simply wish to export, and click on on its accompanying three-dotted icon:
Then, click on on Export. Elementor will now obtain this template as a JSON file.
How To Import Elementor Templates
Generally, you might wish to import a template into Elementor. It is perhaps a design exported from a distinct web site or bought from a 3rd occasion.
When you’ve got a template in JSON or ZIP format, you may add it to the Elementor library. To start out, navigate to Templates > Saved Templates. On the high of this display screen, click on on Import Templates:
Then, choose your Elementor import template and click on on Import Now. This template will now seem in your library.
To use this design to your web site format, merely open the web page or submit in query with the Elementor editor. Then, click on on the Add Template icon, which is represented by a white folder:
Within the subsequent window, choose the My Templates tab. Right here, you’ll discover all of your Elementor imported templates:
To see how this design will look when utilized to the present web page, click on on Preview. When you’re completely satisfied to make use of this template, choose its accompanying Insert hyperlink.
How To Export and Import an Particular person Elementor Web page
You could wish to reuse the identical web page throughout a number of websites. For instance, in case you function a number of WordPress web sites, you may make the most of an ordinary About Us web page.
Reasonably than recreating this web page manually, it can save you it as an Elementor template and export it. You’ll be able to then import the design into any web site that has Elementor put in.
To avoid wasting a person web page as a template, click on on the arrow icon subsequent to Elementor’s Publish/Replace button. You’ll be able to then choose Save as Template:
Within the subsequent popup, give this template identify. Then, click on on Save.
The WordPress template library ought to open routinely. You’ll be able to find the template you simply created and click on on its three-dotted icon. When prompted, choose Export:
Alternatively, you may export this single-page template by navigating to Templates > Saved Templates in your WordPress dashboard. Then, hover over the template in query and click on on Export.
As soon as the single-page template is safely saved in your native pc, you may import it to a different web site. Merely swap to your new web site, and navigate to Templates > Saved Templates.
On the high of this display screen, click on on Import Templates. Now you can import your single-page design.
How To Export and Import Your Total Elementor Web site (in 3 Steps)
Whereas Elementor makes it simple to import and export single-page templates, you additionally could have to export a whole web site.
For instance, you may wish to create a template equipment containing your whole commonplace web site pages, comparable to a contact web page and homepage. You’ll be able to then use this equipment to kind your fundamental web sites.
Let’s see how one can create this equipment. Right here’s find out how to export your total Elementor web site in three simple steps!
Step 1: Allow Elementor Export Package
Elementor’s Export Package operate can export your full web site, together with its content material and settings.
This operate might be useful in case you’re creating associated web sites and wish to keep the identical branding. For instance, you may make a microsite to advertise an upcoming product launch.
On the time of writing, Elementor’s Export Package is an experimental characteristic. You’ll have to allow it by navigating to Elementor > Settings. You’ll be able to then click on on the Experiments tab:
Scroll to the Import Export Template Package part. You’ll be able to then open the accompanying dropdown and choose Lively:
Don’t overlook to scroll to the underside of this web page and click on on Save Adjustments. This experimental characteristic is now prepared to make use of.
Step 2: Export Your Total Elementor Web site
In your WordPress dashboard, navigate to Elementor > Instruments. Now click on on the Import/Export Package:
Click on on Begin Export. When prompted, specify the content material and information you wish to embrace in your obtain.
For instance, you may select to export your templates solely. Alternatively, you may export your whole content material, together with pages, posts, and customized submit sorts:
Subsequent, click on to broaden the Package Data part and provides your file a descriptive identify. You may also enter an non-compulsory description:
While you’re completely satisfied along with your choice, click on on Export. Elementor will now create your equipment and show a abstract of every little thing included on this file:
Elementor will obtain the generated equipment to your pc routinely. When prompted, click on on Again to dashboard.
Step 3: Import Your Website
Now you can import your template equipment into any web site with Elementor put in. It is going to override your current content material, so we advocate making a full backup earlier than continuing.
As soon as your backup is in place, you’ll have to allow Elementor Experiments on the vacation spot web site. As earlier than, navigate to Elementor > Settings > Experiments. You’ll be able to then choose the Import Export Template Package part and activate this characteristic.
Subsequent, navigate to Templates > Package Library. Click on on Begin Import. On the next display screen, choose the file that you simply downloaded within the earlier step:
When you’re making use of your equipment to a pre-existing set up, Elementor will show any templates with the identical situations because the one you’re importing. You’ll be able to then select which templates to switch and which of them to maintain.
When you’ve made your choice, click on on Subsequent. Elementor will now import your web site equipment.
How To Repair Elementor’s “Invalid File” Error
Generally, you might even see an “Invalid File” error when making an attempt to import a template. This sometimes implies that you’re making an attempt to import a template created utilizing an earlier model of Elementor.
To resolve this error, you’ll want to modify to an earlier launch of Elementor quickly. This variation could cause points along with your web site.
With this in thoughts, we advocate making a full backup earlier than continuing. You might also wish to take into account placing your web site into upkeep mode.
While you’re able to proceed, head over to the Elementor plugin itemizing. Then, choose Superior View:
On the backside of the web page, use the dropdown menu to decide on an earlier model of Elementor. For one of the best outcomes, we advocate downloading the final model of Elementor 1, which is 1.9.8:
After getting this file, you’ve gotten a number of choices. You may deactivate and delete your present Elementor model. You’ll be able to then add and activate the software program that you simply simply downloaded.
Alternatively, you should utilize Simple Theme and Plugin Upgrades. After activating this plugin, you may add an older Elementor model with out deactivating and deleting the newest launch.
After importing the older launch of Elementor, navigate to Plugins > Put in Plugins. WordPress ought to have switched to the sooner software program model routinely:
You must now be capable to import your template with none points. As quickly because the import is full, navigate again to Plugins > Put in plugins, and restore the newest model of Elementor. This template ought to now be in your library, prepared to be used.
Prime 3 Elementor Addons for Importing and Exporting Templates
As we’ve simply seen, Elementor has a sturdy import and export system. Out-of-the-box, you should utilize this characteristic to create templates for particular person sections, pages, and even total web sites.
Nonetheless, you might wish to broaden on this built-in performance. With that in thoughts, listed here are three Elementor import template addons that promise to supercharge the import and export course of!
1. Comfortable Addons Professional
Comfortable Addons Professional extends the usual Elementor expertise by including over 20 new options. These embrace a number of options that may combine into your import and export workflow:
When you’re working with a number of websites, you may wish to use Comfortable Addons Professional’s cross-domain copy-paste characteristic. It lets you copy content material from one web site simply and paste it into a completely totally different area.
If you wish to reuse any Comfortable Addons Professional demo content material, you may copy it into your Elementor editor panel. As well as, this addon boasts a bespoke import characteristic. It gives all of the performance you’d count on from the built-in Elementor import and export system.
Specifically, you may seek for Comfortable Addon templates based mostly on the names of sections or filter by web page part class.
Options:
- Select from over 70 touchdown web page templates.
- Duplicate any web page or submit with the Comfortable Clone characteristic.
- Simply copy part templates from HappyAddons Professional’s demo content material.
- Copy a piece from any web site, and paste it into a distinct area.
Pricing: Annual licenses begin at $33.
2. Mighty Addons for Elementor
Mighty Addons for Elementor comes with a choice of pre-designed template kits. While you import these kits into your web site, you’ll entry all of the pages you must design a variety of websites.
Mighty Addons for Elementor gives template kits for plenty of totally different industries. These embrace animal welfare, health, hospitality, consulting, and even skydiving companies:
This addon additionally has a cross-domain copy-paste characteristic. This is usually a highly effective addition to the normal import/export Elementor workflow in case you handle a number of web sites. Specifically, this characteristic lets you use any part, row, column, and even a whole web page’s contents throughout a number of Elementor-powered web sites.
Options:
- Simply copy pictures and movies between domains.
- Use a variety of ready-to-use part templates.
- Combine the software with the Pixabay inventory images service.
Pricing: You’ll be able to obtain the core Mighty Addons for Elementor plugin. A professional model can also be out there, with licenses beginning at $29.
3. Envato Parts
The Envato Parts plugin helps you to browse 1000’s of pages and block templates with out leaving WordPress. When you’ve discovered your excellent template, you may import it into your web site simply:
That will help you design a professional-looking web site quick, Envato Parts additionally gives a variety of template kits. Moreover, this plugin presents quick access to over a million royalty-free pictures in case you use inventory pictures.
Options:
- Multipurpose templates
- Versatile and totally customizable content material
- One-click import
- Seamless integration with the Elementor UI
Pricing: You’ll be able to obtain the Envato Parts plugin without spending a dime. Nonetheless, you will have an Envato Parts subscription to entry and use the template content material. That is priced at $16.50 monthly.
Abstract
We’re not going to faux that designing a shocking web site is simple. Happily, with Elementor’s export and import template capabilities, you gained’t have to begin each mission with a clear slate.
You’ll be able to fast-forward by way of the early internet growth levels by benefiting from ready-made templates. You may also create part and web page templates, able to reuse in future tasks. When you’re significantly pleased with an internet site, Elementor may even export your total web site. The chances are countless!
When making a WordPress web site, you’ll want a robust host in your nook. At Kinsta, we provide a spread of performance-optimized internet hosting plans for all of your Elementor wants.
Save time, prices and maximize web site efficiency with:
- Prompt assist from WordPress internet hosting specialists, 24/7.
- Cloudflare Enterprise integration.
- International viewers attain with 33 information facilities worldwide.
- Optimization with our built-in Utility Efficiency Monitoring.
All of that and way more, in a single plan with no long-term contracts, assisted migrations, and a 30-day-money-back-guarantee. Take a look at our plans or speak to gross sales to seek out the plan that’s best for you.
