{"id":4538,"date":"2021-07-20T08:52:29","date_gmt":"2021-07-20T08:52:29","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=4538"},"modified":"2023-02-21T10:27:38","modified_gmt":"2023-02-21T10:27:38","slug":"template-library-collection","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/template-library-collection\/","title":{"rendered":"Template Library Collection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4538\" class=\"elementor elementor-4538\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-42b1c35 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42b1c35\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51b51bc8\" data-id=\"51b51bc8\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48952527 elementor-layout-start e-tabs-view-vertical elementor-widget elementor-widget-video-playlist\" data-id=\"48952527\" data-element_type=\"widget\" data-settings=\"{&quot;playlist_title&quot;:&quot;Playlist&quot;,&quot;tabs&quot;:[{&quot;title&quot;:&quot;How to Use the Elementor Kits Library&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=J9OFB6JPxTI&quot;,&quot;duration&quot;:&quot;9:46&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;_id&quot;:&quot;08f9296&quot;,&quot;inner_tab_is_content_visible&quot;:&quot;show&quot;,&quot;inner_tab_content_1&quot;:&quot;&lt;p&gt;In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of beautifully designed full website template kits, and import them to adapt to your own website. This tutorial will cover:&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Accessing the templates library&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Filtering and searching the library&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Applying a kit to a fresh website installation&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Importing a kit into an existing site&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Editing an imported kit&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e And much more!&lt;\\\/p&gt;&quot;,&quot;inner_tab_content_2&quot;:&quot;&lt;p&gt;Hey there. It\\u2019s Ash from Elementor.&lt;\\\/p&gt;&lt;p&gt;Today we\\u2019re going to explore the new Kit Library. This amazing new feature provides you with dozens of professionally designed website kits to use for your projects.&lt;\\\/p&gt;&lt;p&gt;Be inspired by these incredible designs and learn how to build a website from start to finish by exploring how these website kits are constructed.&lt;\\\/p&gt;&lt;p&gt;Website kits contain everything you need including site templates, pages, posts and popups, and allow you to import entire websites with just a few clicks.&lt;\\\/p&gt;&lt;p&gt;We used to have to import template files individually, but now we are able to import an entire website with ease using the Kit Library.&lt;\\\/p&gt;&lt;p&gt;So if you\\u2019re ready, let\\u2019s dive in and find out how to import an Elementor website kit.&lt;br \\\/&gt;Check first of all that the Kit Library is activated on your site. Navigate your way to \\u2018Elementor &gt; Settings &gt; Experiments\\u2019. Then check that there is a green light next to the \\u2018Import Export Template Kit\\u2019 option. If there isn\\u2019t simply, select \\u2018active\\u2019 from the dropdown and save your changes.&lt;\\\/p&gt;&lt;p&gt;Navigate your way to the Kit Library area and you\\u2019ll see a vast collection of diverse designs to choose from. 1&lt;\\\/p&gt;&lt;p&gt;Starting at the top we have an option to import our own template kit. You can find out how this works by watching our dedicated import\\\/export tutorial. 2&lt;\\\/p&gt;&lt;p&gt;Next, we can refresh the kit feed, view more information about these kits and close the kit library and return to the WordPress dashboard. 3&lt;\\\/p&gt;&lt;p&gt;Over on the left hand side you\\u2019ll see we have several filtering options to help you find the perfect kit for your project. 4&lt;\\\/p&gt;&lt;p&gt;We can then perform a search for a specific kit. 5&lt;br \\\/&gt;And if you\\u2019re looking for even more kits to use for your projects scroll to the bottom and you\\u2019ll see this link which leads to our category on ThemeForest.&lt;\\\/p&gt;&lt;p&gt;Here you can find over 1200 professionally created premium website kits.&lt;br \\\/&gt;If we head back to the Kit Library now we can also filter the website kits by \\u2018featured, new, popular &amp; trending\\u2019&lt;\\\/p&gt;&lt;p&gt;And you\\u2019ll see these icons, which signify the required Elementor plan to access them. 1&lt;\\\/p&gt;&lt;p&gt;There are kits for free, pro &amp; expert levels.&lt;\\\/p&gt;&lt;p&gt;Please note with the free website kits, these will only contain sections, widgets and settings available to free users. Hello theme users may use the Header and Footer customiser in the site settings in order to customise these parts. 2&lt;\\\/p&gt;&lt;p&gt;Some of the kits will also require additional plugins to function correctly. For example the shop related kits use WooCommerce, so you\\u2019ll need this plugin installed to access all of the template files. 3&lt;br \\\/&gt;Let\\u2019s now preview one of these kits. 1&lt;\\\/p&gt;&lt;p&gt;Select a kit and as you can see the website loads in our window and we\\u2019re able to fully test out the website and all of its features. 2&lt;\\\/p&gt;&lt;p&gt;This is extremely helpful when trying to find the right starting point for a project.&lt;\\\/p&gt;&lt;p&gt;We can also preview what this kit looks like on tablet and mobile devices by switching between the icons located at the top of the page. 3&lt;\\\/p&gt;&lt;p&gt;And again, we\\u2019re able to fully test the website in these modes as well. 4&lt;\\\/p&gt;&lt;p&gt;If we now select the \\u2018Overview\\u2019 button we\\u2019re presented with a clear to see structure of all the assets which make up this website kit. 5&lt;\\\/p&gt;&lt;p&gt;These include the pages\\u2026site parts, which generally include the header, footer and blog templates\\u2026and then popups. 6&lt;br \\\/&gt;Let\\u2019s now apply this kit to see just how the installation process works.&lt;\\\/p&gt;&lt;p&gt;Select the \\u2018Apply Kit\\u2019 button.&lt;\\\/p&gt;&lt;p&gt;Choose the content you wish to import. You may keep all toggled, or only choose to import parts of the kit. Once completed, click the green Next button at the bottom of your screen. 1&lt;\\\/p&gt;&lt;p&gt;The importer will now process your request. Do not close or refresh this page until complete. 2&lt;\\\/p&gt;&lt;p&gt;Once the import has completed, you will see a list of all the imported content. 3&lt;\\\/p&gt;&lt;p&gt;Let\\u2019s now return to the WordPress dashboard to undertake some important next steps and explore exactly what\\u2019s been imported. 4&lt;br \\\/&gt;Before we take a look at the pages, posts and site parts let\\u2019s first head to the WordPress customiser to add our logo and create our menu. 1&lt;\\\/p&gt;&lt;p&gt;Whilst the importer does a fantastic job of importing the parts needed for our website, we must manually set these aspects. 2&lt;\\\/p&gt;&lt;p&gt;Select \\u2018Site Identity\\u2019 first of all. Then choose your logo from the media library or upload a new one from your computer. 4&lt;\\\/p&gt;&lt;p&gt;You can also amend your site title &amp; tagline if required. As well as add a site icon.&lt;\\\/p&gt;&lt;p&gt;All of these aspects can also be amended in the site settings from within the Elementor editor.&lt;\\\/p&gt;&lt;p&gt;Publish these changes then select the back arrow and now expand the \\u2018Menus\\u2019 tab. 5&lt;\\\/p&gt;&lt;p&gt;Select the \\u2018Create new menu\\u2019 button\\u2026&lt;\\\/p&gt;&lt;p&gt;Give your menu a name\\u2026choose a location\\u2026and select next.&lt;\\\/p&gt;&lt;p&gt;Now add the items you would like to display in your menu\\u2026we\\u2019ll add some pages, and then a blog category. You can amend the order of these items like so.&lt;\\\/p&gt;&lt;p&gt;Now, publish to save your changes.&lt;\\\/p&gt;&lt;p&gt;As you can see, our logo and menu are now showing and our new website looks great.&lt;br \\\/&gt;Let\\u2019s now take a look at what was imported when we applied our new website kit.&lt;\\\/p&gt;&lt;p&gt;Return to the WordPress dashboard and head to the pages area where you\\u2019ll see that several new pages have been added, and if we hover over one of these and select \\u2018Edit with Elementor\\u2019, we are now able to amend this content using the Elementor editor. 1&lt;\\\/p&gt;&lt;p&gt;Back in the dashboard now, let\\u2019s take a look at the posts. In order to help get you started, sample Posts will be automatically generated, this helps you to visualise the Archives, Single Post, and other Kit layouts. Once you have started adding your own content these posts may be deleted. 2&lt;\\\/p&gt;&lt;p&gt;Now navigate your way to \\u2018Templates &gt; Theme Builder &gt; And select Try it Now\\u2019 to view all of the site parts which have been imported. By default you\\u2019ll see all of the site parts in one view, but you can use the navigation on the left to drill down to specific parts. And by selecting a site part, you are able to preview\\u2026edit\\u2026and amend the display conditions. 3&lt;\\\/p&gt;&lt;p&gt;Finally let\\u2019s head to the popups area by navigating to \\u2018Templates &gt; Popups\\u2019. Many website kits include popups for navigation, contact forms and other uses and you\\u2019ll find them all here. 4&lt;\\\/p&gt;&lt;p&gt;Please note that you must add the dynamic link to your site part or page to trigger certain popups to work. Let\\u2019s see how that works.&lt;\\\/p&gt;&lt;p&gt;We\\u2019ve imported a new website kit here which uses a popup for the main navigation and we\\u2019ve also opened the header template file in the Elementor editor.&lt;\\\/p&gt;&lt;p&gt;Let\\u2019s now select the menu icon and in the link field, select \\u2018Popup\\u2019 and then search for and select the menu popup.&lt;\\\/p&gt;&lt;p&gt;When finished, update your changes and the popup will now display when the menu icon is selected. 5&lt;br \\\/&gt;Let\\u2019s return to our original website kit and now that we\\u2019ve explored the different parts which it is made up of, it\\u2019s time to take a look at the global settings. 1&lt;\\\/p&gt;&lt;p&gt;When working with website kits, the global fonts and colors are automatically set up for you. This is very helpful in maintaining consistency throughout your website.&lt;\\\/p&gt;&lt;p&gt;You may find the need to edit these however. To do this navigate your way to the site settings from the top corner of your editor panel. 2&lt;\\\/p&gt;&lt;p&gt;If we select global colors first of all, you can see all of the global colors being used in this website. You can amend any of these, and the changes will be made across your entire website. 3&lt;\\\/p&gt;&lt;p&gt;You may also find that some kits also use the general site background color here. 4&lt;\\\/p&gt;&lt;p&gt;Next we can amend any of the global fonts. And as with the global colors, any changes here will be implemented across our entire website. 5&lt;\\\/p&gt;&lt;p&gt;Ensure you make good use of the global settings, as doing so will help you make edits to your entire website with ease, rather than amending it page by page.&lt;\\\/p&gt;&lt;p&gt;Be sure to update any of these changes after you\\u2019ve made them. 6&lt;br \\\/&gt;In our previous example we installed our website kit onto a fresh installation, which means we didn\\u2019t have pages, posts or template files created in the first instance.&lt;\\\/p&gt;&lt;p&gt;But what if you want to apply a website kit to an existing website. Or perhaps you\\u2019ve previously imported a website kit and now you\\u2019ve changed your mind.&lt;\\\/p&gt;&lt;p&gt;During the import process if your website already has Theme Builder Templates assigned, you will be asked to select the templates you wish to override. Unselected templates will still be imported but without display conditions, which will ensure your current website isn\\u2019t affected.&lt;\\\/p&gt;&lt;p&gt;You are then free to amend and customise all of your site parts without the worry of your existing website being overwritten.&lt;br \\\/&gt;Using the new Kit Library is a great starting point for many website projects. Whether you\\u2019re a seasoned professional creating websites for clients or simply somebody who is looking to learn how a website is constructed, these website kits are an extremely valuable asset.&lt;\\\/p&gt;&lt;p&gt;\\u00a0&lt;\\\/p&gt;&lt;p&gt;Thanks for watching! Comment below with any questions and for more tutorials, subscribe to our Youtube channel. And don\\u2019t forget to hit the notifications bell.&lt;\\\/p&gt;&quot;,&quot;type&quot;:&quot;youtube&quot;,&quot;vimeo_url&quot;:null,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;},{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=aGWZeW8PuaQ&quot;,&quot;title&quot;:&quot;How to Import and Export Elementor Websites&quot;,&quot;duration&quot;:&quot;4:53&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;inner_tab_is_content_visible&quot;:&quot;show&quot;,&quot;inner_tab_content_1&quot;:&quot;&lt;p&gt;In this tutorial, you\\u2019ll learn how to Import and Export your Elementor websites. In just a few clicks, you\\u2019ll be able to reuse and transform your own existing or purchased website templates into completely new websites. The tutorial will cover:&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Exporting your full Elementor websites&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Importing website kits on to new websites&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Importing website kits on to existing websites&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e Exporting and Importing selected website parts&lt;\\\/p&gt;&lt;p&gt;\\u2714\\ufe0e And much more!&lt;\\\/p&gt;&quot;,&quot;inner_tab_content_2&quot;:&quot;&lt;p&gt;Hey there, it\\u2019s Aviva from Elementor. Today I\\u2019ll show you how to use the Import\\\/Export Template Kit feature in Elementor.&lt;\\\/p&gt;&lt;p&gt;Designing websites from scratch can be time consuming. And as a Website Creator, you know that time is of the essence.&lt;\\\/p&gt;&lt;p&gt;With just a few clicks, the Import \\\/ Export feature in Elementor can save you valuable time, with tools that allow you to reuse and transform your existing or purchased website templates into completely new websites, even across different industries.&lt;\\\/p&gt;&lt;p&gt;And, it\\u2019s available in both the Free and Pro versions of Elementor.&lt;\\\/p&gt;&lt;p&gt;Ok let\\u2019s get started, and see how it works.&lt;\\\/p&gt;&lt;p&gt;The first thing is to verify that this feature is active. So from the WordPress Dashboard, go to Elementor &gt; Settings &gt; Experiments, and make sure that Active is selected for \\u201cImport Export Template Kit.\\u201d And don\\u2019t forget Save Changes.&lt;br \\\/&gt;Great. Now go to Elementor &gt; Tools, and click the Import\\\/Export Kit tab.&lt;\\\/p&gt;&lt;p&gt;For this tutorial, we\\u2019ll begin with Export, so go ahead and click Start Export. Below each export option, is a description of the components included in the export.&lt;\\\/p&gt;&lt;p&gt;This is also an option to add Kit Information, where you can add a Kit Name and Description.&lt;\\\/p&gt;&lt;p&gt;Now click Export. And, just like that we\\u2019ve exported the Template Kit. Next we\\u2019ll take a look at how to Import a kit.&lt;\\\/p&gt;&lt;p&gt;We\\u2019ll be importing the kit we just exported, to a brand new installation. If you are importing a kit, or parts of a kit, to an existing website or template, I highly recommend making a backup of your website first.&lt;\\\/p&gt;&lt;p&gt;I\\u2019ve already installed Elementor and the Hello theme, which is the same theme used in the kit we just exported. And, as before I\\u2019ve made sure Import\\\/Export was activated in Experiments.&lt;br \\\/&gt;So now we\\u2019re ready to import our kit.&lt;\\\/p&gt;&lt;p&gt;Click Start Import. Then click Select File, to choose your Zip file, or, drag it straight in. By default, all Elementor components are selected to be imported. However you may deselect any components that you do not want imported with the Kit. Click Next, and \\u2026.&lt;br \\\/&gt;Success! The kit has been imported and is live on your site!&lt;br \\\/&gt;Take note, that if you\\u2019re adding your kit to a pre-existing installation,&lt;\\\/p&gt;&lt;p&gt;Alternate 1: you\\u2019ll see this additional screen. This screen displays the templates of the same type applied to your current website, that have the same conditions as the ones you are about to import. You can select which ones to replace, and which ones to keep, by clicking the checkbox.&lt;\\\/p&gt;&lt;p&gt;Leaving it selected, will replace the existing template header with the imported one (from the kit). Uncheck it if you want to keep the existing one. Either way, your templates remain available, and only the display conditions are changed.&lt;br \\\/&gt;Once you\\u2019ve finished, click Next, and your template will be imported.&lt;br \\\/&gt;Now simply connect the pages to your (new) menu, and you\\u2019re good to go!&lt;\\\/p&gt;&lt;p&gt;A few more things to keep in mind, when Importing Kits:&lt;br \\\/&gt;1. if you\\u2019re using custom fonts and icons, you\\u2019ll need to upload them to your installation, and from there, they\\u2019ll automatically be applied to your imported kit.&lt;br \\\/&gt;2. If you\\u2019re using any Elementor Integrations, such as Google Maps Embed and Adobe Fonts, you\\u2019ll need to enter their relevant keys in Elementor &gt; Settings &gt; Integrations in order for them to work properly on your website.&lt;\\\/p&gt;&lt;p&gt;Ok now let\\u2019s take a look at the imported site.&lt;\\\/p&gt;&lt;p&gt;The entire website has transferred over successfully, including, posts, fonts, colors and images. Perfect.&lt;\\\/p&gt;&lt;p&gt;So now you can use your imported template kits as a base for new websites. By swapping out content, colors, fonts, and images, you can create an alternate website with a brand new look, in a fraction of the time it takes to build from scratch.&lt;\\\/p&gt;&lt;p&gt;So go ahead, work smarter not harder! Use the Import\\\/Export feature to reuse your favorite website templates, and build websites even faster with Elementor!&lt;\\\/p&gt;&quot;,&quot;_id&quot;:&quot;4f7d658&quot;,&quot;type&quot;:&quot;youtube&quot;,&quot;vimeo_url&quot;:null,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;},{&quot;title&quot;:&quot;How to Use the Template Library&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/o-FJhXiZhXA&quot;,&quot;duration&quot;:&quot;3:41&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;inner_tab_is_content_visible&quot;:&quot;show&quot;,&quot;_id&quot;:&quot;43cbca4&quot;,&quot;type&quot;:&quot;youtube&quot;,&quot;vimeo_url&quot;:null,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;,&quot;inner_tab_content_1&quot;:&quot;&lt;p&gt;Add some content for each one of your videos, like a description, transcript or external links.To add, remove or edit tab names, go to Tabs.&lt;\\\/p&gt;&quot;,&quot;inner_tab_content_2&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;645748c&quot;,&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/wueFglEyPcU&quot;,&quot;title&quot;:&quot;How to Use the Landing Page Builder&quot;,&quot;duration&quot;:&quot;3:25&quot;,&quot;thumbnail&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;inner_tab_is_content_visible&quot;:&quot;show&quot;,&quot;inner_tab_content_1&quot;:&quot;&quot;,&quot;type&quot;:&quot;youtube&quot;,&quot;vimeo_url&quot;:null,&quot;is_external_url&quot;:null,&quot;hosted_url&quot;:null,&quot;external_url&quot;:null,&quot;section_html_tag&quot;:null,&quot;video_html_tag&quot;:&quot;h4&quot;,&quot;inner_tab_content_2&quot;:&quot;&quot;}],&quot;inner_tab_title_1&quot;:&quot;Overview&quot;,&quot;inner_tab_title_2&quot;:&quot;Transcript&quot;,&quot;inner_tab_is_content_collapsible&quot;:&quot;collapsible&quot;,&quot;inner_tab_collapsible_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;139&quot;,&quot;sizes&quot;:[]},&quot;autoplay_next&quot;:&quot;yes&quot;,&quot;show_watched_indication&quot;:&quot;yes&quot;,&quot;inner_tab_collapsible_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;inner_tab_collapsible_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"video-playlist.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"e-tabs\" role=\"region\" aria-labelledby=\"e-playlist-48952527\">\n\t\t\t<div class=\"e-tabs-main-area\">\n\t\t\t\t<div class=\"e-tabs-wrapper\">\n\t\t\t\t\t<div class=\"e-tabs-header\">\n\t\t\t\t\t\t<h2 class=\"e-tabs-title\" id=\"e-playlist-48952527\">Playlist<\/h2>\n\t\t\t\t\t\t<div class=\"e-tabs-header-right-side\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tabs-videos-count\">4 Videos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-tabs-toggle-videos-display-button rotate-down e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-tabs-items-wrapper\">\n\t\t\t\t\t\t<div class=\"e-tabs-items\" role=\"tablist\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-1211\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-tab-content-1211\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">How to Use the Elementor Kits Library<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">9:46<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-1212\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-tab-content-1212\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">How to Import and Export Elementor Websites<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">4:53<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-1213\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"false\" data-tab=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-tab-content-1213\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">How to Use the Template Library<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">3:41<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-title-1214\" class=\"e-tab-title e-tab-desktop-title\" aria-selected=\"false\" data-tab=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-tab-content-1214\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-tab-thumbnail\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-play\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"icon-watched\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"e-tab-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\">How to Use the Landing Page Builder<\/button>\n\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"e-tab-duration\">3:25<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"shadow shadow-top\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t<div class=\"shadow shadow-bottom\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"e-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1211\" class=\"e-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1211\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=J9OFB6JPxTI\" data-video-type=\"youtube\" data-video-title=\"How to Use the Elementor Kits Library\" data-video-duration=\"9:46\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1212\" class=\"e-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1212\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=aGWZeW8PuaQ\" data-video-type=\"youtube\" data-video-title=\"How to Import and Export Elementor Websites\" data-video-duration=\"4:53\" hidden=\"hidden\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1213\" class=\"e-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1213\" tabindex=\"0\" data-video-url=\"https:\/\/youtu.be\/o-FJhXiZhXA\" data-video-type=\"youtube\" data-video-title=\"How to Use the Template Library\" data-video-duration=\"3:41\" hidden=\"hidden\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1214\" class=\"e-tab-content elementor-clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1214\" tabindex=\"0\" data-video-url=\"https:\/\/youtu.be\/wueFglEyPcU\" data-video-type=\"youtube\" data-video-title=\"How to Use the Landing Page Builder\" data-video-duration=\"3:25\" hidden=\"hidden\">\n\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"e-tabs-inner-tabs\" >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1211\" class=\"e-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1211\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=J9OFB6JPxTI\" data-video-type=\"youtube\" data-video-title=\"How to Use the Elementor Kits Library\" data-video-duration=\"9:46\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"e-inner-tab-title-text\" tabindex=\"0\">Overview<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title \">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"e-inner-tab-title-text\" tabindex=\"0\">Transcript<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-tab-mobile-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOverview\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div  class=\"e-inner-tab-content e-inner-tab-active collapsible\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of beautifully designed full website template kits, and import them to adapt to your own website. This tutorial will cover:<\/p><p>\u2714\ufe0e Accessing the templates library<\/p><p>\u2714\ufe0e Filtering and searching the library<\/p><p>\u2714\ufe0e Applying a kit to a fresh website installation<\/p><p>\u2714\ufe0e Importing a kit into an existing site<\/p><p>\u2714\ufe0e Editing an imported kit<\/p><p>\u2714\ufe0e And much more!<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"show-button\">Show More<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button>Show Less<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-tab-mobile-title \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTranscript\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div hidden class=\"e-inner-tab-content  collapsible\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Hey there. It\u2019s Ash from Elementor.<\/p><p>Today we\u2019re going to explore the new Kit Library. This amazing new feature provides you with dozens of professionally designed website kits to use for your projects.<\/p><p>Be inspired by these incredible designs and learn how to build a website from start to finish by exploring how these website kits are constructed.<\/p><p>Website kits contain everything you need including site templates, pages, posts and popups, and allow you to import entire websites with just a few clicks.<\/p><p>We used to have to import template files individually, but now we are able to import an entire website with ease using the Kit Library.<\/p><p>So if you\u2019re ready, let\u2019s dive in and find out how to import an Elementor website kit.<br \/>Check first of all that the Kit Library is activated on your site. Navigate your way to \u2018Elementor &gt; Settings &gt; Experiments\u2019. Then check that there is a green light next to the \u2018Import Export Template Kit\u2019 option. If there isn\u2019t simply, select \u2018active\u2019 from the dropdown and save your changes.<\/p><p>Navigate your way to the Kit Library area and you\u2019ll see a vast collection of diverse designs to choose from. 1<\/p><p>Starting at the top we have an option to import our own template kit. You can find out how this works by watching our dedicated import\/export tutorial. 2<\/p><p>Next, we can refresh the kit feed, view more information about these kits and close the kit library and return to the WordPress dashboard. 3<\/p><p>Over on the left hand side you\u2019ll see we have several filtering options to help you find the perfect kit for your project. 4<\/p><p>We can then perform a search for a specific kit. 5<br \/>And if you\u2019re looking for even more kits to use for your projects scroll to the bottom and you\u2019ll see this link which leads to our category on ThemeForest.<\/p><p>Here you can find over 1200 professionally created premium website kits.<br \/>If we head back to the Kit Library now we can also filter the website kits by \u2018featured, new, popular &amp; trending\u2019<\/p><p>And you\u2019ll see these icons, which signify the required Elementor plan to access them. 1<\/p><p>There are kits for free, pro &amp; expert levels.<\/p><p>Please note with the free website kits, these will only contain sections, widgets and settings available to free users. Hello theme users may use the Header and Footer customiser in the site settings in order to customise these parts. 2<\/p><p>Some of the kits will also require additional plugins to function correctly. For example the shop related kits use WooCommerce, so you\u2019ll need this plugin installed to access all of the template files. 3<br \/>Let\u2019s now preview one of these kits. 1<\/p><p>Select a kit and as you can see the website loads in our window and we\u2019re able to fully test out the website and all of its features. 2<\/p><p>This is extremely helpful when trying to find the right starting point for a project.<\/p><p>We can also preview what this kit looks like on tablet and mobile devices by switching between the icons located at the top of the page. 3<\/p><p>And again, we\u2019re able to fully test the website in these modes as well. 4<\/p><p>If we now select the \u2018Overview\u2019 button we\u2019re presented with a clear to see structure of all the assets which make up this website kit. 5<\/p><p>These include the pages\u2026site parts, which generally include the header, footer and blog templates\u2026and then popups. 6<br \/>Let\u2019s now apply this kit to see just how the installation process works.<\/p><p>Select the \u2018Apply Kit\u2019 button.<\/p><p>Choose the content you wish to import. You may keep all toggled, or only choose to import parts of the kit. Once completed, click the green Next button at the bottom of your screen. 1<\/p><p>The importer will now process your request. Do not close or refresh this page until complete. 2<\/p><p>Once the import has completed, you will see a list of all the imported content. 3<\/p><p>Let\u2019s now return to the WordPress dashboard to undertake some important next steps and explore exactly what\u2019s been imported. 4<br \/>Before we take a look at the pages, posts and site parts let\u2019s first head to the WordPress customiser to add our logo and create our menu. 1<\/p><p>Whilst the importer does a fantastic job of importing the parts needed for our website, we must manually set these aspects. 2<\/p><p>Select \u2018Site Identity\u2019 first of all. Then choose your logo from the media library or upload a new one from your computer. 4<\/p><p>You can also amend your site title &amp; tagline if required. As well as add a site icon.<\/p><p>All of these aspects can also be amended in the site settings from within the Elementor editor.<\/p><p>Publish these changes then select the back arrow and now expand the \u2018Menus\u2019 tab. 5<\/p><p>Select the \u2018Create new menu\u2019 button\u2026<\/p><p>Give your menu a name\u2026choose a location\u2026and select next.<\/p><p>Now add the items you would like to display in your menu\u2026we\u2019ll add some pages, and then a blog category. You can amend the order of these items like so.<\/p><p>Now, publish to save your changes.<\/p><p>As you can see, our logo and menu are now showing and our new website looks great.<br \/>Let\u2019s now take a look at what was imported when we applied our new website kit.<\/p><p>Return to the WordPress dashboard and head to the pages area where you\u2019ll see that several new pages have been added, and if we hover over one of these and select \u2018Edit with Elementor\u2019, we are now able to amend this content using the Elementor editor. 1<\/p><p>Back in the dashboard now, let\u2019s take a look at the posts. In order to help get you started, sample Posts will be automatically generated, this helps you to visualise the Archives, Single Post, and other Kit layouts. Once you have started adding your own content these posts may be deleted. 2<\/p><p>Now navigate your way to \u2018Templates &gt; Theme Builder &gt; And select Try it Now\u2019 to view all of the site parts which have been imported. By default you\u2019ll see all of the site parts in one view, but you can use the navigation on the left to drill down to specific parts. And by selecting a site part, you are able to preview\u2026edit\u2026and amend the display conditions. 3<\/p><p>Finally let\u2019s head to the popups area by navigating to \u2018Templates &gt; Popups\u2019. Many website kits include popups for navigation, contact forms and other uses and you\u2019ll find them all here. 4<\/p><p>Please note that you must add the dynamic link to your site part or page to trigger certain popups to work. Let\u2019s see how that works.<\/p><p>We\u2019ve imported a new website kit here which uses a popup for the main navigation and we\u2019ve also opened the header template file in the Elementor editor.<\/p><p>Let\u2019s now select the menu icon and in the link field, select \u2018Popup\u2019 and then search for and select the menu popup.<\/p><p>When finished, update your changes and the popup will now display when the menu icon is selected. 5<br \/>Let\u2019s return to our original website kit and now that we\u2019ve explored the different parts which it is made up of, it\u2019s time to take a look at the global settings. 1<\/p><p>When working with website kits, the global fonts and colors are automatically set up for you. This is very helpful in maintaining consistency throughout your website.<\/p><p>You may find the need to edit these however. To do this navigate your way to the site settings from the top corner of your editor panel. 2<\/p><p>If we select global colors first of all, you can see all of the global colors being used in this website. You can amend any of these, and the changes will be made across your entire website. 3<\/p><p>You may also find that some kits also use the general site background color here. 4<\/p><p>Next we can amend any of the global fonts. And as with the global colors, any changes here will be implemented across our entire website. 5<\/p><p>Ensure you make good use of the global settings, as doing so will help you make edits to your entire website with ease, rather than amending it page by page.<\/p><p>Be sure to update any of these changes after you\u2019ve made them. 6<br \/>In our previous example we installed our website kit onto a fresh installation, which means we didn\u2019t have pages, posts or template files created in the first instance.<\/p><p>But what if you want to apply a website kit to an existing website. Or perhaps you\u2019ve previously imported a website kit and now you\u2019ve changed your mind.<\/p><p>During the import process if your website already has Theme Builder Templates assigned, you will be asked to select the templates you wish to override. Unselected templates will still be imported but without display conditions, which will ensure your current website isn\u2019t affected.<\/p><p>You are then free to amend and customise all of your site parts without the worry of your existing website being overwritten.<br \/>Using the new Kit Library is a great starting point for many website projects. Whether you\u2019re a seasoned professional creating websites for clients or simply somebody who is looking to learn how a website is constructed, these website kits are an extremely valuable asset.<\/p><p>\u00a0<\/p><p>Thanks for watching! Comment below with any questions and for more tutorials, subscribe to our Youtube channel. And don\u2019t forget to hit the notifications bell.<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"show-button\">Show More<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button>Show Less<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1212\" class=\"e-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1212\" tabindex=\"0\" data-video-url=\"https:\/\/www.youtube.com\/watch?v=aGWZeW8PuaQ\" data-video-type=\"youtube\" data-video-title=\"How to Import and Export Elementor Websites\" data-video-duration=\"4:53\" hidden=\"hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"e-inner-tab-title-text\" tabindex=\"0\">Overview<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title \">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"e-inner-tab-title-text\" tabindex=\"0\">Transcript<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-tab-mobile-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOverview\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div  class=\"e-inner-tab-content e-inner-tab-active collapsible\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>In this tutorial, you\u2019ll learn how to Import and Export your Elementor websites. In just a few clicks, you\u2019ll be able to reuse and transform your own existing or purchased website templates into completely new websites. The tutorial will cover:<\/p><p>\u2714\ufe0e Exporting your full Elementor websites<\/p><p>\u2714\ufe0e Importing website kits on to new websites<\/p><p>\u2714\ufe0e Importing website kits on to existing websites<\/p><p>\u2714\ufe0e Exporting and Importing selected website parts<\/p><p>\u2714\ufe0e And much more!<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"show-button\">Show More<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button>Show Less<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-tab-mobile-title \">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tTranscript\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div hidden class=\"e-inner-tab-content  collapsible\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Hey there, it\u2019s Aviva from Elementor. Today I\u2019ll show you how to use the Import\/Export Template Kit feature in Elementor.<\/p><p>Designing websites from scratch can be time consuming. And as a Website Creator, you know that time is of the essence.<\/p><p>With just a few clicks, the Import \/ Export feature in Elementor can save you valuable time, with tools that allow you to reuse and transform your existing or purchased website templates into completely new websites, even across different industries.<\/p><p>And, it\u2019s available in both the Free and Pro versions of Elementor.<\/p><p>Ok let\u2019s get started, and see how it works.<\/p><p>The first thing is to verify that this feature is active. So from the WordPress Dashboard, go to Elementor &gt; Settings &gt; Experiments, and make sure that Active is selected for \u201cImport Export Template Kit.\u201d And don\u2019t forget Save Changes.<br \/>Great. Now go to Elementor &gt; Tools, and click the Import\/Export Kit tab.<\/p><p>For this tutorial, we\u2019ll begin with Export, so go ahead and click Start Export. Below each export option, is a description of the components included in the export.<\/p><p>This is also an option to add Kit Information, where you can add a Kit Name and Description.<\/p><p>Now click Export. And, just like that we\u2019ve exported the Template Kit. Next we\u2019ll take a look at how to Import a kit.<\/p><p>We\u2019ll be importing the kit we just exported, to a brand new installation. If you are importing a kit, or parts of a kit, to an existing website or template, I highly recommend making a backup of your website first.<\/p><p>I\u2019ve already installed Elementor and the Hello theme, which is the same theme used in the kit we just exported. And, as before I\u2019ve made sure Import\/Export was activated in Experiments.<br \/>So now we\u2019re ready to import our kit.<\/p><p>Click Start Import. Then click Select File, to choose your Zip file, or, drag it straight in. By default, all Elementor components are selected to be imported. However you may deselect any components that you do not want imported with the Kit. Click Next, and \u2026.<br \/>Success! The kit has been imported and is live on your site!<br \/>Take note, that if you\u2019re adding your kit to a pre-existing installation,<\/p><p>Alternate 1: you\u2019ll see this additional screen. This screen displays the templates of the same type applied to your current website, that have the same conditions as the ones you are about to import. You can select which ones to replace, and which ones to keep, by clicking the checkbox.<\/p><p>Leaving it selected, will replace the existing template header with the imported one (from the kit). Uncheck it if you want to keep the existing one. Either way, your templates remain available, and only the display conditions are changed.<br \/>Once you\u2019ve finished, click Next, and your template will be imported.<br \/>Now simply connect the pages to your (new) menu, and you\u2019re good to go!<\/p><p>A few more things to keep in mind, when Importing Kits:<br \/>1. if you\u2019re using custom fonts and icons, you\u2019ll need to upload them to your installation, and from there, they\u2019ll automatically be applied to your imported kit.<br \/>2. If you\u2019re using any Elementor Integrations, such as Google Maps Embed and Adobe Fonts, you\u2019ll need to enter their relevant keys in Elementor &gt; Settings &gt; Integrations in order for them to work properly on your website.<\/p><p>Ok now let\u2019s take a look at the imported site.<\/p><p>The entire website has transferred over successfully, including, posts, fonts, colors and images. Perfect.<\/p><p>So now you can use your imported template kits as a base for new websites. By swapping out content, colors, fonts, and images, you can create an alternate website with a brand new look, in a fraction of the time it takes to build from scratch.<\/p><p>So go ahead, work smarter not harder! Use the Import\/Export feature to reuse your favorite website templates, and build websites even faster with Elementor!<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"show-button\">Show More<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button>Show Less<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1213\" class=\"e-tab-content elementor-clearfix\" data-tab=\"3\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1213\" tabindex=\"0\" data-video-url=\"https:\/\/youtu.be\/o-FJhXiZhXA\" data-video-type=\"youtube\" data-video-title=\"How to Use the Template Library\" data-video-duration=\"3:41\" hidden=\"hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"e-inner-tab-title-text\" tabindex=\"0\">Overview<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"e-inner-tabs-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-title e-tab-mobile-title e-inner-tab-active\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOverview\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div  class=\"e-inner-tab-content e-inner-tab-active collapsible\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Add some content for each one of your videos, like a description, transcript or external links.To add, remove or edit tab names, go to Tabs.<\/p>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"e-inner-tab-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"show-button\">Show More<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button>Show Less<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"e-tab-content-1214\" class=\"e-tab-content elementor-clearfix\" data-tab=\"4\" role=\"tabpanel\" aria-labelledby=\"e-tab-title-1214\" tabindex=\"0\" data-video-url=\"https:\/\/youtu.be\/wueFglEyPcU\" data-video-type=\"youtube\" data-video-title=\"How to Use the Landing Page Builder\" data-video-duration=\"3:25\" hidden=\"hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Playlist 4 Videos How to Use the Elementor Kits Library 9:46 How to Import and Export Elementor Websites 4:53 How to Use the Template Library 3:41 How to Use the Landing Page Builder 3:25 Overview Transcript Overview In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":4884,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[33,17,37],"tags":[46],"class_list":["post-4538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-home-video-collections","category-template-library","category-top-picks-selection-video-collections","tag-video-collections"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Template Library Collection | Elementor Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/template-library-collection\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Template Library Collection | Elementor Academy\" \/>\n<meta property=\"og:description\" content=\"Playlist 4 Videos How to Use the Elementor Kits Library 9:46 How to Import and Export Elementor Websites 4:53 How to Use the Template Library 3:41 How to Use the Landing Page Builder 3:25 Overview Transcript Overview In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/template-library-collection\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-20T08:52:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T10:27:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Simi Zelikovitch\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simi Zelikovitch\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Template Library Collection | Elementor Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/template-library-collection\/","og_locale":"en_US","og_type":"article","og_title":"Template Library Collection | Elementor Academy","og_description":"Playlist 4 Videos How to Use the Elementor Kits Library 9:46 How to Import and Export Elementor Websites 4:53 How to Use the Template Library 3:41 How to Use the Landing Page Builder 3:25 Overview Transcript Overview In this tutorial you will learn how to use the Elementor Kits Library to select from dozens of [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/template-library-collection\/","og_site_name":"Academy","article_published_time":"2021-07-20T08:52:29+00:00","article_modified_time":"2023-02-21T10:27:38+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png","type":"image\/png"}],"author":"Simi Zelikovitch","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Simi Zelikovitch","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/"},"author":{"name":"Simi Zelikovitch","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/4b1a4a9e881cd66953a9a1c12029b83d"},"headline":"Template Library Collection","datePublished":"2021-07-20T08:52:29+00:00","dateModified":"2023-02-21T10:27:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/"},"wordCount":2505,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png","keywords":["Video Collections"],"articleSection":["home \u2013 video collections","Template Library","top picks selection \u2013 video collections"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/template-library-collection\/","url":"https:\/\/elementor.com\/academy\/template-library-collection\/","name":"Template Library Collection | Elementor Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png","datePublished":"2021-07-20T08:52:29+00:00","dateModified":"2023-02-21T10:27:38+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/template-library-collection\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/07\/The-Library-1.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/template-library-collection\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Template Library","item":"https:\/\/elementor.com\/academy\/template-library\/"},{"@type":"ListItem","position":4,"name":"Template Library Collection"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/4b1a4a9e881cd66953a9a1c12029b83d","name":"Simi Zelikovitch","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1c9fd9755c57ca20d36099612923a73e4e94843c2aa9cd6d6dd8fb448b4a58f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1c9fd9755c57ca20d36099612923a73e4e94843c2aa9cd6d6dd8fb448b4a58f5?s=96&d=mm&r=g","caption":"Simi Zelikovitch"},"description":"Design leader in the Consumer Success team at Elementor, a UX expert with a mission to create outstanding user experience, and not a terrible basketball player.","url":"https:\/\/elementor.com\/academy\/author\/simi-zelikovitch\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/4538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=4538"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/4538\/revisions"}],"predecessor-version":[{"id":9356,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/4538\/revisions\/9356"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4884"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=4538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=4538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=4538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}