AI Landing Pages - Generating Images and Updating Elements

How to use the Image Generation and Editing tool with AI.

Fixing/Editing elements with AI

When selecting an element inside the builder and clicking on Modify Element with AI, just describe in the prompt the desired change for that specific item. Some common changes are: adjust size, layout orientation, text properties, color, and others. The other elements on the page will not be affected.

The prompt can be described in plain language — for example: “Paint this background light blue” — or in technical CSS terms, such as: “Change the background color to #add8e6”.

Identifying the element to be modified.

Entering the AI editing prompt.

Update completed.

Generating images

When selecting an image element (<img>) in the builder and clicking on Generate Image with AI, just describe in the prompt how the image should be and include the necessary details.

To use this feature, the OpenAI integration must be previously configured.

Selecting image with placeholder.

Generate Image with AI modal.

Image generated successfully.