# AI Landing Pages - Creating the First Page

## 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.

<figure><img src="/files/b41042984e470424f6c9bfe2c119c383db915b20" alt=""><figcaption><p><em>AI Pages List.</em></p></figcaption></figure>

<figure><img src="/files/b57220818c9e03ff0f049e217071e7b7af6b7a24" alt=""><figcaption><p><em>'Edit Page' screen.</em></p></figcaption></figure>

## 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 **Default**method, 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.

<figure><img src="/files/56596442469060e53acb3673a2db5e90211c63b1" alt=""><figcaption><p><em>Generation Method Menu.</em></p></figcaption></figure>

## 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.

<figure><img src="/files/1a299f6fd1980f1bb2338b576fbd9dfd8374968b" alt=""><figcaption><p><em>Prompt used in the generation.</em></p></figcaption></figure>

<figure><img src="/files/f1e8b0f38f4a0ab5ee715540f53c2f5e52f64718" alt=""><figcaption><p><em>Page builder.</em></p></figcaption></figure>

## 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.

<figure><img src="/files/1aa6dc12f4084b38ca641eafcaaad3fa20aef222" alt=""><figcaption><p><em>Page builder.</em></p></figcaption></figure>

<figure><img src="/files/0f72ee4ed7ad1dc025dd280b761c34063a3fa19f" alt=""><figcaption><p><em>'Edit Page' screen. Unpublished page warning.</em></p></figcaption></figure>

<figure><img src="/files/0a6229538897b3df9216549399fc7a677913005c" alt=""><figcaption><p><em>'Edit Page' screen. URL available.</em></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-creating-the-first-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
