{"id":33474,"date":"2019-11-25T10:24:22","date_gmt":"2019-11-25T10:24:22","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=33474"},"modified":"2025-12-04T17:02:42","modified_gmt":"2025-12-04T15:02:42","slug":"create-website-theme-builder","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/","title":{"rendered":"Create a Complete Website Using Elementor Kits and Theme Builder"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"33474\" class=\"elementor elementor-33474\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-96c067e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"96c067e\" 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-4761194\" data-id=\"4761194\" data-element_type=\"column\">\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-8c96deb elementor-widget elementor-widget-text-editor\" data-id=\"8c96deb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor template kits are themed sets of templates that help you build an <em>entire<\/em> website from the same set of templates. Every month, we release new <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26249\">template<\/a> kits that are built around a specific niche, but flexible enough that you can adapt them to your own needs.<\/p><p>Combined with Elementor Pro, these <a href=\"https:\/\/elementor.com\/features\/website-kits\/\">full website kits<\/a> help you quickly get up and running with every single part of your website, including its\u2026<\/p><ul><li>Core static pages, like its homepage, about page, etc.<\/li><li>Header<\/li><li>Footer<\/li><li><a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\"   title=\"How To Fix \u201c404 Not Found On Your Site\u201d Error\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26250\">404<\/a> page<\/li><li>Blog archive<\/li><li>Single blog template<\/li><li>Popups<\/li><\/ul><p>In this tutorial, we&#8217;re going to show you how to create a complete website using Elementor Theme Builder and <a href=\"https:\/\/library.elementor.com\/digital-marketing-agency\/\" target=\"_blank\" rel=\"noopener\">the digital agency template kit<\/a>.<\/p><p>To follow along, you can either watch the video or keep reading for a text version of the video:<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c0ff56 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c0ff56\" 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-5fe4820\" data-id=\"5fe4820\" data-element_type=\"column\">\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-115a251 elementor-widget elementor-widget-heading\" data-id=\"115a251\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Create a Complete Website Using Elementor Template Kits\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9041e elementor-widget elementor-widget-text-editor\" data-id=\"2a9041e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In this tutorial, you&#8217;ll learn how to use a template kit as the basis for all the important parts of your website and then connect everything together to create a cohesive website.<\/p><p>Specifically, <a href=\"https:\/\/elementor.com\/blog\/monthly-template-kits\/\" target=\"_blank\" rel=\"noopener\">the digital agency template kit<\/a>.<\/p><p>Your website will have a number of core pages, including a\u2026<\/p><ul><li>Homepage<\/li><li>About Us page<\/li><li>Services page (and Social Media sub-page)<\/li><li>Clients page<\/li><li>News page (blog posts)<\/li><li>Contact Us page<\/li><\/ul><p>And it will also have themed template parts for dynamic content. For example, your blog post archive and single post templates will automatically match your standalone pages. You&#8217;ll also be able to edit your header, footer, and 404 pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b344534 elementor-widget elementor-widget-image\" data-id=\"b344534\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"384\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=384\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-1-768x384.png\" class=\"attachment-medium_large size-medium_large wp-image-33530\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-1-768x384.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-1-300x150.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-1-1024x513.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1570\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-1.png 1570w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-640a038 elementor-widget elementor-widget-text-editor\" data-id=\"640a038\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here&#8217;s how to build it using Elementor template kits:<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3aea0e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3aea0e\" 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-4ff32d1\" data-id=\"4ff32d1\" data-element_type=\"column\">\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-5a97196 elementor-widget elementor-widget-heading\" data-id=\"5a97196\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Install and Activate the Hello Elementor Theme<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52c0c88 elementor-widget elementor-widget-text-editor\" data-id=\"52c0c88\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Because you&#8217;re going to be using Elementor <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/theme-builder\/\"   title=\"Theme Builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26251\">Theme Builder<\/a> and your template kit to design your entire website, you don&#8217;t need to look for any design elements in your active WordPress theme.<\/p><p>Instead, you just want the most lightweight, performance-optimized foundation, which is what <a href=\"https:\/\/elementor.com\/hello-theme\/\" target=\"_blank\" rel=\"noopener\">the Hello Elementor theme<\/a> provides.<\/p><p>To get started, go to <strong>Appearance \u2192 Themes \u2192 Add New<\/strong> and search for &#8220;Hello Elementor. Then, install and activate the theme.<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46a4e81 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46a4e81\" 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-867636d\" data-id=\"867636d\" data-element_type=\"column\">\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-a18314c elementor-widget elementor-widget-heading\" data-id=\"a18314c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Set Up Your Website's Core Static Pages<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6391ee8 elementor-widget elementor-widget-text-editor\" data-id=\"6391ee8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Next, go to <strong>Pages \u2192 Add New<\/strong> to create the core standalone pages for your site.<\/p><p>First, create a page called &#8220;Home&#8221; and click the <strong>Edit with Elementor<\/strong> button to launch Elementor.<\/p><p>Open the <strong>Page Settings<\/strong> and change the <strong>Page Layout<\/strong> to be equal to <strong>Elementor Full Width.<\/strong><\/p><p>Then, open the Elementor template library and search for &#8220;Digital Agency&#8221; under <strong>Pages<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc24ab4 elementor-widget elementor-widget-image\" data-id=\"bc24ab4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"388\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=388\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-2-768x388.png\" class=\"attachment-medium_large size-medium_large wp-image-33531\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-2-768x388.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-2-300x152.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-2-1024x517.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1564\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-2.png 1564w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab77dd elementor-widget elementor-widget-text-editor\" data-id=\"2ab77dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You should see a list of page templates from the template kit. Insert the <strong>Home Page<\/strong> template from the list of templates.<\/p><p>Now, you should see the full digital agency homepage. <em>The header looks a little off for now &#8211; but don&#8217;t worry, we&#8217;ll fix that soon<\/em>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd46447 elementor-widget elementor-widget-image\" data-id=\"cd46447\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"384\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=384\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-3-768x384.png\" class=\"attachment-medium_large size-medium_large wp-image-33533\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-3-768x384.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-3-300x150.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-3-1024x512.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1572\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-3.png 1572w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7551955 elementor-widget elementor-widget-text-editor\" data-id=\"7551955\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Next, you can use the Elementor Finder to add another new page to use for your &#8220;About&#8221; page.<\/p><p>Like before, change the <strong>Page Layout<\/strong> to <strong>Elementor Full Width. <\/strong>Then, open the template library and insert the <strong>About<\/strong> template from the digital agency template kit.<\/p><p>Now, just repeat the same process to create all your other key standalone pages including:<\/p><ul><li>Services (including the Social Media sub-page)<\/li><li>Clients<\/li><li>Contact Us<\/li><\/ul><p>Don&#8217;t worry about the News page for now. The News page isn&#8217;t a static page like the others &#8211; it&#8217;s an archive. For that reason, you&#8217;ll create it via a different method (<em>which we&#8217;ll cover later in this tutorial<\/em>).<\/p><p>To finish setting up your static pages, you need to tell your WordPress install to use a static homepage. To do this\u2026<\/p><ul><li>Go to <strong>Settings \u2192 Reading<\/strong><\/li><li>Choose <strong>A static page<\/strong> under the <strong>Your homepage displays<\/strong> setting<\/li><li>Select the page that includes the homepage template from the kit<\/li><\/ul>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a19cc52 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a19cc52\" 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-41c3537\" data-id=\"41c3537\" data-element_type=\"column\">\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-bf481cb elementor-widget elementor-widget-heading\" data-id=\"bf481cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Create Theme Template Parts\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-463a097 elementor-widget elementor-widget-text-editor\" data-id=\"463a097\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now, you&#8217;re ready to create the other parts of your website using Elementor Theme Builder. The unique thing about Elementor Theme Builder is that it lets you go beyond creating static pages (<em>like you did above<\/em>).<\/p><p>With <a href=\"https:\/\/elementor.com\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor Theme Builder<\/a>, you can also design your website&#8217;s\u2026<\/p><ul><li>Header<\/li><li>Footer<\/li><li>Archive page<\/li><li>Single page<\/li><li>404 page<\/li><\/ul><p>And thanks to the Elementor template kit, you&#8217;ll be able to import pre-made templates for all of these parts that already match the static pages that you created in the previous step.<\/p><p>To access Elementor Theme Builder, go to <strong>Templates \u2192 Theme Builder<\/strong>. <em>You&#8217;ll need to have Elementor Pro installed to be able to access Theme Builder<\/em>.<\/p><p>Now, it&#8217;s time to design your theme parts\u2026<\/p><h4>Header<\/h4><p>To get started, go to the <strong>Header<\/strong> tab in the <strong>Theme Builder <\/strong>interface and click <strong>Add New Header<\/strong>. On the next screen, give it a name and then click <strong>Create Template<\/strong>.<\/p><p>Then, you&#8217;ll see a selection of pre-made designs in the Elementor library. Just as you did with the static pages, search for &#8220;Digital Agency&#8221; and then insert the header template from the digital agency template kit:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e9b2b elementor-widget elementor-widget-image\" data-id=\"a4e9b2b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"353\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=353\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-4-768x353.png\" class=\"attachment-medium_large size-medium_large wp-image-33535\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-4-768x353.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-4-300x138.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-4-1024x471.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1570\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-4.png 1570w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de8b7c7 elementor-widget elementor-widget-text-editor\" data-id=\"de8b7c7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now, you should see a visual preview of your header, along with an empty space for your navigation menu.<\/p><p>Right now, the navigation menu is empty because you haven&#8217;t created a menu yet. To create your menu\u2026<\/p><ul><li>Go to <strong>Appearance \u2192 Menus <\/strong>in your WordPress dashboard<\/li><li>Give your menu a name<\/li><li>Click <strong>Create Menu<\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6386003 elementor-widget elementor-widget-image\" data-id=\"6386003\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"354\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=354\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-5-768x354.png\" class=\"attachment-medium_large size-medium_large wp-image-33536\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-5-768x354.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-5-300x138.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-5-1024x472.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1572\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-5.png 1572w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7ee529 elementor-widget elementor-widget-text-editor\" data-id=\"f7ee529\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you&#8217;ve created a menu, you can add the pages that you created in Step #2 to your navigation menu.<\/p><p>When you&#8217;re finished adding menu items, save your menu and go back to your header template in the Elementor interface.<\/p><p>Then, <strong>Publish<\/strong> your header and use the display conditions to display your header template on your <strong>Entire Site. <\/strong><em>If you wanted to, you could also use the display conditions to create different headers for different types of content<\/em>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-995b6a7 elementor-widget elementor-widget-image\" data-id=\"995b6a7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"381\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=381\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-6-768x381.png\" class=\"attachment-medium_large size-medium_large wp-image-33537\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-6-768x381.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-6-300x149.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-6-1024x508.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1563\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-6.png 1563w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff3d52 elementor-widget elementor-widget-text-editor\" data-id=\"2ff3d52\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, hit <strong>Save &amp; Close<\/strong>.<\/p><h4>Footer<\/h4><p>Now, it&#8217;s time to create your site&#8217;s footer:<\/p><ul><li>Go back to the <strong>Theme Builder <\/strong>interface<\/li><li>Click on the <strong>Footer <\/strong>tab<\/li><li>Click the button to <strong>Add New Footer<\/strong><\/li><li>In the popup, give your footer a name and click <strong>Create Template<\/strong><\/li><\/ul><p>Now, you should see a list of footer templates just like you did with your header. Search for &#8220;Digital Agency&#8221; and insert the footer template from the digital agency template kit.<\/p><p>Once you insert the footer template, you should see a live preview of your footer (<em>you can also see how your site is now using your custom header, as well<\/em>):<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49a3e5a elementor-widget elementor-widget-image\" data-id=\"49a3e5a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"385\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=385\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-7-768x385.png\" class=\"attachment-medium_large size-medium_large wp-image-33538\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-7-768x385.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-7-300x151.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-7-1024x514.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1566\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-7.png 1566w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c07bccb elementor-widget elementor-widget-text-editor\" data-id=\"c07bccb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, <strong>Publish<\/strong> your footer template and use the display conditions to display it on your entire site.<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2b9a65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2b9a65\" 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-7825203\" data-id=\"7825203\" data-element_type=\"column\">\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-88b86ea elementor-widget elementor-widget-heading\" data-id=\"88b86ea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">News Page\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6c6cf elementor-widget elementor-widget-text-editor\" data-id=\"2f6c6cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Unlike the static pages that you created in Step #2, your site&#8217;s news page is an &#8220;archive&#8221; page. Basically, this means that it dynamically displays the latest content from your site (<em>blog posts in this case<\/em>).<\/p><p>If a user clicks on a specific entry on the news page, they&#8217;ll be taken to a page with just that entry&#8217;s content. This is called the &#8220;single&#8221; page. Your single design ensures that all your content has the same basic style &#8211; the only thing that changes is the actual content (<em>like the post title, body, featured image, etc.<\/em>).<\/p><p>To create archive and single templates, you need to use Elementor Theme Builder &#8211; not WordPress&#8217; default <strong>Page <\/strong>or <strong>Post<\/strong> areas.<\/p><p>To get started\u2026<\/p><ul><li>Open the <strong>Theme Builder <\/strong>interface<\/li><li>Go to the <strong>Archive <\/strong>tab<\/li><li>Click <strong>Add New Archive<\/strong><\/li><li>Give it a name and click <strong>Create Template<\/strong><\/li><\/ul><p>As with your header and footer, you&#8217;ll see a list of archive templates. Search for the &#8220;Digital Agency&#8221; template and insert it.<\/p><p>Now, you should see the basic design for your news page, though the only content will be the default &#8220;Hello World!&#8221; post from WordPress:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aeb12b7 elementor-widget elementor-widget-image\" data-id=\"aeb12b7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"390\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=390\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-8-768x390.png\" class=\"attachment-medium_large size-medium_large wp-image-33539\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-8-768x390.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-8-300x152.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-8-1024x520.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1565\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-8.png 1565w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b3f622 elementor-widget elementor-widget-text-editor\" data-id=\"8b3f622\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For now, all you need to do is <strong>Publish<\/strong> your archive page and set it to display on <strong>All Archives<\/strong>.<\/p><p>Next, you can go to the regular <strong>Posts<\/strong> area in WordPress and create new blog posts. Assign each post to a category called &#8220;Beyond News&#8221;.<\/p><p>Now, when you go to your archive page, you should automatically see all of those new posts:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d086f4 elementor-widget elementor-widget-image\" data-id=\"3d086f4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"383\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=383\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-9-768x383.png\" class=\"attachment-medium_large size-medium_large wp-image-33540\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-9-768x383.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-9-300x150.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-9-1024x511.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1568\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-9.png 1568w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd3187a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd3187a\" 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-62acf54\" data-id=\"62acf54\" data-element_type=\"column\">\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-fc8d16c elementor-widget elementor-widget-heading\" data-id=\"fc8d16c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">News Single Design\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51d4995 elementor-widget elementor-widget-text-editor\" data-id=\"51d4995\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At this point, your news archive page looks great. But if you click on a specific blog post, the design doesn&#8217;t match the rest of your site.<\/p><p>To fix this, you need to create a &#8220;single&#8221; template with Elementor Theme Builder:<\/p><ul><li>Open the <strong>Theme Builder <\/strong>interface<\/li><li>Go to the <strong>Single <\/strong>tab<\/li><li>Click <strong>Add New Single<\/strong><\/li><\/ul><p>In the <strong>New Template<\/strong> popup:<\/p><ul><li>Give it a name<\/li><li>Select <strong>Post<\/strong> from the <strong>Select Post Type<\/strong> drop-down. This tells Elementor that you want to use this template for your blog posts (<em>as opposed to Pages or another custom post type that you might be using<\/em>)<\/li><\/ul><p>Once again, you&#8217;ll see the Elementor template library. Search for the single post template from the digital agency template kit and insert it.<\/p><p>If you want, you can use the many dynamic post data widgets to control how your page looks.<\/p><p>For example, if you edit the <strong>Post Info<\/strong> widget, you can control which metadata items appear, like a post&#8217;s\u2026<\/p><ul><li>Author<\/li><li>Publish date<\/li><li>Comments<\/li><li>Etc.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f31d53 elementor-widget elementor-widget-image\" data-id=\"6f31d53\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"387\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=387\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-10-768x387.png\" class=\"attachment-medium_large size-medium_large wp-image-33541\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-10-768x387.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-10-300x151.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-10-1024x516.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1573\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-10.png 1573w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dea41cd elementor-widget elementor-widget-text-editor\" data-id=\"dea41cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you&#8217;re happy with your single post template, click <strong>Publish<\/strong>. Then, you can use the display options so that this single template only applies to posts in the &#8220;Beyond News&#8221; category:<\/p><ul><li>Select <strong>In Category<\/strong><\/li><li>Choose the <strong>Beyond News<\/strong> category<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10fc0d4 elementor-widget elementor-widget-image\" data-id=\"10fc0d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"380\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768,h=380\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-11-768x380.png\" class=\"attachment-medium_large size-medium_large wp-image-33542\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-11-768x380.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-11-300x149.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-11-1024x507.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1571\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-11.png 1571w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e985b51 elementor-widget elementor-widget-text-editor\" data-id=\"e985b51\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, hit <strong>Save &amp; Close<\/strong>.<\/p><p>Now, all your blog posts should have a design that matches the rest of your site.<\/p><p>To finish things out, go to <strong>Appearance \u2192 Menus<\/strong> and add your news archive page to your navigation menu. To do this, you can add a link to the Beyond News category from the <strong>Categories<\/strong> section.<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-de00bac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de00bac\" 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-9305fd0\" data-id=\"9305fd0\" data-element_type=\"column\">\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-36a16ef elementor-widget elementor-widget-heading\" data-id=\"36a16ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">404 Page<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d493709 elementor-widget elementor-widget-text-editor\" data-id=\"d493709\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Finally, you need to create your website&#8217;s 404 page. Your site&#8217;s 404 page is what visitors will see if they follow a broken link or try to visit a page that doesn&#8217;t exist.<\/p><p>To create your 404 page, use the <strong>Theme Builder<\/strong> to add another single template. Only now, use the <strong>Select Post Type<\/strong> drop-down to select <strong>404 Page<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e84893 elementor-widget elementor-widget-image\" data-id=\"9e84893\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"377\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=377\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-12-1024x482.png\" class=\"attachment-large size-large wp-image-33543\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-12-1024x482.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-12-300x141.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-12-768x362.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1563\/blog\/wp-content\/uploads\/2019\/11\/elementor-template-kits-12.png 1563w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e747755 elementor-widget elementor-widget-text-editor\" data-id=\"e747755\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Insert the 404 page template from the digital agency template kit. Then, publish your template to finish your website.<\/p>\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ac6053 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ac6053\" 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-ffaf6fd\" data-id=\"ffaf6fd\" data-element_type=\"column\">\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-7a5a2e5 elementor-widget elementor-widget-heading\" data-id=\"7a5a2e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">You Just Made a Complete Website with an Elementor Template Kit\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87743bd elementor-widget elementor-widget-text-editor\" data-id=\"87743bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>That&#8217;s it! You just designed an entire website using Elementor Theme Builder and pre-made templates from Elementor&#8217;s template kits.<\/p><p>We add new template kits every month, so the possibilities for what you can build with these template kits are ever-growing. Currently, Elementor has four kits for:<\/p><ul><li>Digital agency<\/li><li>Gym &amp; Fitness<\/li><li>Portfolio<\/li><li>Law firm<\/li><li>&#8230;more on the way every month<\/li><\/ul><p>To browse all the current and future template kits, <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener\">you can head here<\/a>. And to get started with these kits and Elementor Theme Builder, <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">purchase Elementor Pro today<\/a>.<\/p>\t\t\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>Every month, we release new template kits, built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.<\/p>\n","protected":false},"author":50988,"featured_media":33546,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44],"tags":[79,173],"marketing_persona":[74],"marketing_intent":[49],"class_list":["post-33474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a Complete Website Using Elementor Kits and Theme Builder<\/title>\n<meta name=\"description\" content=\"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.\" \/>\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\/blog\/create-website-theme-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Complete Website Using Elementor Kits and Theme Builder\" \/>\n<meta property=\"og:description\" content=\"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-25T10:24:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T15:02:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\"},\"headline\":\"Create a Complete Website Using Elementor Kits and Theme Builder\",\"datePublished\":\"2019-11-25T10:24:22+00:00\",\"dateModified\":\"2025-12-04T15:02:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\"},\"wordCount\":1778,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\",\"url\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\",\"name\":\"Create a Complete Website Using Elementor Kits and Theme Builder\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png\",\"datePublished\":\"2019-11-25T10:24:22+00:00\",\"dateModified\":\"2025-12-04T15:02:42+00:00\",\"description\":\"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Create a Complete Website Using Elementor Kits and Theme Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/colinn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Complete Website Using Elementor Kits and Theme Builder","description":"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.","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\/blog\/create-website-theme-builder\/","og_locale":"en_US","og_type":"article","og_title":"Create a Complete Website Using Elementor Kits and Theme Builder","og_description":"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.","og_url":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2019-11-25T10:24:22+00:00","article_modified_time":"2025-12-04T15:02:42+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png","type":"image\/png"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Colin Newcomer","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21"},"headline":"Create a Complete Website Using Elementor Kits and Theme Builder","datePublished":"2019-11-25T10:24:22+00:00","dateModified":"2025-12-04T15:02:42+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/"},"wordCount":1778,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png","keywords":["Build","Video"],"articleSection":["Elementor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/create-website-theme-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/","url":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/","name":"Create a Complete Website Using Elementor Kits and Theme Builder","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png","datePublished":"2019-11-25T10:24:22+00:00","dateModified":"2025-12-04T15:02:42+00:00","description":"Every month, we release new template kits built around a specific niche, but flexible enough that you can adapt them to your own needs. In this tutorial, we will show you how to create a complete website using Elementor Theme Builder and the digital agency template kit.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/create-website-theme-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2019\/11\/Theme-Builder-Guide.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/create-website-theme-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Create a Complete Website Using Elementor Kits and Theme Builder"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.","url":"https:\/\/elementor.com\/blog\/author\/colinn\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/33474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/50988"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=33474"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/33474\/revisions"}],"predecessor-version":[{"id":146624,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/33474\/revisions\/146624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/33546"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=33474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=33474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=33474"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=33474"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=33474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}