{"id":54108,"date":"2024-12-17T08:44:22","date_gmt":"2024-12-17T06:44:22","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=54108"},"modified":"2026-06-07T13:56:27","modified_gmt":"2026-06-07T10:56:27","slug":"build-an-entire-website-from-scratch-with-elementor-ai","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/","title":{"rendered":"Build an entire website from scratch with Elementor AI&#8217;s Site Planner"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">AI is a great tool for speeding up website design and content creation.&nbsp; By using Elementor Site Planner, you can use AI to create a detailed first draft sitemap and wireframe of your entire site, saving you hours of tedious work.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Start building your site<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Site Planner starts with you describing your business and vision for your website. This is called a brief and The AI will guide you through this process by asking you a series of questions. While you don\u2019t have to fill out the entire brief, the more information you provide Site Planner, the better it can create a wireframe matching your vision.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">[callout type=&#8221;note&#8221;]The Site Planning tool will walk you through the process of creating your site. However, it would be useful for you to start with a basic idea of what types of pages you want your site to include: Home, About Us, Contact Us, Blog etc.[\/callout]&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To start creating your sitemap and wireframe<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/planner.elementor.com\/\">Elementor Site Planner page<\/a>.<br>There are two ways to prepare your brief:<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"429\" class=\"wp-image-168517\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png\" alt=\"Choose how to prepare your brief\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1-300x189.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#chat\"><strong>AI chat<\/strong><\/a>: The AI will walk you through the process of creating the brief.<\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#notetaker\">AI Notetaker<\/a>: Record a Google Meet meeting with your client or team. Notetaker will analyze the conversation and create a brief based on that meeting.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Start with AI Chat<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Start with AI Chat<\/strong>.<br><img decoding=\"async\" width=\"680\" height=\"429\" class=\"wp-image-168518\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/2.png\" alt=\"Start with AI Chat\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/2.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/2-300x189.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>This begins the design process.<\/li>\n\n\n\n<li>In the panel, name your site.<br><img decoding=\"async\" width=\"680\" height=\"354\" class=\"wp-image-168519\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/3.png\" alt=\"Name your site\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/3.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/3-300x156.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the submit icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"354\" class=\"wp-image-168520\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/4.png\" alt=\"Click the submit icon\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/4.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/4-300x156.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[callout type=&#8221;note&#8221;]Throughout the process, if you have difficulty answering any questions, click <strong>What should I write? <\/strong>to ask the AI for help. The AI will guide you, helping you create the perfect prompt.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"236\" class=\"wp-image-168521\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/5.png\" alt=\"Click What should I write when you're stumped.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/5.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/5-300x104.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[\/callout]<\/li>\n\n\n\n<li>Enter your type of business. The AI will offer you a few options for business types, but if they are not relevant, you can enter whatever text you want.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"355\" class=\"wp-image-168522\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/6.png\" alt=\"The business types behind the website.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/6.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/6-237x300.png 237w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>[callout type=&#8221;note&#8221;]Throughout the site planning process, Site Planner offers suggested answers but you are always free to enter your own text.[\/callout]<\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Now, enter what your business does. Remember, everything you list here will be given equal weight, so only list things you want to emphasize.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"349\" class=\"wp-image-168523\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/7.png\" alt=\"The plus icon indicates you can choose more than one.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/7.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/7-300x154.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[callout type=&#8221;note&#8221;]Again, the AI will offer several suggestions which you can choose to use or not. <br>Note that some suggestions have a plus sign before them. That indicates you can use as many of these suggestions as you want. Suggestions without a plus sign will take you to the next step.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"165\" class=\"wp-image-168525\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/8.png\" alt=\"The plus sign shows you can enter this and then add more info\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/8.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/8-300x73.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[\/callout]<\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Enter the services or products offered by the business.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"366\" class=\"wp-image-168526\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/9.png\" alt=\"Enter the types of services offered\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/9.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/9-300x161.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Enter your website\u2019s primary goal(s). For example, do you want to increase online sales, build brand awareness, sell premium subscriptions, or a combination of any of these?<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"351\" class=\"wp-image-168527\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/10.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/10.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/10-239x300.png 239w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Enter your secondary goal(s).<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"280\" class=\"wp-image-168528\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/11.png\" alt=\"The website's secondary goals\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/11.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/11-300x300.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/11-150x150.png 150w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Enter the website\u2019s primary language.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"390\" class=\"wp-image-168529\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/12.png\" alt=\"The website's primary language\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/12.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/12-300x172.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Add the most important things your website should do, such as receiving online orders, gathering subscribers, directing visitors to your social media pages.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"353\" class=\"wp-image-168530\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/13.png\" alt=\"The website's main features\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/13.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/13-238x300.png 238w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>Decide what tone you want for your website, such as <strong>Professional and Authoritative<\/strong>.<br>You\u2019re ready to structure your website.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"350\" class=\"wp-image-168531\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/14.png\" alt=\"Enter a tone for your website\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/14.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/14-240x300.png 240w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Enter the pages you want on your site. Some of these pages may include:\n<ul class=\"wp-block-list\">\n<li>Home<\/li>\n\n\n\n<li>About Us<\/li>\n\n\n\n<li>Contact Us<\/li>\n\n\n\n<li>Blog<\/li>\n\n\n\n<li>Our Store<\/li>\n\n\n\n<li>Our Team<br>As with all suggestions, feel free to add anything relevant for your site.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"348\" class=\"wp-image-168532\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/15.png\" alt=\"The pages you want on your site.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/15.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/15-242x300.png 242w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click the submit icon.<\/li>\n\n\n\n<li>At this point, you can click <strong>Use this brief,<\/strong> and Site Planner will create a sitemap and wireframe layout for your site. However, you also have the option to add more details for Elementor AI to work with.&nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"344\" class=\"wp-image-168533\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/16.png\" alt=\"The Use this brief button\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/16.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/16-300x152.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Answer the questions Site Planner asks you.<\/li>\n\n\n\n<li>When Site Planner has enough information, click <strong>Yes I\u2019m ready<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"356\" class=\"wp-image-168534\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/17.png\" alt=\"Click Yes I'm ready when done answering questions\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/17.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/17-236x300.png 236w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>You&#8217;re now ready to use the brief.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"352\" class=\"wp-image-168535\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/18.png\" alt=\"You're ready to use the brief\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/18.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/18-300x155.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>Site Planner drafts a sitemap and wireframe layout for you. You can now edit the site as detailed below.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Work with your draft layout<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Site Planner drafts a sitemap and wireframe for your site which you can then customize to your needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/19.png\" alt=\"The draft Site Map\" class=\"wp-image-168536\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/19.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/19-300x176.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/19-768x452.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Site Planner presents the sitemap one page at a time, listing the different sections of the page.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click a page name to see the map of that page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize the site layout using either the sitemap or wireframe, although some features are only available from either the sitemap or the wireframe.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Sitemap<\/strong> and <strong>Wireframe<\/strong> buttons to switch between the two views.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"153\" class=\"wp-image-168537\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/20-no-border.png\" alt=\"The Site Map and Wireframe buttons\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/20-no-border.png 1028w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/20-no-border-300x67.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/20-no-border-1024x230.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/20-no-border-768x173.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can examine and edit the layout using the following features:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zoom in on a page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the View dropdown menu to zoom in and out.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"460\" class=\"wp-image-168538\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/21.png\" alt=\"The zoom dropdown menu\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/21.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/21-300x203.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add a page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adding a page can only be done from the sitemap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If there\u2019s a page missing from the layout, you can add it from the sitemap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To add a page<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hover your mouse over the space between two pages.<\/li>\n\n\n\n<li>Click the plus symbol.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"465\" class=\"wp-image-168539\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/22.png\" alt=\"Click the plus symbol\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/22.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/22-300x205.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>(Optional) Add a page name.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"322\" class=\"wp-image-168540\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/23.png\" alt=\"Add a page name\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/23.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/23-300x142.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Generate page.<\/strong><br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"322\" class=\"wp-image-168542\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/24.png\" alt=\"Click Generate page\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/24.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/24-300x142.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Site Planner will generate a new page using the page name and the other information you provided in your brief. For instance, a page titled \u201cOur Products\u201d will yield different results than a page titled \u201cMeet our staff\u201d.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Regenerate a page or section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you don\u2019t like the layout of a page or page section, you can have Site Planner regenerate it until you get a result you like.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To regenerate a page (Site Map only)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover over the top of the page and click the regenerate icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"246\" class=\"wp-image-168543\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/25.png\" alt=\"Click the regenerate icon\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/25.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/25-300x108.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/25-768x278.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To regenerate a section<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover over the top of the section and click the regenerate icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"347\" class=\"wp-image-168544\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/26.png\" alt=\"Click the regenerate section icon\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/26.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/26-300x153.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/26-768x392.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Delete a page or section<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you decide a page is unnecessary, you can delete it, if your page is too long, you can delete a section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To delete a page (Sitemap only)<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the top of the page click the ellipses.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"313\" class=\"wp-image-168545\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/28.png\" alt=\"Click the ellipses\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/28.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/28-269x300.png 269w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>This page menu appears.<\/li>\n\n\n\n<li>Select <strong>Delete<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"349\" class=\"wp-image-168546\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/29.png\" alt=\"The Delete button\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/29.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/29-241x300.png 241w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>[callout type=&#8221;note&#8221;]You cannot delete the Home page[\/callout]<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To delete a section<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover over the section and click the delete icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"333\" class=\"wp-image-168547\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/30.png\" alt=\"The delete section icon\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/30.png 860w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/30-252x300.png 252w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/30-768x914.png 768w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout responsive views<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Responsive views are only available from the wireframe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see how your site will look on different devices by using responsive views.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To see responsive views (Wireframe only):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the responsive device dropdown menu to see how the site will look on a desktop, tablet or mobile.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"199\" class=\"wp-image-168549\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/32.png\" alt=\"The responsive dropdown menu\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/32.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/32-300x88.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Set your site style<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The style section directs site builder to create your site using your brand colors and fonts and logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To set your brand colors, fonts and logo (Wireframe only):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the style icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"139\" class=\"wp-image-168550\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/33.png\" alt=\"The style icon\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/33.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/33-300x61.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click one of the chevrons to select:<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"626\" class=\"wp-image-168553\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/34.png\" alt=\"The highlighted chevrons open up different sections of the style menu.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/34.png 458w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/34-134x300.png 134w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\n<ul class=\"wp-block-list\">\n<li>Site colors<\/li>\n\n\n\n<li>Site fonts<\/li>\n\n\n\n<li>Site logo<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Share your design<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can share your design by using a dropdown menu to create a shareable brief describing your site or a link that will allow others to see your design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Share your design brief<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To share your design brief:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the chevron on the right corner of the top bar.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"157\" class=\"wp-image-168555\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/35.png\" alt=\"The chevron that opens the share menu\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/35.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/35-300x69.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Select <strong>Preview site plan<\/strong> from the dropdown menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"183\" class=\"wp-image-168556\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/36.png\" alt=\"Preview site plan opens up the brief for the site.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/36.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/36-300x81.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>This opens a copy of the website brief which you can download or copy.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"398\" class=\"wp-image-168558\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/38.png\" alt=\"The buttons to download or copy the site brief.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/38.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/38-300x175.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Create your site<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To create your site you need to click Create Website and either launch the site with Elementor Host or create a downloadable website kit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After reviewing the wireframe, you\u2019re ready to generate your website. To do this you\u2019ll be able to create a temporary Elementor Host site using the design or export the site to another host.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create a temporary Elementor Host site:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Create Website<\/strong> in the upper right.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"171\" class=\"wp-image-168561\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39.png\" alt=\"The Create website button turns your design into a site. \" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39-300x75.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the popup window, select <strong>Launch a fully hosted website<\/strong> and click <strong>Continue<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"431\" class=\"wp-image-168562\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/40.png\" alt=\"The launch site and continue buttons are used to create a hosted site.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/40.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/40-300x190.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[callout type=&#8221;note&#8221;]If you already have an Elementor Host subscription, you can use that by clicking <strong>Use an existing subscription<\/strong>.[\/callout]<br>Elementor Host uses your design to create a site. This site will exist for 14 days.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To export your site to a different host:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click <strong>Create Website<\/strong> in the upper right.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"171\" class=\"wp-image-168561\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39.png\" alt=\"The Create website button turns your design into a site. \" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/39-300x75.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the popup window, select <strong>Import your kit to a site<\/strong> and click <strong>Continue<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"431\" class=\"wp-image-168563\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/42.png\" alt=\"The import your kit and Continue buttons\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/42.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/42-300x190.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Fill in your domain address and click <strong>Run check<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"268\" class=\"wp-image-168564\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/43.png\" alt=\"The text box for the domain address and the Continue button.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/43.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/43-300x287.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>Site planner checks the destination to make sure it has the features needed for the site. If the domain is set up properly, your site is built using your domain.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To create your site, you\u2019ll need some basic infrastructure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A website host with a WordPress website. For background information about WordPress, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/wordpress-and-elementor\/\">What is WordPress?<\/a> For details about website hosting, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/what-is-website-hosting-2\/\">What is website hosting<\/a>?<\/li>\n\n\n\n<li>The Hello Theme. For details, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/what-is-elementor-hello-theme\/\">What is the Elementor Hello theme<\/a>?<br>[callout type=&#8221;tip&#8221;]In most cases, you\u2019ll want to choose the disable page titles option in the theme settings. To find out how, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/edit-the-hello-theme-settings\/\">Edit the Hello Theme settings<\/a>.[\/callout]<\/li>\n\n\n\n<li>The Elementor plugin. For details, see Install &amp; activate <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/find-install-wordpress-plugins\/\">Elementor Core<\/a>.<\/li>\n\n\n\n<li>(Optional) Elementor Pro. We recommend Elementor Pro, as it ensures compatibility with Pro elements and simplifies the process of creating your website. Without it, you may need to replace some theme parts and Pro features.<\/li>\n\n\n\n<li>For details about purchasing Elementor Pro, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/buy-elementor-pro\/\">Purchase an Elementor Pro plan<\/a>. For details about installing Elementor Pro, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/installing-elementor-pro\/\">Install and activate Elementor Pro<\/a>.<br>[callout type=&#8221;tip&#8221;]To learn more about Elementor Host sites, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/hosting\/site-planner\">Purchase and create an Elementor Host site<\/a>.[\/callout]<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Once your website is set up, you\u2019ll need to import the zip file to create your site. To learn how to import your website, see <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/what-is-import-export\/\">Export and Import Elementor sites<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After importing your site, you need to edit the site using the Elementor Editor. For information about the Editor see:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/what-is-the-my-elementor-dashboard\/\">Explore the My Elementor dashboard<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/navigating-to-your-wordpress-dashboard\/\">Access WP Admin<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/tour-wordpress-dashboard\/\">Understanding WP Admin<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/create-new-page\/\">Create or open a page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/explore-the-elementor-editor\/\">Explore the Elementor Editor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/build-first-page-containers\/\">Use containers to build your first page<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">[callout type=&#8221;warning&#8221;]The Site Planner brief cannot be linked to a live website after generation. It is strictly a one-time generation process.[\/callout]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Start with AI Notetaker<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use AI Notetaker, you must first set up a Google Meeting with your client, team or whoever you\u2019re collaborating with.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click Use an AI Notetaker.<br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"95\" class=\"wp-image-168566\" style=\"width: 150px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/44.png\" alt=\"The AI Notetaker button\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/44.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/44-300x189.png 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><br>This opens the AI Notetaker window.<\/li>\n\n\n\n<li>In the text box, enter the URL of the Google Meeting.<br>[callout type=&#8221;note&#8221;]Enter the URL 10 minutes or less before the meeting starts.]<\/li>\n\n\n\n<li>Click <strong>Invite AI Notetaker<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"528\" class=\"wp-image-168568\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/45.png\" alt=\"Invite Notetaker to your meeting\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/45.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/45-300x233.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>After your meeting starts, <strong>Admit<\/strong> Notetaker to the meeting.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"480\" class=\"wp-image-168569\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/46.png\" alt=\"Admit Notetaker to your Google Meet.\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/46.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/46-300x212.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>AI Notetaker will record and analyze the meeting. These results are used by AI Site Planner to create a brief for your site.<\/li>\n\n\n\n<li>Go back to the Site Planner window.<\/li>\n\n\n\n<li>Click <strong>Continue to your brief<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"386\" class=\"wp-image-168570\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/47.png\" alt=\"The Site Planner screen\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/47.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/47-300x170.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>If the recording contains enough information for a brief, and you\u2019re happy with the brief, click <strong>Use this brief<\/strong> in the upper right corner.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"482\" class=\"wp-image-168571\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/48.png\" alt=\"The Use this brief button\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/48.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/48-300x213.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>If information is missing or you want to add something, use the panel to enter more information and then click <strong>Use this brief<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"482\" class=\"wp-image-168572\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/49.png\" alt=\"You may need to fill in missing information\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/49.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/49-300x213.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>From here, create your draft website <a href=\"https:\/\/web.archive.org\/web\/20260422141518\/https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#draft\">as detailed above<\/a>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Troubleshooting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you receive a <strong>site permission error<\/strong>, refer to <a href=\"https:\/\/elementor.com\/help\/resolve-a-site-permission-error-in-ai-site-planner\/\">Resolve a Site Permission Error in AI Site Planner<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you receive a <strong>failed to create you website error<\/strong>, this is usually a server-side or API connection error. If this happens:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Try creating a new site using the same brief.<\/li>\n\n\n\n<li>Check with your hosting provider to see if they have any firewalls or mod-security blocks they may be interrupting the connection.<\/li>\n\n\n\n<li>Try creating the site using Elementor Hosting &#8211; the site can be hosted by Elementor for two weeks for free.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AI is a great tool for speeding up website design and content creation.&nbsp; By using Elementor Site Planner, you can use AI to create a detailed first draft sitemap and wireframe of your entire site, saving you hours of tedious work. Start building your site Site Planner starts with you describing your business and vision [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["67611dc9abcebfa73f6b0bd5"],"footnotes":""},"categories":[1481],"tags":[1359],"class_list":["post-54108","post","type-post","status-publish","format-standard","hentry","category-layout-elementor-ai","tag-elementor-ai"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Build an entire website from scratch with Elementor AI&#039;s Site Planner | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Build an entire website from scratch with Elementor AI&#039;s Site Planner 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\/build-an-entire-website-from-scratch-with-elementor-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build an entire website from scratch with Elementor AI&#039;s Site Planner | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Build an entire website from scratch with Elementor AI&#039;s Site Planner in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-17T06:44:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T10:56:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"484\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Build an entire website from scratch with Elementor AI&#8217;s Site Planner\",\"datePublished\":\"2024-12-17T06:44:22+00:00\",\"dateModified\":\"2026-06-07T10:56:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/\"},\"wordCount\":1907,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1.png\",\"keywords\":[\"Elementor AI\"],\"articleSection\":[\"Layout\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/\",\"name\":\"Build an entire website from scratch with Elementor AI's Site Planner | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1.png\",\"datePublished\":\"2024-12-17T06:44:22+00:00\",\"dateModified\":\"2026-06-07T10:56:27+00:00\",\"description\":\"Learn everything about Build an entire website from scratch with Elementor AI's Site Planner in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/1.png\",\"width\":768,\"height\":484},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-an-entire-website-from-scratch-with-elementor-ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generate with AI\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/generate-with-ai\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Layout\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/generate-with-ai\\\/layout-elementor-ai\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Build an entire website from scratch with Elementor AI&#8217;s Site Planner\"}]},{\"@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\\\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Build an entire website from scratch with Elementor AI's Site Planner | Elementor","description":"Learn everything about Build an entire website from scratch with Elementor AI's Site Planner 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\/build-an-entire-website-from-scratch-with-elementor-ai\/","og_locale":"en_US","og_type":"article","og_title":"Build an entire website from scratch with Elementor AI's Site Planner | Elementor","og_description":"Learn everything about Build an entire website from scratch with Elementor AI's Site Planner in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/","og_site_name":"Help","article_published_time":"2024-12-17T06:44:22+00:00","article_modified_time":"2026-06-07T10:56:27+00:00","og_image":[{"width":768,"height":484,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Build an entire website from scratch with Elementor AI&#8217;s Site Planner","datePublished":"2024-12-17T06:44:22+00:00","dateModified":"2026-06-07T10:56:27+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/"},"wordCount":1907,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png","keywords":["Elementor AI"],"articleSection":["Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/","url":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/","name":"Build an entire website from scratch with Elementor AI's Site Planner | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png","datePublished":"2024-12-17T06:44:22+00:00","dateModified":"2026-06-07T10:56:27+00:00","description":"Learn everything about Build an entire website from scratch with Elementor AI's Site Planner in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/12\/1.png","width":768,"height":484},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/build-an-entire-website-from-scratch-with-elementor-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Generate with AI","item":"https:\/\/elementor.com\/help\/generate-with-ai\/"},{"@type":"ListItem","position":3,"name":"Layout","item":"https:\/\/elementor.com\/help\/generate-with-ai\/layout-elementor-ai\/"},{"@type":"ListItem","position":4,"name":"Build an entire website from scratch with Elementor AI&#8217;s Site Planner"}]},{"@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\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/54108","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=54108"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/54108\/revisions"}],"predecessor-version":[{"id":168919,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/54108\/revisions\/168919"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=54108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=54108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=54108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}