help center

On this page

Use AI to create containers based on an existing page

Last Update: January 25, 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:

  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.
  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 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.

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