# How to use the Web Builder?

Let's take the first steps within the **Web Site Builder**.

1. Choose the template you will use for your website. If necessary, you can change it later. By hovering the cursor over the desired template, you can preview it or select it.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(11).png" alt=""><figcaption></figcaption></figure>

2. Once the template is selected, you can edit it according to your personal preference.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(6).png" alt=""><figcaption></figcaption></figure>

3. There is a wide variety of elements that can be added and edited within the builder. Below are some basic aspects that will help you manage the platform perfectly.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(34).png" alt=""><figcaption></figcaption></figure>

When you click on an instance of the template (1), the editing menu for it will open on the right (2). This menu is divided into several options for editing.

Another important aspect is adding elements. This is done in a very intuitive way. Simply, select with the cursor any element from the top bar and drag it to the location where you want to place it. For example, let's add a new image:

1. First, hover over where it says "**Image**". Then drag the cursor to the desired location:
2. Then drag the cursor to the desired location:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(15).png" alt=""><figcaption></figcaption></figure>

3. A new menu will open to insert an image:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(22).png" alt=""><figcaption></figcaption></figure>

4. You can choose to upload an image from our computer, from a URL, or use one of the defaults by the platform. Then click on the desired image, add it, and at the end you can resize, position, and modify its properties.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(14).png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(32).png" alt=""><figcaption></figcaption></figure>

As a final step, you need to publish or preview the content created so far. You can do it as follows:

To **preview** the content:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(20).png" alt=""><figcaption></figcaption></figure>

To **publish/backup or restore** content:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(23).png" alt=""><figcaption></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://help.sitioshispanos.com/menu-principal/guias/constructor-web/comenzar-a-utilizar-el-constructor-web.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.