Days
Hours
Minutes
Seconds

Black Friday

CYBER MONDAY

Upto 60% Off

How to Save, Import and Export Templates in Elementor

Table of Contents

Importing and exporting templates are important tasks while building WordPress websites. Elementor not only gives us the flexibility of importing and exporting templates, but it also makes it easy to reuse and save the same template for many projects.

In this post, we are explaining a step-by-step guide to How to Save, Import, and Export Templates in Elementor.


How to Import Elementor Template

To import an elementor template, first, open your WordPress Dashboard>>Templates>>Saved Templates.

At the top of the page, select Import Templates, upload the JSON format file & click on the Import Now button.

Once you import the file, you can see it in your template list & can be used in any layout.


 

Saving Page as a Template in Elementor

  1. First, open the page with Elementor Editor. Click on the up arrow icon in the bottom left of the page and select the Save as Template option.
  2. After clicking the option, a new window appears; give a name to your template and save.

 


Saving Section as Templates

Elementor also provides the flexibility of saving a section/part as templates.

  1. To save a section, choose the section you want to save and right-click on the Edit Section.
  2. After clicking the section, a menu appears with a few options; choose the Save as Template option. Give your template a proper name and save.

 


Inserting your Saved Templates

With Elementor, you can insert a section as well as a complete Template. For both options, you have to follow the same steps.

Give it a look:

  1. Click on the folder icon in the Elementor widget area.
  2. In the Elementor library, select the My Templates tab. Here, you see your previously saved template. To insert a template, click on the Insert button, and the template will be added into your layout. 

3. After clicking on the insert option, a message will appear on the screen telling whether you also want to import document settings of the Template.

You can choose “yes” or “no” as your choice.


How to Export Elementor Templates

You can export templates from the WordPress dashboard. Open the WordPress dashboard>>Templates>>Saved Template for exporting templates.

Choose the template and click the Export Template button.

 

You can also export a template from Elementor library. Open Elementor library & click on the My template tab. Under My Templates click the 3-dots at the right and click Export.

In both the methods the file will be saved in a json format.


Conclusion:

In this post, we have shown you step by step guide of Importing & Exporting Elementor template. We hope this post makes you understand Elementor better.

Read Next: How to Display Elementor Template Using a Shortcode

If you have any questions or suggestions, please leave a comment in the comment section below!

Picture of Priyanka

Priyanka

I am Priyanka, Community manager at IdeaBox Creations. I am a social media fanatic who loves writing & reading.

9 thoughts on “How to Save, Import and Export Templates in Elementor”

  1. hello thanx for the tuto
    i tryed to exporta template section from a wp theme to an other theme, it import the json file but it do not import any content ( image, text etc…), i got a blank section template.

    Reply
  2. Saving as template and inserting elsewhere has very mixed results. It looks fine in elementor preview but none of the styling is coming over when viewed on the frontend.

    Reply
    • I had the same problem. Go the WordPress dashboard, then go to Elementor, Settings, then “Advanced” tab and change “CSS Print Method” to “internal embedding”.

      Reply
  3. Thanks for this post.
    1. Any way to export with image and text so looks equal when import on other site?
    2. There is any site where people share his templates designs on elementor?
    Thanks you folks

    Reply

Leave a Comment

Get 70+ Elementor Widgets with PowerPack Addons for Elementor

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.