help center

On this page

Generate and edit images in the Media Library using Elementor AI

Last Update: June 10, 2024

Adding images to your WordPress Media library makes them easier to reuse across your site’s pages. You can use Elementor AI to create new images for the library or to edit the images in the library. 

Add new images to the Media Library using Elementor AI

To add images to the Media Library:

  1. From WP Admin, navigate to Media>Library.
    image 6 Generate and edit images in the Media Library using Elementor AI 1
    The Media Library opens.
    image 7 Generate and edit images in the Media Library using Elementor AI 3
  2. In the Media Library, click Generate with Elementor AI.
    If you are not a registered AI user, you’ll be prompted to register for a free trial.
  3. Use Elementor AI to create an image.
    For details about creating AI images, see Add images
    For details about editing images with AI, see Fine tune your images.
    image 8 Generate and edit images in the Media Library using Elementor AI 5
  4. When the AI creates a suitable image, click Use image
    image 9 Generate and edit images in the Media Library using Elementor AI 7
    The image is added to your Media Library.

Editing a existing Media Library image with Elementor AI

Elementor AI can edit the images in your Media Library. Edits can be made either in the Media Library or when you add an image to a page

To edit images in the Media Library:

  1. From WP Admin, navigate to Media>Library.
    image 10 Generate and edit images in the Media Library using Elementor AI 9
    The Media Library opens.
  2. Select an image from the Media Library.
    image 11 Generate and edit images in the Media Library using Elementor AI 11
  3. Click Edit with Elementor AI
    If you are not a registered AI user, you’ll be prompted to register for a free trial.
    For details about editing images with AI, see Fine tune your images.
    image 12 Generate and edit images in the Media Library using Elementor AI 13
  4. When you’ve created a suitable image, click Use Image.
    The edited image is added to your Media Library.
Note
The original image will remain in the Media Library and this will not affect any images you already used.

To edit Media Library images while adding them to a page:

  1. Add an image to a page. This can be done using a widget, as part of a background or any other feature that includes images.
    image 13 Generate and edit images in the Media Library using Elementor AI 15
     For this example, we’ll use an Image widget. 
    image 14 Generate and edit images in the Media Library using Elementor AI 17
  2. Click the Choose Image field.  
    image 15 Generate and edit images in the Media Library using Elementor AI 19
  3. This opens the Media Library.
    image 16 Generate and edit images in the Media Library using Elementor AI 21
  4. Select the image you want to edit and use.
    image 17 Generate and edit images in the Media Library using Elementor AI 23
  5. Click Edit with Elementor AI.
    If you are not a registered AI user, you’ll be prompted to register for a free trial.
    For details about editing images with AI, see Fine tune your images.
    image 18 Generate and edit images in the Media Library using Elementor AI 25
  6. When you’ve created a suitable image, click Use Image.
    image 19 Generate and edit images in the Media Library using Elementor AI 27
  7. The image is added to your Media Library.
    image 20 Generate and edit images in the Media Library using Elementor AI 29
  8. Click the image to select it.
    image 21 Generate and edit images in the Media Library using Elementor AI 31
  9. Click Select.
    image 22 Generate and edit images in the Media Library using Elementor AI 33

The image is added to the page.

The edited image is also added to the Media Library for future use.

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