AI Landing Pages - Generating Images and Updating Elements

How to use the Image Generation and AI Editing tool.

Correcting/Changing elements with AI

When selecting an element inside the builder and clicking Modify Element with AI, just provide in the prompt the desired change for that specific item. Some common changes are: change 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 AI edit prompt.

Update completed.

Generating images

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

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

Selecting image with placeholder.

Generate Image with AI modal.

Image generated successfully.