# Guía de uso de Sitejet Builder

**Configuración inicial y Acceso.**

Para ingresar a la herramienta, basta con entrar a **cPanel** y luego dirigirse a **Dominios** ⇒ **Sitejet Builder**.

<figure><img src="/files/GzYcDqwWMRDQV616u9aJ" alt=""><figcaption></figcaption></figure>

Esto nos redirigirá a una URL temporal. Comenzaremos seleccionando la opción "*Template Selection*", donde podremos seleccionar la plantilla base para el diseño del sitio web a crear.

<figure><img src="/files/L4fzj2pLANTdurxGAF82" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/cOFG0IdiCrmB9WBwc50s" alt=""><figcaption></figcaption></figure>

Debajo de cada plantilla verán dos opciones: “*View*” para ver una demo y simular diferentes formatos (PC, Tablet y Celular), y “*Choose*”, para seleccionarla como plantilla sobre la que trabajar.

**PC**

<figure><img src="/files/HcSKzgzjvuJzLsOLb3iT" alt=""><figcaption></figcaption></figure>

**Tablet**

<figure><img src="/files/6QHCEUVfaXlEXvG6jVUW" alt=""><figcaption></figcaption></figure>

**Celular**

<figure><img src="/files/jRSbbfMfVG4U4IPdYzN2" alt=""><figcaption></figcaption></figure>

Después de elegir una plantilla, se accede al editor, donde encontrarás múltiples herramientas para ajustar, configurar y dar estilo a tu sitio web. Aunque la cantidad de opciones pueda parecer extensa al principio, su manejo es muy fácil: todo el diseño se realiza mediante la función de “arrastrar y soltar” y la personalización a través de distintos paneles y configuraciones.

<figure><img src="/files/Rmw8twWjjVPQunTkohYS" alt=""><figcaption></figcaption></figure>

Arriba, en el extremo izquierdo de la pantalla veremos el símbolo del *Menú* (Tres líneas horizontales). \
Entre las opciones que aparecen allí, podemos destacar:

* ***Backups:*** antes de aplicar cualquier publicación, el sistema crea automáticamente un respaldo, lo que te permite regresar a una versión anterior si es necesario.
* ***Preferences:*** en este apartado podrás ajustar distintas opciones del editor, como seleccionar el idioma Español u otras configuraciones según tus necesidades.

<figure><img src="/files/AYP4325hKwp195oS6MPm" alt=""><figcaption></figcaption></figure>

***La barra lateral*** concentra las principales herramientas del editor; desde allí podés buscar y arrastrar distintos elementos prediseñados para construir la estructura de tu sitio.

<figure><img src="/files/MobH6ZHCrjOtlINz3wI1" alt=""><figcaption></figcaption></figure>

Entre las opciones disponibles encontrarás acordeones, tablas, formularios, encabezados, textos, columnas, imágenes, carruseles, videos y audios, entre muchos otros.

En el ***área central*** es donde se desarrolla todo el diseño: vas agregando, moviendo o ajustando cada componente. Con solo hacer clic sobre un bloque, accederás a sus opciones de personalización.

<figure><img src="/files/Ig6WeXkYT9z6V7pyZnAu" alt=""><figcaption></figcaption></figure>

En ***la parte superior*** del editor se encuentran herramientas como deshacer y rehacer acciones, ajustar el tipo de vista para comprobar cómo se muestra el sitio en dispositivos móviles o tablets, y modificar el nivel de zoom.

<figure><img src="/files/LA1l18QzVl6bteAGxqRO" alt=""><figcaption></figcaption></figure>

En el extremo derecho de esa barra se agrupan varias secciones clave:

* **Diseño:** permite definir el estilo y la apariencia general del sitio.
* **Páginas:** desde aquí se gestiona la estructura del sitio, creando subpáginas, modificando URL amigables, títulos SEO y palabras clave.
* **Navegador:** ofrece una vista jerárquica de todos los elementos presentes en la página.
* **Generador de texto:** utiliza inteligencia artificial para producir contenido optimizado para la web.
* **Publicar:** función esencial para aplicar los cambios realizados; al publicarlos, el sistema actualiza el directorio del proyecto con la versión más reciente del sitio.
* **Más:** incluye configuraciones adicionales, como la gestión de idiomas, ajustes SEO, tipografías, colecciones, archivos, imágenes de stock y opciones globales del sitio, como el logotipo.

***La barra inferior***, aunque discreta, cumple funciones útiles: muestra la ruta del bloque que estás editando y también ofrece la posibilidad de visualizar el código que el sistema genera automáticamente en tiempo real.

<figure><img src="/files/hUd6v8HDTAGDFWgsme05" alt=""><figcaption></figcaption></figure>

Las funciones y herramientas de Sitejet Builder se amplían constantemente, por lo que resulta difícil abarcar todas en una sola guía. Sus aplicaciones son prácticamente ilimitadas y varían según cada proyecto. Te recomendamos explorarlo y probar sus distintas opciones para aprovechar al máximo todo su potencial.


---

# 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://ayuda.sitioshispanos.com/menu-principal/guias/paneles-de-control/panel-de-control-cpanel/sitejet-builder/guia-de-uso-de-sitejet-builder.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.