AI Landing Pages - Creating the First Page

Practical guide to generating personalized pages with AI.

Choosing a title and alias

When accessing the module AI Landing Pages, you will find a list with all the pages already created. Each item in this list displays information such as the page title, its alias, publication status, URL (when available), number of visits, creation date, and number of submitted forms. Below, the meaning of some terms used:

• Alias: changing the alias resets the address of your page. The previous URL stops working and a new one is automatically created, based on the latest version of your code. It will appear at the end of the URL like in this example: https://yourdomain.com/page-alias.

• Title: it is the name that identifies the page within the list. It does not change how the page appears in the browser tab or in search engines like Google.

After entering the Title and Alias, click Save to proceed to the Builder.

AI Pages List.

'Edit Page' screen.

Choosing the generation method

There are 4 methods for generating the page:

• Default (recommended): this method uses a prompt about your company and how you envision the site. In it, you can indicate which sections the page should have, about promotions, which forms or data you want to capture and even style details, such as colors and typography.

• By Image: in this method, you upload screenshots or images of reference sites, and the artificial intelligence generates a similar page, taking those images as a basis.

• Guided: in this method, you answer a questionnaire about the company, visual identity, goals, references, product and target audience. The answers help the artificial intelligence create a page more aligned with your needs.

• Manual: similar to the Defaultmethod, but without using pre-defined CSS libraries (like Tailwind) or icon libraries. It is recommended only for advanced users who want a more flexible level of customization.

Generation Method Menu.

Generation Example: Default

Below is an example of the prompt and the generated page. To make the illustration more complete, the only change made was the creation of the logo and the hero image, both generated within the builder itself.

Prompt used in the generation.

Page builder.

Saving changes and publishing the page

Whenever you make changes in the builder, you need to save them. However, this is not enough to update the production site (the version that appears to customers). For the new version to become available, it must be published by clicking Exit, in the top right corner, after saving.

Page builder.

'Edit Page' screen. Unpublished page warning.

'Edit Page' screen. URL available.