{"id":4608,"date":"2024-02-02T11:40:55","date_gmt":"2024-02-02T06:40:55","guid":{"rendered":"https:\/\/mcstarters.com\/?p=4608"},"modified":"2024-03-15T16:47:09","modified_gmt":"2024-03-15T11:47:09","slug":"save-import-and-export-templates-in-elementor","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/save-import-and-export-templates-in-elementor\/","title":{"rendered":"How to Save\/Import and Export Templates in Elementor"},"content":{"rendered":"\n

In this post, we\u2019ll show you a step-by-step guide on How to Save\/Import and Export Templates in Elementor<\/strong>. Elementor Template<\/strong>s saves valuable time and energy because you can design one template and use it again and again on the same and different websites. <\/p>\n\n\n\n

Check out our Free Elementor Templates<\/a><\/p>\n\n\n\n

For example, if you create a template for an about page on a site, you can use the same design for your other website project in seconds. That\u2019s why every WordPress developer\/designer loves this.<\/p>\n\n\n\n

So, before taking How to Save\/Import and Export Templates in Elementor<\/strong>. Let\u2019s briefly talk about what is Elementor.<\/p>\n\n\n\n

What is Elementor?<\/strong><\/h2>\n\n\n\n

Elementor<\/a> is a page builder. It allows WordPress users to design, create and edit websites with drag and drop technique. It is developing by an Israeli software company \u201cElementor Ltd\u201d <\/strong>in 2016, but now 2020 is the most popular plugin, with over 5 million active installations.<\/p>\n\n\n\n

In addition to a free version, it also offers a paid version of its page builder, which includes extra features. Read more here.<\/a><\/p>\n\n\n\n

Now let\u2019s discuss How to Save\/Import and Export Templates in Elementor<\/strong>.<\/p>\n\n\n\n

Save\/Import and Export Templates in Elementor<\/h2>\n\n\n\n

Mc Starters Templates<\/strong><\/h3>\n\n\n\n

Mc Starters\u00a0is a small company. We provide\u00a0free Elementor templates, Footer and header section and also free Divi templates.<\/p>\n\n\n\n

Save the full-page template<\/strong>.<\/h2>\n\n\n\n

First of all, make sure your page is created with Elementor which you want to save. After that, you follow these steps to do this.<\/p>\n\n\n\n

Step 1:<\/strong> Go to Pages, Click on all pages<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2:<\/strong> <\/span>Click on “Edit with Elementor”<\/p>\n\n\n\n

\"Edit-page-with-Elementor\"<\/figure>\n\n\n\n

Step 3:<\/strong> Now, In the bottom left of the page click on the up arrow icon which is near to update button.<\/p>\n\n\n\n

Step 4<\/span>:<\/strong> Click on “Save as Template”<\/p>\n\n\n\n

\"Elementor-Save-as-Templates\"<\/figure>\n\n\n\n

Step 5:<\/strong> After clicking, a new popup window appears, enter a name to your template.<\/p>\n\n\n\n

Step 6<\/span><\/strong>: Last, click on save<\/p>\n\n\n\n

\"Elementor<\/figure>\n\n\n\n

Now your templates will be saved into Elementor library.<\/p>\n\n\n\n

Export the Elementor Template<\/h2>\n\n\n\n

There are two-method<\/strong> to export the Elementor template.<\/strong><\/p>\n\n\n\n

Get our Free header Templates<\/a><\/p>\n\n\n\n

Method 1: <\/strong><\/h3>\n\n\n\n

If you are working on live editing of the page with Elementor. This is most of the simple method. So, please follow these steps to do that.<\/p>\n\n\n\n

Step 1<\/span>:<\/strong> First, go to the bottom of the page in the “Elementor widget area” .Click on the folder icon.<\/p>\n\n\n\n

\"Elementor-widget-area\"<\/figure>\n\n\n\n

Step 2:<\/strong> Now Click on “My templates”, here you see all templates or sections which you save during working on the website.<\/p>\n\n\n\n

\"My<\/figure>\n\n\n\n

Step 3<\/span>:<\/strong> Click on the 3-dots at the right<\/p>\n\n\n\n

Step 4<\/span>:<\/strong> Last, Click Export<\/p>\n\n\n\n

\"export-templates-from-Elementor\"<\/figure>\n\n\n\n

After clicking template is download into local PC.<\/p>\n\n\n\n

Method 2:<\/strong><\/h3>\n\n\n\n

We saved our templates in the previous step. Now  You can export templates from the dashboard. For exporting template, follow these steps.<\/p>\n\n\n\n

Download our Free Footer Templates<\/a><\/p>\n\n\n\n

Step 1<\/span>:<\/strong> Open WordPress dashboard, Go to Templates and click on “saved Template”<\/p>\n\n\n\n

\"Elementor-saved-templates-option\"<\/figure>\n\n\n\n

Step 2<\/span>:<\/strong> Hover over the template and click on “Export Template”<\/p>\n\n\n\n

\"export-elementor-templates-from-library\"<\/figure>\n\n\n\n

It will be saved into the computer in the JSON format.<\/p>\n\n\n\n

Importing or insert an Elementor Template into your Website<\/strong><\/h2>\n\n\n\n

There are also two methods to import Elementor templates into websites.<\/p>\n\n\n\n

Method 1:<\/strong><\/h3>\n\n\n\n

You can insert sections and as well as a complete template with Elementor. For both options, you have to follow the same steps which I show in export templates method 1. But I show you again these steps if you know then skip.<\/p>\n\n\n\n

Step 1<\/span>: <\/strong>Click on the folder icon in the Elementor widget area.<\/p>\n\n\n\n

\"Elementor-widget-area1\"<\/figure>\n\n\n\n

Step 2<\/span>:<\/strong> Here select “My Templates” tab.<\/p>\n\n\n\n

\"My<\/figure>\n\n\n\n

Step 3:<\/strong> Click on “Import Templates” at top right.<\/p>\n\n\n\n

Step 4:<\/strong> Click on “Select File”.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 5<\/span>:<\/strong> Choose JSON File which you want to import into the website then click on open.<\/p>\n\n\n\n

\"Elementor-templates-in-JSON-Format\"<\/figure>\n\n\n\n

Step 6<\/span>:<\/strong> For inserting template click on the Insert button, you see two options “yes” or “No” you can choose anyone but i recommend “No”, and now the template will be added into your website page. <\/p>\n\n\n\n

\"insert-templates-in-website-page\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Step 7<\/span>:<\/strong> At last, click on “update”<\/p>\n\n\n\n

\"Page-update-screenshots\"<\/figure>\n\n\n\n

Last, go to the website and view page with full design that is beauty of Elementor page builder.<\/p>\n\n\n\n

Method 2:<\/strong><\/h3>\n\n\n\n

In method 2, we import templates from WordPress dashboard.<\/p>\n\n\n\n

Step 1<\/span>:<\/strong> Go to templates and click “saved templates”<\/p>\n\n\n\n

\"Elementor-saved-templates-option\"<\/figure>\n\n\n\n

Step 2<\/span>:<\/strong> Now just click on “import template”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3<\/span>:<\/strong> Click on choose a file<\/p>\n\n\n\n

\"choose-file-interface-in-wp\"<\/figure>\n\n\n\n

Step 4<\/span>:<\/strong> Select a file and click on “open”<\/p>\n\n\n\n

\"pick-json-file-for-import\"<\/figure>\n\n\n\n

Step 5<\/span>:<\/strong> Last, click on “import Now”<\/p>\n\n\n\n

\"Import-Now-templates\"<\/figure>\n\n\n\n

Now your template successfully imports into Elementor library.<\/p>\n\n\n\n

Video Tutorials<\/h2>\n\n\n\n
\n