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 1

  1. On the canvas, in the empty container, click the AI icon.
    image 7 Use AI to create containers based on an existing page 3
  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 5
  3. In the AI window, click the + sign.
    image 18 Use AI to create containers based on an existing page 7
  4. From the dropdown menu, select Reference a website.
    image 19 Use AI to create containers based on an existing page 9  
  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 11
  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 13
  7. Click one of the generated containers to select it.
    image 22 Use AI to create containers based on an existing page 15
  8. Click Apply.
    image 23 Use AI to create containers based on an existing page 17
  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 19  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 21  
  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 23

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

  • 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 29

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