October 20, 2023

How to Use the Elementor AI Image Generator

Play Video

Elementor AI Image Generator is a handy feature that allows you to create custom images directly within your Elementor editor. This tool revolutionizes web design by offering features like image variations, generative fill, and background tools right in the page builder. In this tutorial, we’ll explore how to make the most of this feature.


Please make sure you have the following installed and activated:

Getting Started with Elementor AI

  1. Open your Elementor editor where you want to add an image.
  2. Go to the widgets panel and search for the ‘Image’ widget.
  3. Drag the ‘Image’ widget to the section where you want to insert an image.

Creating Images with Text Prompts

  1. After adding the image widget, you’ll see an ‘AI’ option.
  2. Type in a text prompt describing the image you want to generate.
    For example, “A serene beach at sunset.”
  3. Click on the ‘Generate’ button.

Tip: Use specific and descriptive text prompts for better results.

Advanced Image Editing

  1. Generative Fill
    This feature allows you to fill in specific areas of an image with generated content.

    1. Use the brush tool to select the area you want to fill.
    2. Type in what you want to fill the area with, like “clouds.”
    3. Click ‘Generate’.
  2. Expand Image
    If your image is too narrow, you can use this feature to expand it.

    1. Choose the ‘Expand’ option.
    2. Describe what you want to add, for example, “Expand the city skyline.”
    3. Click ‘Generate’.

Note: The generated images can sometimes be grainy, so it’s best to use this feature for background images.

Adding Backgrounds

  1. Go to the section where you want to add a background.
  2. Select the ‘AI’ option in the background settings.
  3. Type in a description of the background you want.
  4. Click ‘Generate’.

Elementor AI Image Generator – Conclusion

Elementor AI Image Generator is a versatile feature that can significantly enhance your web design process. Whether you’re looking to create custom images, backgrounds, or even edit existing ones, this tool has got you covered.

Required Resources

Elementor Logo
Free Options
Credit to WPLearningLab
WPLearningLab is a YouTube channel dedicated to providing comprehensive WordPress tutorials and resources for users of all skill levels. With a focus on simplifying complex concepts, the channel offers valuable insights on themes, plugins, and site optimization, as well as troubleshooting tips and best practices for creating and maintaining a successful WordPress website.
How to Use the Elementor AI Image Generator
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.