help center

Search
Close this search box.
On this page

Use AI to create containers based on an existing page

Last Update: August 12, 2024

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

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.

Generate a new container

To generate container based on an existing page:
image 16 Use AI to create containers based on an existing page 33

  1. On the canvas, in the empty container, click the AI icon.
    image 7 Use AI to create containers based on an existing page 35
  2. If this is your first time generating pages and containers, check the checkbox to accept the terms and conditions, then click Get Started.
    image 17 Use AI to create containers based on an existing page 37
  3. In the AI window, click the + sign.
    image 18 Use AI to create containers based on an existing page 39
  4. From the dropdown menu, select Reference a website.
    image 19 Use AI to create containers based on an existing page 41  
  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.

    image 20 Use AI to create containers based on an existing page 43
  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)

    image 21 Use AI to create containers based on an existing page 45
  7. Click one of the generated containers to select it.
    image 22 Use AI to create containers based on an existing page 47
  8. Click Apply.
    image 23 Use AI to create containers based on an existing page 49
  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 eBy5aPFICuxKBAf3W57TjrjG0AzMj4dpLPbeyxf7gKEOye9je33uP TORPO o iv f9er flinaM1pP3jaJsAQXfSCuWX 3BKlMzOv64R Use AI to create containers based on an existing page 51  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.

    image 24 Use AI to create containers based on an existing page 53  
  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:
11 select an option Use AI to create containers based on an existing page 55

  1. Click the option you want to use.
    12 Click Regenerate Use AI to create containers based on an existing page 57
  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.
image 26 Use AI to create containers based on an existing page 59

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

Edit your prompt
image 27 Use AI to create containers based on an existing page 61

  1. Click the pencil icon to the left of the prompt.
    image 28 Use AI to create containers based on an existing page 63
  2. Modify the prompt text.
    image 29 Use AI to create containers based on an existing page 65
  3. (Optional) Click the Enhance prompt icon s8exckUvt9Dt1kyerX5SyFheKpoPvtk99ZT9qkrZ2 MUIfDwxm gWtoSAawnAgF1 tfOsWwbv8V0CIZaCoE1Kz7hQ qmxYkf05JcDDRUaNVkNds9rKwv1JTWVD3VdrFmwY7WAfs TqFHGeDwYUElvSRflpC zU5PAkoDyEFGILMw4WM5Xr6O8Ovn1gGy Use AI to create containers based on an existing page 67  . 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
     
    image 30 Use AI to create containers based on an existing page 69
  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.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!