Get started with Elementor AI

AI is a great way to build websites quickly and efficiently. Elementor AI offers you several ways to leverage this technology to improve your workflow.

Once you’ve fulfilled these requirements mentioned above, you can access any AI feature by clicking the AI icon wherever it’s found in the Editor.

Establish context

The first step in working with Elementor AI is to give the AI as much background information about your site and business as possible. This will allow AI to tailor its suggestions throughout the site, specifically for your site. Check out Build a customized website with AI Context for more information. For instance, if you specify the site is for a hair salon geared toward women with curly hair, AI offers suggestions appealing to these customers. 

Build your page

In Elementor, webpages are made up of a series of containers. You can use AI to help build these containers either by describing what you want or by basing it on an existing webpage. 

• Learn to create containers from scratch with Create containers with AI.
• Edit containers with AI teaches you how to use AI to perfect containers and Elementor template blocks
• Get inspired by other website designs with Use AI to create containers based on existing containers. 

Add content to your page

After you’ve built your page, with or without AI, you’ll need to add or adjust the content – images and text. Elementor AI provides the tools for this.

• For more information about adding text, see Write text using Elementor AI.
• Learn how to add images with Add Images.
• Once you’ve created your AI images, learn to remove and replace backgrounds, generate variations of the image, replace elements of the image and more with Fine tune your images.
• Discover how to retrieve previously generated images with Access previously generated AI content.

Code with AI

For web creators interested in creating custom features for their sites, Elementor AI can make coding far faster.

• Learn how to add custom features and HTML snippets to a page with Add custom CSS using Elementor AI.
• Create code to incorporate website-wide features such as Google Tag Manager with Add custom code using Elementor AI. 

Improve your prompts

If you’re having trouble getting the results you want out of AI, the problem may be with your prompts – the requests you make to the AI. Learn how to click the enhance prompt icon and  improve your requests with AI prompt ideas. However, always remember to check the enhanced prompts for accuracy.

Having issues?

• If you have connection issues or other problems using Elementor AI, check out our troubleshooting guide.  
• Have more questions? Check out the Elementor AI FAQ section.