This document explains how to use the Divi AI Images plugin within the Divi image modules (image, gallery, blurb, etc.). The interface and options are slightly different than the interface from within the Media Library. Please read over the sections below carefully if you are having issues. If you still need help, please submit a support ticket.
To access the Divi AI Images interface from within Divi modules, add an image related module to any layout. Click to add an image like you normally would within that module. In the popup window, click on the Divi AI Images tab at the top of the popup. To use a generated image within a Divi module, the image must first be imported and then selected.
The rest of this documentation assumes you have already entered your API key(s) and have read the documentation for generating images. If you need help with this, please refer to the Getting Started documentation.
To insert an image into a Divi module, the image must first be imported into your Media Library. Read below for instructions on importing images.
Once you are on the Divi AI Images tab and have generated or searched for images, the images will appear in the Search Results section in the top right corner of the page. Hovering over these images will reveal three action icons:
- Fullscreen (zoom)
Clicking on the import icon will import the image into your Media Library. Imported images will be displayed in the Imported Images section in the left column. Any images displayed in the Imported Images section can then be selected by clicking on the Select icon. Once you have an image selected, click on the Upload an image button in the bottom right corner to use that image in the image module.
Imported images can also be downloaded or removed. Removing an image will remove it from the Imported Images section AND from your Media Library.
For generated images, the pixel size and dimensions of the imported image will be the size you selected before clicking the Search / Generate Images button. For Unsplash images, the size cannot be set and will be determined by the size of the image uploaded to Unsplash.
The file size of the image will depend on the image dimensions, the Compression Quality value set in the Divi AI Images settings page, and the level of detail in the image. Default compression is 60%. Increasing the compression quality will produce a sharper image but will also produce a larger file size.
Clicking on the download icon will open the image in a new tab. From here you can right click on the image and save the image to your computer.
Clicking on the fullscreen icon will open the image in full size in a lightbox window to see more detail.