{"id":25045,"date":"2021-06-23T22:50:07","date_gmt":"2021-06-23T19:50:07","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=25045"},"modified":"2023-07-16T18:12:15","modified_gmt":"2023-07-16T15:12:15","slug":"how-to-use-site-kits","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/","title":{"rendered":"How To Use Site Kits"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What Are Site Kits<\/h2>\n\n\n\n<p>Site kits are a bundle of templates, pages, pop ups, and all the needed parts for a complete website. Rather than importing each template individually as we have done in the past, you may now import all the content at once. The Kit Library can also help users learn about website structure, including all must-have pages and parts that every website needs to include. Each kit comes with a complete design and structure of a full website and includes content pages, Theme Builder parts, and Popups. Learn more <a href=\"https:\/\/elementor.com\/help\/learn-what-are-site-kits\/\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use the Elementor Kit Library\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/J9OFB6JPxTI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Selecting a Kit<\/h2>\n\n\n\n<p>You may open the kit library by navigating to the WordPress Panel &gt; Templates &gt; Kit library. From there, you can choose one that best suits your needs. Kits can be completely edited after importing so use your imagination if a specific template genre is not yet available.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kits-One-1024x493-1.png\" alt=\"\" class=\"wp-image-28042\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">How Kits Are Structured<\/h3>\n\n\n\n<p>Site Kits are bundled with all the needed site parts and templates.You can see a working demo of the complete kit before importing. By clicking the Overview button at the top of the kit, you may view all the items that you will be importing. These typically include several demo Pages, Posts, and all the Theme Builder Site Parts (header, footer, archive, single post, single page, 404, etc).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Site-Parts-Overview-1-1024x576-1.png\" alt=\"\" class=\"wp-image-28043\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Applying a Kit<\/h2>\n\n\n\n<p>When you have selected the kit you would like to use, you may start the import process below:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the Apply Kit button<br><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Apply-Kit-1.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>Select 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.<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Select-The-Parts-1.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>The importer will now process your request. Do not close or refresh this page until complete.<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/ProcessingFile.png\" width=\"624\" height=\"305\"><\/li>\n\n\n\n<li>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.<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/override-warning.png\" width=\"624\" height=\"305\"><\/li>\n\n\n\n<li>Once the import is complete, you will see a complete list of all imported content.&nbsp; You may now return to the dashboard and view your content.<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/success.png\" width=\"624\" height=\"305\">&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">The Kit was Imported, What is Next<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Editing The Site Identity<\/h3>\n\n\n\n<p>Navigate to Site Settings &gt; Site Identity. Here you can change the name of your site, the tagline, the logo, and the favicon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/image-1.png\" alt=\"\" class=\"wp-image-28105\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Site Name and Tagline<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Site Name: Enter the name of your website in the field<\/li>\n\n\n\n<li>Site Description: Enter a tagline for your website in the field<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Adding the Logo<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Site Logo: Use the media tool to choose an image from your media library or upload from your computer. This will be used by the Site Logo widget and other site functions<\/li>\n\n\n\n<li>Site Favicon: The favicon is used in the browser as the tiny icon located at the top of the tab. Use the media tool to choose an image from your media library or upload from your computer.<\/li>\n<\/ol>\n\n\n\n<p>Note: SVGs may be used if previously uploaded to the media library. You must also define a size in the style tab of your Site Logo Widget.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Creating the Menu<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"creating-a-menu-with-the-customizer\">Creating A Menu With The Customizer<\/h4>\n\n\n\n<p>From the top Admin Bar of your website, or from Dashboard &gt; Appearance choose to enter the Customizer. For this example we will be using the Hello Theme. Select the Menus accordion here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Create-Menu-Customizer-1024x517.png\" alt=\"\" class=\"wp-image-25075\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the Create New Menu button<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Customizer-Create-New-Menu.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>Name your new menu (example: Primary) and toggle the menu location.<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Name-New-Menu.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>Click the Add Items button. A panel will expand showing the available items to add to your menu. Add our newly imported Elementor Pages.<img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Add-Items.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>You will now have these pages in your menu. You may click and drag to reorder them as desired.<img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Pages-Added.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>You can also add Categories or other content related to your Kit by expanding the items.<img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Add-Categories.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>Create Sub-Menus by dragging the items under a parent item so they are slightly indented.<br><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/Create-Submenu.jpeg\" style=\"width: undefinedpx\"><\/li>\n\n\n\n<li>Set the <strong>Menu Location<\/strong> primary and publish your menu.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/06\/PublishMenu.png\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Assign Menu To The Nav Menu Widget<\/h4>\n\n\n\n<p>You may now also need to assign your new menu to the <strong>Nav Menu<\/strong> widget. To do this, edit your <strong>Header<\/strong> template in the <strong>Theme Builder<\/strong>. From the Menu selector field, choose your newly created menu to assign it to the widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/image-9-1.png\" alt=\"\" class=\"wp-image-28045\"\/><\/figure>\n\n\n\n<p>Note: If your Footer template uses a Nav Menu widget, you may use the steps above to create and assign an additional menu(s)to be used.<\/p>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Learn more about the Navigation Widget <a href=\"https:\/\/elementor.com\/help\/nav-menu-widget-pro\/\">here<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Editing the Content<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Pages<\/h4>\n\n\n\n<p>Your kit will import several pages. These can be found in the Dashboard &gt; Pages area of WordPress. To edit them click the Edit with Elementor link. For more information on editing with Elementor<a href=\"https:\/\/elementor.com\/help\/how-to-use-elementor\/\"> click here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Editing-Pages-One-1-1024x497-1.png\" alt=\"\" class=\"wp-image-28046\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Posts<\/h4>\n\n\n\n<p>In order to help get you started, sample Posts will be auto generated, this helps you to visualize the Archives, Single Post, and other Kit layouts. Once you have started adding your own content these posts may be deleted.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/SamplePosts-1024x534-1.png\" alt=\"\" class=\"wp-image-28047\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Theme Parts<\/h4>\n\n\n\n<p>Kits also import the Theme Builder theme parts. These will include the Header, Footer, Archive, Single Post, Single Page, and 404 Page (if applicable to the Kit) You can find these parts in the Theme Builder. Note that your site was created with a starter kit that included a default single page template, header and footer. If your template kit includes these templates they will replace these defaults. For more on the Elementor Theme Builder <a href=\"https:\/\/elementor.com\/help\/elementors-theme-builder\/\">click here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/edit-theme-parts-1024x500-1.png\" alt=\"\" class=\"wp-image-28048\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Popups<\/h4>\n\n\n\n<p>If your kit includes popups for contact forms, navigation, or other uses, you may locate these in the dashboard located in the templates region.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Popups-1-1024x497-1.png\" alt=\"\" class=\"wp-image-28049\"\/><\/figure>\n\n\n\n<p>You can add the kit popups to the icons or links by using the dynamic options. For more about popups click <a href=\"https:\/\/elementor.com\/help?s=Popups\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Popups-Part-Two-1024x516-1.png\" alt=\"\" class=\"wp-image-28050\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Editing Template Kit Global Settings<\/h3>\n\n\n\n<p>When working with Template Kits, the Global Fonts and Colors have already been set up for you. To edit these, we will use the Global <a href=\"https:\/\/elementor.com\/help\/site-settings\/\">Site Settings<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kit-Global-Fonts-One-1-1024x576-3.png\" alt=\"\" class=\"wp-image-28051\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Global Fonts<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Locate the Site Settings \u2013 Site Settings is located at the top corner of your editor panel.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Locating-Site-Settings-1.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>Locating the Global Fonts \u2013 The Template Kit fonts are all located in the Global Fonts settings pictured below.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Locating-Global-Fonts-1.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>Locating the main hero title settings \u2013 In our example, we are editing the main hero title. You will find this in the list of imported styles. Editing the settings here will update the font on all usages in your site.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/PWZrFsyIQ4GF-4UyHcW1c3gIsipibMAEQdWEnQe1JycThHcwSWsmaR_B_bYT2hYwiIHh1Eth43QbsotvOwMfozKTcwlKwiDNUyrkJekIIZPN0ZtosAWZBgHjVI6LFY-bJg_C7ld_.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>Changing the font settings \u2013 Select the new family you wish to use for your main hero title throughout the website. You may also set the size, weight, transform, style, decoration, line-height, and letter spacing at this time.<br><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Locating-The-Main-Hero-Title-1.png\" width=\"624\" height=\"303\"><\/li>\n\n\n\n<li>Update your site settings \u2013 Click the blue update button at the bottom. You may edit the other global fonts located on this page at this time, or return to the editor.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Editing the Global Colors<\/h4>\n\n\n\n<p>Your Template Kit also uses Global Colors in headings, text, backgrounds and buttons. These may also be found in the Site Settings at the top under Global Colors. You may edit these using the color picker. These settings will apply to all the applications used on your Kit. Learn more about Global Colors <a href=\"https:\/\/elementor.com\/help\/global-colors\/\">here<\/a>.<\/p>\n\n\n\n<p>Note: You may find that some kits also use the general site background color. You can change this located in Site Settings &gt; Settings &gt; Background.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/FrZzq90_kSty0xg8V49Nlt3m1QmJ_AuGHCQOTZPOGGNsoB52H9xP1zAMREn6T9GWdeWMvdOX_KaopDkvpDtYsI7-b6YxwyUrr1xjw8C56oyFtmLpOWWyzkK5B5bdR5QC1Cap07n-\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Other Information<\/h2>\n\n\n\n<p>Note: Learn more about the Navigation Widget <a href=\"https:\/\/elementor.com\/help\/nav-menu-widget-pro\/\">here<\/a>. <\/p>\n\n\n\n<p class=\"callout-yellow\">Note: Please be advised that some of the kits contain third-party images, videos, media, files, audio and other visual components. While we have the right to use them in our Kits Library, we cannot ensure that you may use them in your own product. Therefore, please replace or remove all above assets from your copy of the Kits.<\/p>\n\n\n\n<p class=\"callout-red\">Important: Importing Template Kits may overwrite or append your current site data. It is best to use Template Kits on a new installation or after a reset. Please make a backup if installing a kit on an existing site.&nbsp;<\/p>\n\n\n\n<p class=\"callout-red\"><strong>Important<\/strong>: An invalid template error will be displayed if attempting to import kits from Envato using the Elementor Import feature. These kits are bundled differently than Elementor Kits. When using kits from Envato, you will need to install and import using their companion plugin. Please refer to their documentation for more information. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>What Are Site Kits Site kits are a bundle of templates, pages, pop ups, and all the needed parts for a complete website. Rather than importing each template individually as we have done in the past, you may now import all the content at once. The Kit Library can also help users learn about website [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c4085e6d4dc783dd8d42f5","62c4085e6d4dc783dd8d42f5"],"footnotes":""},"categories":[1498],"tags":[],"class_list":["post-25045","post","type-post","status-publish","format-standard","hentry","category-deprecated"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Use Site Kits | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about How To Use Site Kits in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\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\/help\/how-to-use-site-kits\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use Site Kits | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about How To Use Site Kits in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T19:50:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-16T15:12:15+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"How To Use Site Kits\",\"datePublished\":\"2021-06-23T19:50:07+00:00\",\"dateModified\":\"2023-07-16T15:12:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\"},\"wordCount\":1385,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kits-One-1024x493-1.png\",\"articleSection\":[\"Deprecated\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\",\"name\":\"How To Use Site Kits | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kits-One-1024x493-1.png\",\"datePublished\":\"2021-06-23T19:50:07+00:00\",\"dateModified\":\"2023-07-16T15:12:15+00:00\",\"description\":\"Learn everything about How To Use Site Kits in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Deprecated\",\"item\":\"https:\/\/elementor.com\/help\/deprecated\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Use Site Kits\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use Site Kits | Elementor","description":"Learn everything about How To Use Site Kits in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/help\/how-to-use-site-kits\/","og_locale":"en_US","og_type":"article","og_title":"How To Use Site Kits | Elementor","og_description":"Learn everything about How To Use Site Kits in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/","og_site_name":"Help","article_published_time":"2021-06-23T19:50:07+00:00","article_modified_time":"2023-07-16T15:12:15+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"How To Use Site Kits","datePublished":"2021-06-23T19:50:07+00:00","dateModified":"2023-07-16T15:12:15+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/"},"wordCount":1385,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kits-One-1024x493-1.png","articleSection":["Deprecated"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/","url":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/","name":"How To Use Site Kits | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/12\/Kits-One-1024x493-1.png","datePublished":"2021-06-23T19:50:07+00:00","dateModified":"2023-07-16T15:12:15+00:00","description":"Learn everything about How To Use Site Kits in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-use-site-kits\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-use-site-kits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Deprecated","item":"https:\/\/elementor.com\/help\/deprecated\/"},{"@type":"ListItem","position":3,"name":"How To Use Site Kits"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=25045"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25045\/revisions"}],"predecessor-version":[{"id":33205,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25045\/revisions\/33205"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=25045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=25045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=25045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}