{"id":296,"date":"2022-10-10T11:00:00","date_gmt":"2022-10-10T08:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=296"},"modified":"2025-07-01T16:27:41","modified_gmt":"2025-07-01T13:27:41","slug":"create-a-complete-website-using-elementor-kits-and-theme-builder","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/","title":{"rendered":"Create a complete website using Elementor website templates and Theme Builder"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"296\" class=\"elementor elementor-296\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4430257 e-flex e-con-boxed e-con e-parent\" data-id=\"4430257\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12944ba elementor-widget elementor-widget-shortcode\" data-id=\"12944ba\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"37017\" class=\"elementor elementor-37017\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e35925a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e35925a\" 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-1f59b123\" data-id=\"1f59b123\" 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-77adf84 elementor-widget elementor-widget-text-editor\" data-id=\"77adf84\" 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\n<p><strong>The Goal:&nbsp;Create a full website which uses an Elementor Digital Agency Website Kit and the Hello Theme<\/strong><\/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=\"Create a Complete WordPress Website Using Elementor Kits and Theme Builder\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/w9cfA_l6oD0?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<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>The website will have the following page structure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Home&nbsp;<\/li>\n\n\n\n<li>About Us<\/li>\n\n\n\n<li>Services<\/li>\n\n\n\n<li>Social Media<\/li>\n\n\n\n<li>Clients<\/li>\n\n\n\n<li>Archive with Single Posts<\/li>\n\n\n\n<li>Contact Us<\/li>\n\n\n\n<li>Header and Footer<\/li>\n\n\n\n<li>404 page<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP ONE: Choose A Theme<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <em>Appearance &gt; Themes<\/em><\/li>\n\n\n\n<li>Click <strong>Add New<\/strong><\/li>\n\n\n\n<li>Search for <em>Hello Elementor<\/em><\/li>\n\n\n\n<li>Click <strong>Install<\/strong><\/li>\n\n\n\n<li>Click <strong>Activate<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"callout-yellow\">Note: If you have an Elementor hosted website, the Hello Theme will already be installed.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP TWO: Create Pages<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <em>Pages &gt; All Pages<\/em><\/li>\n\n\n\n<li>Hover over the Sample Page title and click the Trash link to delete the Sample Page that comes with the default WordPress installation<\/li>\n\n\n\n<li>Click <strong>Add New<\/strong><\/li>\n\n\n\n<li>Give the new page&nbsp;a name &#8211; in this case, \u201cHome\u201d<\/li>\n\n\n\n<li>Click the <strong>Edit with Elementor<\/strong> button<\/li>\n\n\n\n<li>Click the<strong> Page Settings cog<\/strong> in the lower left corner of the <em>Widgets Panel<\/em><\/li>\n\n\n\n<li>Change the <em>Page Layout<\/em> to \u201cElementor Full Width\u201d. Notice that the header is incomplete. You will work on this in a later step.<\/li>\n\n\n\n<li>Click the <strong>Add Template folder icon<\/strong> to open the <em>Template Library<\/em>.<\/li>\n\n\n\n<li>From the Template Library\u2019s search box, search for \u201c<em>Digital Agency Home<\/em>\u201d.<\/li>\n\n\n\n<li>Click <strong>Insert<\/strong> to load the template into the page.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Publish<\/strong> button.<\/li>\n\n\n\n<li>Click \u201c<strong>Have a Look<\/strong>\u201d to view the published page.<\/li>\n<\/ol>\n\n\n\n<p><strong> Repeat these steps for each new page, being sure to add About, Services, Social Media, Clients, and Contact Us pages.&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"callout-green\"><strong>Tip<\/strong>: Create new pages by pressing CMD-E on a Mac or CTRL-E on Windows to open Finder, then type \u201cAdd\u201d and choose \u201cNew Page\u201d from the search results. This way you can continue to create new pages right from Elementor\u2019s Editor, without having to return to the dashboard.<\/p>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Notice that you haven\u2019t yet created the News Page yet. This is because it isn\u2019t a static page like the others. It is an Archive Page with Dynamic Content, and you\u2019ll create this page soon.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP THREE: Tell WordPress Which Page To Use As The Home Page<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the WordPress dashboard, go to <em>Settings &gt; Reading<\/em> and change the option \u201c<em>Your homepage displays<\/em>:\u201d to \u201c<em>A static page<\/em>\u201d, and then select the Home page you created in the steps above from the Homepage dropdown list.<\/li>\n\n\n\n<li>Click the <strong>Save Changes<\/strong> button.<\/li>\n\n\n\n<li>Go to <em>Pages &gt; All Pages<\/em> and verify that the Home page you created now says \u201cFront Page\u201d next to it.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP FOUR: Insert A Header Using Elementor\u2019s Theme Builder<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221;<\/li>\n\n\n\n<li>Click the <strong>Add New<\/strong> button<\/li>\n\n\n\n<li>Select \u201c<em>Header<\/em>\u201d from the Template Type dropdown<\/li>\n\n\n\n<li>Give your template a name, such as <em>Site Header<\/em><\/li>\n\n\n\n<li>When the library opens the header templates, search for \u201c<em>Digital Agency<\/em>\u201d<\/li>\n\n\n\n<li>Hover over the Digital Agency header and click the <strong>Insert<\/strong> link.<\/li>\n<\/ol>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Since this is a new site, we haven\u2019t created a menu yet. This is why you will see an empty menu widget in the header template you just inserted. We\u2019ll create our WordPress menu next.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP FIVE: Create The Menu<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Menus&#8221; to quickly navigate to the WordPress menus section.<\/li>\n\n\n\n<li>Under <em>Menu Structure<\/em>, type a name for your menu, such as \u201cMain Menu\u201d<\/li>\n\n\n\n<li>Click the <strong>Create Menu<\/strong> button<\/li>\n\n\n\n<li>Under <em>Add Menu Items &gt; Pages<\/em>, place checkmarks next to each of the pages you created, and click the <strong>Add to Menu<\/strong> button.<\/li>\n\n\n\n<li>Reorder them as desired by dragging them up or down.&nbsp;<\/li>\n\n\n\n<li>Nest any items as child pages under parent pages by dragging the child slightly to the right, and just under a parent page. Do this for Social Media, by dragging it just under Services, and slightly to the right.<\/li>\n\n\n\n<li>Click the <strong>Save Menu<\/strong> button.<\/li>\n\n\n\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221; to&nbsp;edit your header with Elementor<\/li>\n\n\n\n<li>Click <strong>Publish<\/strong> button.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Add Condition<\/strong> button<\/li>\n\n\n\n<li>Choose <em>Include &gt; Entire Site<\/em> as the condition and click the <strong>Save &amp; Close<\/strong> button.<\/li>\n\n\n\n<li>Notice that the menu is now displayed in the Header.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP SIX: Insert A Footer Using Elementor\u2019s Theme Builder<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221;<\/li>\n\n\n\n<li>Click the <strong>Add New<\/strong> button<\/li>\n\n\n\n<li>Select \u201c<em>Footer<\/em>\u201d from the Template Type dropdown<\/li>\n\n\n\n<li>Give your template a name, such as <em>Site Footer<\/em><\/li>\n\n\n\n<li>When the library opens the footer templates, search for \u201c<em>Digital Agency<\/em>\u201d<\/li>\n\n\n\n<li>Hover over the Digital Agency footer and click the <strong>Insert<\/strong> link.<\/li>\n\n\n\n<li>Notice that although you\u2019ll see the header in the editor, only the footer will actually be editable here.<\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button.<\/li>\n\n\n\n<li>Click the&nbsp;<strong>Add Condition<\/strong> button<\/li>\n\n\n\n<li>Choose <em>Include &gt; Entire Site<\/em> as the condition and click the <strong>Save &amp; Close<\/strong> button<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP SEVEN: Create The News Archive Page Template<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221;<\/li>\n\n\n\n<li>Click the <strong>Add New<\/strong> button<\/li>\n\n\n\n<li>Select \u201c<em>Archive<\/em>\u201d from the Template Type dropdown<\/li>\n\n\n\n<li>Give your template a name, such as <em>News Archive<\/em><\/li>\n\n\n\n<li>When the library opens the archive templates, search for \u201c<em>Digital Agency<\/em>\u201d<\/li>\n\n\n\n<li>Hover over the Digital Agency archive template and click the <strong>Insert<\/strong> link.<\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button<\/li>\n\n\n\n<li>Click the <strong>Add Condition<\/strong> button<\/li>\n\n\n\n<li>Choose <em>Include &gt; All Archives<\/em> as the condition and click the <strong>Save &amp; Close<\/strong> button<\/li>\n<\/ol>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Since this is a new site, we only have the default \u201cHello World\u201d post. You\u2019ll need to create new posts, in a category called \u201c<em>News<\/em>\u201d (for this example &#8211; use your own categories as needed), and set them to use this template. We\u2019ll do that next.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP EIGHT: Create New Posts In A News Category<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <em>Posts &gt; All Posts<\/em><\/li>\n\n\n\n<li>Hover over the Hello World title and click the <strong>Trash<\/strong> link to delete the Hello World post that comes with the default WordPress installation<\/li>\n\n\n\n<li>Click <strong>Add New<\/strong><\/li>\n\n\n\n<li>Give it a name and create your post as you normally would.<\/li>\n\n\n\n<li>Add a Featured Image and an excerpt if you\u2019d like.<\/li>\n\n\n\n<li>Under Category, click <strong>Add New Category<\/strong>, and give it a name, such as <em>News<\/em><\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button<\/li>\n\n\n\n<li><em>Repeat steps 3 through 7<\/em> for each post you need to add to the News category.<\/li>\n\n\n\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for \u201cNews\u201d (or whatever you called your category). Click <strong>the category<\/strong> that appears in the search results to view the Category Page. Verify that your new posts are displayed nicely on the News Archive page.<\/li>\n\n\n\n<li>Click on the title of any post from the News Archive page.<\/li>\n\n\n\n<li>Notice that the styling is not ideal. This is because you need to create a <em>Single Post Template<\/em>, which you\u2019ll do next.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP NINE: Create Single Post Template<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221;<\/li>\n\n\n\n<li>Click the <strong>Add New<\/strong> button<\/li>\n\n\n\n<li>Select \u201c<em>Single<\/em>\u201d from the Template Type dropdown<\/li>\n\n\n\n<li>Select \u201c<em>Post<\/em>\u201d from the Post Type dropdown<\/li>\n\n\n\n<li>Give your template a name, such as <em>Single Posts<\/em><\/li>\n\n\n\n<li>When the library opens the single post templates, search for \u201c<em>Digital Agenc<\/em>y\u201d<\/li>\n\n\n\n<li>Hover over the Digital Agency single post template and click the <strong>Insert<\/strong> link.<\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button<\/li>\n\n\n\n<li>Click the <strong>Add Condition<\/strong> button<\/li>\n\n\n\n<li>Choose <em>Include &gt; in Category &gt; News<\/em> (or whatever the name of your category is) as the condition and click the <strong>Save &amp; Close<\/strong> button<\/li>\n\n\n\n<li>Click <strong>Have a Look<\/strong> to see the post using the Single Post Template design.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP TEN: Add News Archive Page To The Menu<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for \u201cMenus\u201d to go back to your Menu to edit it.<\/li>\n\n\n\n<li>Under \u201c<em>Add Menu Items &gt; Categories<\/em>\u201d, place a checkmark next to the News category (or whichever category you created), and click <strong>Add to Menu<\/strong><\/li>\n\n\n\n<li>Drag the new menu item to wherever you want.<\/li>\n\n\n\n<li>Click <strong>Save Menu<\/strong><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP ELEVEN: Create 404 Page<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Press CMD-E (Mac) or CTRL-E (Windows) to open the Finder and search for and select &#8220;Theme Builder&#8221;<\/li>\n\n\n\n<li>Click the <strong>Add New<\/strong> button<\/li>\n\n\n\n<li>Select \u201c<em>Single<\/em>\u201d from the Template Type dropdown<\/li>\n\n\n\n<li>Select \u201c<em>404 Page<\/em>\u201d from the Post Type dropdown<\/li>\n\n\n\n<li>Give your template a name, such as <em>404<\/em><\/li>\n\n\n\n<li>When the library opens the 404 templates, search for \u201c<em>Digital Agency<\/em>\u201d<\/li>\n\n\n\n<li>Hover over the Digital Agency 404 template and click the <strong>Insert<\/strong> link<\/li>\n\n\n\n<li>Click the <strong>Publish<\/strong> button<\/li>\n\n\n\n<li>Click the <strong>Add Condition<\/strong> button<\/li>\n\n\n\n<li>Choose <em>Include &gt; 404 Page<\/em> as the condition and click the <strong>Save &amp; Close<\/strong> button<\/li>\n\n\n\n<li>Type the URL of a page that doesn\u2019t exist on your site into your browser to see the new 404 page in action.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">STEP TWELVE: Edit Content To Suit Your Needs<\/h3>\n\n\n\n<p><strong>That\u2019s it!<\/strong> You\u2019ve created an entirely new website using Elementor\u2019s Digital Agency theme kit.&nbsp;Now that you have a complete website structure, you are ready to edit the content on the pages to include all your own information.<\/p>\n\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<\/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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Learn how to create a full website using a template kit and the Hello theme<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3f1a89114c36f4e0b46fe"],"footnotes":""},"categories":[1465],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-296","post","type-post","status-publish","format-standard","hentry","category-theme-builder","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a complete website using Elementor website templates and Theme Builder | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a complete website using Elementor website templates and Theme Builder 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\/create-a-complete-website-using-elementor-kits-and-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 website templates and Theme Builder | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a complete website using Elementor website templates and Theme Builder in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-10T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-01T13:27:41+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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a complete website using Elementor website templates and Theme Builder\",\"datePublished\":\"2022-10-10T08:00:00+00:00\",\"dateModified\":\"2025-07-01T13:27:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\"},\"wordCount\":13,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Theme Builder\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\",\"url\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\",\"name\":\"Create a complete website using Elementor website templates and Theme Builder | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"datePublished\":\"2022-10-10T08:00:00+00:00\",\"dateModified\":\"2025-07-01T13:27:41+00:00\",\"description\":\"Learn everything about Create a complete website using Elementor website templates and Theme Builder in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Themes\",\"item\":\"https:\/\/elementor.com\/help\/themes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Theme Builder\",\"item\":\"https:\/\/elementor.com\/help\/themes\/theme-builder\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create a complete website using Elementor website templates and Theme Builder\"}]},{\"@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":"Create a complete website using Elementor website templates and Theme Builder | Elementor","description":"Learn everything about Create a complete website using Elementor website templates and Theme Builder 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\/create-a-complete-website-using-elementor-kits-and-theme-builder\/","og_locale":"en_US","og_type":"article","og_title":"Create a complete website using Elementor website templates and Theme Builder | Elementor","og_description":"Learn everything about Create a complete website using Elementor website templates and Theme Builder in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/","og_site_name":"Help","article_published_time":"2022-10-10T08:00:00+00:00","article_modified_time":"2025-07-01T13:27:41+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a complete website using Elementor website templates and Theme Builder","datePublished":"2022-10-10T08:00:00+00:00","dateModified":"2025-07-01T13:27:41+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/"},"wordCount":13,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Theme Builder"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/","url":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/","name":"Create a complete website using Elementor website templates and Theme Builder | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2022-10-10T08:00:00+00:00","dateModified":"2025-07-01T13:27:41+00:00","description":"Learn everything about Create a complete website using Elementor website templates and Theme Builder in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/create-a-complete-website-using-elementor-kits-and-theme-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Themes","item":"https:\/\/elementor.com\/help\/themes\/"},{"@type":"ListItem","position":3,"name":"Theme Builder","item":"https:\/\/elementor.com\/help\/themes\/theme-builder\/"},{"@type":"ListItem","position":4,"name":"Create a complete website using Elementor website templates and Theme Builder"}]},{"@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\/296","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=296"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":68594,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/296\/revisions\/68594"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}