> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained.md).

# Explicación del editor de micrositio

El editor de micrositios te da control sobre lo que verán los participantes de tu programa Advocate, permitiéndote personalizar diseños, páginas, contenido y elementos de marca como fuentes y colores.

Este artículo de ayuda explica la interfaz del editor y proporciona información general sobre cómo se estructuran los micrositios, incluidos los diseños, las páginas y los componentes. Obtén más información sobre [configurar un micrositio](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/set-up-a-microsite.md) y [personalizar la marca y el contenido](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md) de sus diseños y páginas.

#### Abrir el editor de micrositios

1. En el menú de navegación izquierdo, seleccione ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Contenido**.
2. En la *Micrositio* tarjeta, selecciona **Editar contenido**.

#### Interfaz del editor

El editor de micrositios consta de una barra de menú superior, el lienzo de edición, el panel deslizante del micrositio y el menú de componentes.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F6kHBNQwam7HkEsoPhH3u%2FCanvas%20(1).png?alt=media&amp;token=96041e31-6e5e-449a-b018-f94859825093" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Barra de menú superior" %}
La barra de menú en la parte superior de la página es donde puedes deshacer acciones, ver el código HTML y previsualizar el micrositio terminado. Usa los iconos de escritorio, tableta o móvil para ver cómo aparecerá tu micrositio en dispositivos con distintos tamaños de pantalla.
{% endtab %}

{% tab title="Lienzo" %}
El lienzo muestra el contenido actual de tu micrositio. Puedes seleccionar componentes individuales para editarlos, o añadir nuevos y ver de un vistazo cómo se mostrarán para tus participantes. Estos componentes se enumeran a la izquierda dentro de la sección deslizante del micrositio.

* Seleccione **Capas** para ver una vista detallada de todos los componentes de tu página o diseño
* Seleccione **Plantillas** para ver las plantillas disponibles para las páginas de tu micrositio.
* Verás un tercer menú que depende del contexto según la página, diseño, widget o correo electrónico que hayas seleccionado

  <div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3de3488148e89adc893ddbf2940d67dedea36a75%2F6564954dd5c2ac36c28fe92e6602750c13ebe01d18f84f6781593d1ec66448f5.jpg?alt=media" alt="" width="122"><figcaption></figcaption></figure></div>

{% endtab %}

{% tab title="Panel deslizante del micrositio" %}
El panel deslizante del micrositio es un panel plegable a la izquierda del lienzo. Visualiza la estructura de herencia de tus diseños y páginas como un árbol. Selecciona diseños o páginas individuales para ver el contenido y hacer ajustes. Aquí también puedes añadir más páginas y diseños.

Para aplicar aún más estilo a nivel de marca, selecciona la opción Estilo del micrositio. Consulta [Personalizar widgets y micrositios con el editor de contenido](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/customize-widgets-and-microsites-with-the-content-editor.md) para obtener más información sobre las opciones de estilo disponibles para ti.
{% endtab %}

{% tab title="Menú de componentes" %}
El menú de componentes es un panel a la derecha del lienzo. Usa la *Añadir* pestaña para insertar nuevos componentes en el lienzo y la *Editar* pestaña para hacer ajustes a lo que ya está allí.
{% endtab %}
{% endtabs %}

#### Estructura del micrositio

Hay algunos elementos básicos que es importante entender al personalizar tu micrositio: diseños, páginas y componentes.

<details>

<summary>Diseños</summary>

Los diseños actúan como «marcos» para tu micrositio. Son el lugar donde puedes colocar componentes que quieras que aparezcan de forma general en todo el micrositio, como encabezados e imágenes de banner.

Los diseños y las páginas están vinculados mediante una estructura de herencia. Tanto las páginas como los diseños pueden heredar un diseño. Las páginas y los diseños que tengan un diseño heredado verán su contenido envuelto por el contenido de su diseño heredado.

{% hint style="info" %}
**Ejemplo:** Si tu diseño base contiene una imagen de encabezado, cualquier página que herede el diseño base mostrará la misma imagen de encabezado en la misma ubicación.
{% endhint %}

Si usaste la configuración automática para crear tu micrositio, entonces tu sitio tiene tres diseños de forma predeterminada.

**Diseño base**

El diseño base es donde puedes colocar contenido que quieras que aparezca sin importar en qué página esté un participante y si está autenticado en tu sitio. Es donde puedes añadir un encabezado o pie de página que quieras que aparezca en todo el sitio. El diseño base también contiene el contenedor de marca, que administra los colores y las fuentes en todo el sitio.

Tanto el *Diseño de sesión iniciada* y el *Diseño sin iniciar sesión* heredan el *Diseño base*.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F3NHdmPGgjMudnsCGd1Yy%2Fimage.png?alt=media&amp;token=54feac69-8c46-48be-9f14-32209f3c2539" alt="" width="312"><figcaption></figcaption></figure></div>

**Diseño para usuarios conectados**

El *Diseño de sesión iniciada* es donde puedes añadir componentes que verán todos tus participantes conectados, sin importar en qué página estén. Por ejemplo, el menú de navegación lateral de tu micrositio se crea mediante un componente en el diseño. Como se añade al diseño, cualquier página que herede ese diseño incluirá esa barra lateral.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FRFRn1J9JxD4iYpmKIAv0%2Flogged-in-layout.jpg?alt=media&amp;token=4815b054-264d-46e5-bcc8-88ed3ea5a624" alt="" width="310"><figcaption></figcaption></figure></div>

**Diseño para usuarios desconectados**

El *Diseño sin iniciar sesión* es donde puedes personalizar lo que verá cualquier participante que no esté autenticado en ese momento.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fzmg9mkIeow7cpu0katqi%2Flogged-out-layout.jpg?alt=media&amp;token=9bbd561b-237e-43f1-833b-d1076bf9e857" alt="" width="291"><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Páginas</summary>

Las páginas son donde construyes el contenido de tu sitio, como explicaciones del programa, información de referidos y de compartir, y texto/imágenes. Selecciona una página individual dentro de uno de tus diseños para abrir y editar su contenido.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a6c026b6fbf6429ea9a8ff3ee2db4f6acfc84fd%2F87f7c50502733db94119262cc22612ef67923c5fc190d8c29938be0f4fd5a34f.jpg?alt=media" alt="" width="318"><figcaption></figcaption></figure></div>

La visibilidad también puede configurarse a nivel de página, lo que te permite restringir el acceso a la página a una de las siguientes opciones:

* <mark style="color:$success;">**Verificado**</mark>: Solo participantes conectados.
* <mark style="color:$danger;">**No verificado**</mark>: Participantes conectados que no han verificado su dirección de correo electrónico.
* **Público**: Visible para cualquiera.

Si usaste la configuración automática para crear tu micrositio, entonces tu sitio viene equipado con varias páginas que heredan el *Diseño de sesión iniciada* y el *Diseño de sesión iniciada*.

**Páginas del diseño para usuarios conectados:**

* Actividad
* Panel de control
* Editar perfil
* Envío de leads
* Impuestos y efectivo

**Páginas del diseño para usuarios desconectados:**

* Verificación de correo electrónico
* ¿Olvidó su contraseña?
* Inicio de sesión
* Cerrar sesión
* Página no encontrada
* Registro
* Restablecer contraseña
* Verificar correo electrónico

</details>

<details>

<summary>Componentes</summary>

Los componentes son elementos individuales que puedes añadir a tus páginas y diseños para personalizar aún más la experiencia de micrositio de tus participantes, como imágenes destacadas o un feed de referidos.

Los componentes se agrupan en el menú de componentes. Consulta [Explicación de los componentes de widgets y micrositios](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences.md) para obtener una lista completa de los grupos de componentes y los componentes individuales.

<div data-with-frame="true"><figure><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-75004e7777739ce86600fd0a716eedbd7aa6c52d%2Ff413cd8a60e0c449e8d8a0e0ea0821173134ae92203976190fe299ac2ac079c6.jpg?alt=media" alt="" width="229"><figcaption></figcaption></figure></div>

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.