{"id":44594,"date":"2024-01-24T12:15:03","date_gmt":"2024-01-24T10:15:03","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=44594"},"modified":"2024-08-12T13:27:03","modified_gmt":"2024-08-12T10:27:03","slug":"use-ai-to-create-containers-based-on-an-existing-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/","title":{"rendered":"Use AI to create containers based on an existing page"},"content":{"rendered":"\n

Elementor AI allows you to build your website more quickly and efficiently by using already existing pages for inspiration. <\/p>\n\n\n\n

[callout type=”note”]Elementor AI creates containers with both Elementor and Elementor Pro widgets. If you do not have an Elementor Pro subscription, you will not be able to to use the Elementor Pro widgets.[\/callout]<\/p>\n\n\n\n

Generate a new container<\/h2>\n\n\n\n

To generate container based on an existing page<\/strong>:
\"\"<\/p>\n\n\n\n

    \n
  1. On the canvas, in the empty container, click the AI icon.
    \"\"<\/li>\n\n\n\n
  2. If this is your first time generating pages and containers, check the checkbox to accept the terms and conditions, then click Get Started<\/strong>.
    \"\"<\/li>\n\n\n\n
  3. In the AI window, click the + sign.
    \"\"<\/li>\n\n\n\n
  4. From the dropdown menu, select Reference a website<\/strong>.
    \"\"  <\/li>\n\n\n\n
  5. Enter the URL of the website you would like to reference.
    [callout type=”warning”]Elementor AI can only create containers based on traditional websites. For instance, it cannot create containers based on a page built with React.[\/callout]
    \"\"<\/li>\n\n\n\n
  6. Click Submit<\/strong>.
    The AI will generate three containers based on the selected URL.
    [callout type=”note”]AI will convert the page to HTML and then into Elementor elements. If the selected URL was created with Elementor, the AI will be able to reproduce the elements more exactly.[\/callout]
    [callout type=”important”]There are several types of elements the AI cannot recreate:
    Nested elements
    Carousels and slides
    Repeating elements such as share buttons and icon lists.
    Specific site parts (e.g., Header, Footer, Single template, Popup, Product, Product archive, Loop template)<\/strong>[\/callout]
    \"\"<\/li>\n\n\n\n
  7. Click one of the generated containers to select it.
    \"\"<\/li>\n\n\n\n
  8. Click Apply<\/strong>.
    \"\"<\/li>\n\n\n\n
  9. In the window, enter a prompt to customize the container. Alternatively, you can enter a slash \/ and the AI will suggest a prompt to you.<\/li>\n\n\n\n
  10. (Optional) Click the Enhance prompt icon   to allow the AI to add more details to your prompt. You can edit these advanced details.
    [callout type=”note”]Enhancing your prompt is free, it does not cost any extra credits.[\/callout]
    \"\"  <\/li>\n\n\n\n
  11. Click Generate<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    AI will create three options for you to select from. <\/p>\n\n\n\n

    You can then:<\/p>\n\n\n\n

      \n
    • Use one of the generated options.<\/li>\n\n\n\n
    • Regenerate a new set of options using your original prompt to produce more variations.
      [callout type=”note”]This costs you extra credits.[\/callout]<\/li>\n\n\n\n
    • Edit your prompt to create a new prompt.<\/li>\n<\/ul>\n\n\n\n

      Use a generated option<\/h3>\n\n\n\n

      After you click Generate<\/strong>, Elementor AI will create three options for you. If you like one of the options generated by AI, you can create a container from it.  <\/p>\n\n\n\n

      To use one of the generated options<\/strong>:
      \"\"<\/p>\n\n\n\n

        \n
      1. Click the option you want to use.
        \"\"<\/li>\n\n\n\n
      2. Click Use Layout<\/strong>.<\/li>\n<\/ol>\n\n\n\n

        Regenerate a new set of options<\/h3>\n\n\n\n

        If you don\u2019t want to use any of the options created by Elementor AI. You can regenerate three different options.
        \"\"<\/p>\n\n\n\n

          \n
        • Click Regenerate<\/strong>. Three more variations are generated for you to choose from.<\/li>\n<\/ul>\n\n\n\n

          Edit your prompt<\/strong>
          \"\"<\/h3>\n\n\n\n
            \n
          1. Click the pencil icon to the left of the prompt.
            \"\"<\/li>\n\n\n\n
          2. Modify the prompt text.
            \"\"<\/li>\n\n\n\n
          3. (Optional) Click the Enhance prompt icon   . AI adds more details to your prompt. You can edit these additional details.
            [callout type=”note”]Enhancing your prompt is free, it does not cost any extra credits[\/callout] 
            \"\"<\/li>\n\n\n\n
          4. Click Generate<\/strong>. Three more images are generated.
            [callout type=”warning”]Elementor AI does not save images, therefore after you edit the prompt and click Generate<\/strong>, new images appear and the previous variations disappear. You may not be able to recreate these variations later.[\/callout]<\/li>\n<\/ol>\n\n\n\n

            <\/p>\n","protected":false},"excerpt":{"rendered":"

            Elementor AI allows you to build your website more quickly and efficiently by using already existing pages for inspiration.  [callout type=”note”]Elementor AI creates containers with both Elementor and Elementor Pro widgets. If you do not have an Elementor Pro subscription, you will not be able to to use the Elementor Pro widgets.[\/callout] Generate a new […]<\/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":["65b0e32be69c463e6bbf014b"],"footnotes":""},"categories":[1481],"tags":[1359],"class_list":["post-44594","post","type-post","status-publish","format-standard","hentry","category-layout-elementor-ai","tag-elementor-ai"],"acf":[],"yoast_head":"\nUse AI to create containers based on an existing page | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Use AI to create containers based on an existing page in this article from Elementor's Knowledge Base. Get Elementor tips & 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\/use-ai-to-create-containers-based-on-an-existing-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use AI to create containers based on an existing page | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Use AI to create containers based on an existing page in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-24T10:15:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-12T10:27:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1150\" \/>\n\t<meta property=\"og:image:height\" content=\"522\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Use AI to create containers based on an existing page\",\"datePublished\":\"2024-01-24T10:15:03+00:00\",\"dateModified\":\"2024-08-12T10:27:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\"},\"wordCount\":576,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png\",\"keywords\":[\"Elementor AI\"],\"articleSection\":[\"Layout\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\",\"url\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\",\"name\":\"Use AI to create containers based on an existing page | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png\",\"datePublished\":\"2024-01-24T10:15:03+00:00\",\"dateModified\":\"2024-08-12T10:27:03+00:00\",\"description\":\"Learn everything about Use AI to create containers based on an existing page in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png\",\"width\":1150,\"height\":522},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor AI\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Layout\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/layout-elementor-ai\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Use AI to create containers based on an existing page\"}]},{\"@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:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"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":"Use AI to create containers based on an existing page | Elementor","description":"Learn everything about Use AI to create containers based on an existing page 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\/use-ai-to-create-containers-based-on-an-existing-page\/","og_locale":"en_US","og_type":"article","og_title":"Use AI to create containers based on an existing page | Elementor","og_description":"Learn everything about Use AI to create containers based on an existing page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/","og_site_name":"Help","article_published_time":"2024-01-24T10:15:03+00:00","article_modified_time":"2024-08-12T10:27:03+00:00","og_image":[{"width":1150,"height":522,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Use AI to create containers based on an existing page","datePublished":"2024-01-24T10:15:03+00:00","dateModified":"2024-08-12T10:27:03+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/"},"wordCount":576,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png","keywords":["Elementor AI"],"articleSection":["Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/","url":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/","name":"Use AI to create containers based on an existing page | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png","datePublished":"2024-01-24T10:15:03+00:00","dateModified":"2024-08-12T10:27:03+00:00","description":"Learn everything about Use AI to create containers based on an existing page in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-16.png","width":1150,"height":522},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/use-ai-to-create-containers-based-on-an-existing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor AI","item":"https:\/\/elementor.com\/help\/elementor-ai\/"},{"@type":"ListItem","position":3,"name":"Layout","item":"https:\/\/elementor.com\/help\/elementor-ai\/layout-elementor-ai\/"},{"@type":"ListItem","position":4,"name":"Use AI to create containers based on an existing page"}]},{"@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:\/\/elementor.com\/help\/#\/schema\/person\/image\/","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\/44594","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=44594"}],"version-history":[{"count":21,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/44594\/revisions"}],"predecessor-version":[{"id":51886,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/44594\/revisions\/51886"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=44594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=44594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=44594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}