Use AI to create containers based on an existing page

Elementor AI allows you to build your website more quickly and efficiently by using already existing pages for inspiration. 

Generate a new container

To generate container based on an existing page:

1. On the canvas, in the empty container, click the AI icon.
   
2. If this is your first time generating pages and containers, check the checkbox to accept the terms and conditions, then click Get Started.
   
3. In the AI window, click the + sign.
   
4. From the dropdown menu, select Reference a website.
     
5. Enter the URL of the website you would like to reference.
   
   Warning

   Elementor AI can only create containers based on traditional websites. For instance, it cannot create containers based on a page built with React.
   
   
6. Click Submit.
   The AI will generate three containers based on the selected URL.
   
   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.
   
   
   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)
   
   
7. Click one of the generated containers to select it.
   
8. Click Apply.
   
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.
10. (Optional) Click the Enhance prompt icon   to allow the AI to add more details to your prompt. You can edit these advanced details.
    
    Note

    Enhancing your prompt is free, it does not cost any extra credits.
    
      
11. Click Generate.

AI will create three options for you to select from. 

You can then:

• Use one of the generated options.
• Regenerate a new set of options using your original prompt to produce more variations.
  
  Note

  This costs you extra credits.
• Edit your prompt to create a new prompt.

Use a generated option

After you click Generate, 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.  

To use one of the generated options:

1. Click the option you want to use.
   
2. Click Use Layout.

Regenerate a new set of options

If you don’t want to use any of the options created by Elementor AI. You can regenerate three different options.

• Click Regenerate. Three more variations are generated for you to choose from.

Edit your prompt

1. Click the pencil icon to the left of the prompt.
   
2. Modify the prompt text.
   
3. (Optional) Click the Enhance prompt icon   . AI adds more details to your prompt. You can edit these additional details.
   
   Note

   Enhancing your prompt is free, it does not cost any extra credits
    
   
4. Click Generate. Three more images are generated.
   
   Warning

   Elementor AI does not save images, therefore after you edit the prompt and click Generate, new images appear and the previous variations disappear. You may not be able to recreate these variations later.