> For the complete documentation index, see [llms.txt](https://academy.gopersonal.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.gopersonal.ai/guia-de-usuario/personalizaciones/contenido-web.md).

# Contenido Web

El contenido web personalizado es esencial para ofrecer experiencias únicas y adaptadas a cada visitante, lo que contribuye a captar la atención y a fomentar una mayor interacción con el sitio. Esto no solo mejora la experiencia del usuario, sino que también impulsa la conversión al presentar contenido alineado con las expectativas y necesidades del cliente.

Con el tipo de personalización **Contenido Web**, es posible incorporar diversos elementos al sitio, tales como imágenes, videos, banners y contenido en línea.

Para crear una nueva personalización de este tipo, se debe hacer clic en el botón "Nueva Personalización" y seleccionar la opción "Contenido Web".

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FmdqhxNdI5kg3EVPz03sK%2FScreenshot%202024-08-28%20at%202.09.41%E2%80%AFPM.png?alt=media&amp;token=e240aafb-8cf1-483c-9958-a96115898ded" alt="" width="375"><figcaption></figcaption></figure>

Se deben proporcionar algunos detalles necesarios para configurar la personalización.&#x20;

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2F4xkEC8OUxHbtNAqqHA0V%2FScreenshot%202026-10-08%20at%202.16.34%E2%80%AFPM.png?alt=media&amp;token=cfe8ea0c-c895-455e-a361-afb2fa6e8163" alt=""><figcaption></figcaption></figure>

### Detalles&#x20;

* **Nombre:** Asignar un nombre descriptivo para identificar fácilmente la personalización.
* **ID:** Identificador único para la personalización (autogenerado a partir del nombre)
* **Tags:** Tags que luego permiten identificar la personalización.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FyRt1LuEHyoWIMls8Gatr%2FScreenshot%202026-10-08%20at%202.26.19%E2%80%AFPM.png?alt=media&amp;token=937f278d-9a86-49e6-810b-61506c0b7137" alt=""><figcaption></figcaption></figure>

### **Donde y cuándo se muestra**&#x20;

* **Página:** Tipo de página para la cual está diseñada la personalización: Detalle del Producto, Carrito, Categoría, Inicio, Listado de Productos, cualquier página específica.
* **Posición:** Posición del contenido en relación con el selector ingresado:
  * **Reemplazar:** Reemplaza el contenido actual del selector ingresado.
  * **Después:** Agrega el contenido después del selector ingresado.
  * **Antes:** Agrega el contenido antes del selector ingresado.
* **Ubicación del elemento en el sitio:** Selector HTML en su página donde se colocará el contenido personalizado. Es posible utilizar el [selector visual](/guia-de-usuario/personalizaciones/contenido-web/selector-visual-de-ubicacion-para-personalizaciones.md) para seleccionar la ubicación.
* **Ubicación del elemento en el sitio Mobile:** Si el selector Mobile es distinto es posible asignarlo aquí. Es posible utilizar el [selector visual ](/guia-de-usuario/personalizaciones/contenido-web/selector-visual-de-ubicacion-para-personalizaciones.md)para seleccionar la ubicación.
* **Prioridad**: Cuando la página tiene personalizaciones con distintas prioridades, se cargan de a una, de menor a mayor número. Sin prioridad (o todas iguales) se cargan todas al mismo tiempo.&#x20;

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FQiTvbX7EU1f6SIZ0zIGz%2FScreenshot%202026-10-08%20at%202.28.39%E2%80%AFPM.png?alt=media&amp;token=9eb1051d-e6e0-4349-b21a-75eda4b42d43" alt=""><figcaption></figcaption></figure>

### **Experiencias**&#x20;

Una vez creada se puede comenzar a crear experiencias para esta personalización clickeando el botón "Nueva Experiencia".

* [Experiencias](/guia-de-usuario/personalizaciones/experiencias.md)

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2F4Wt9pJG9qsGb9SfLgQKu%2FScreenshot%202026-10-08%20at%202.38.32%E2%80%AFPM.png?alt=media&amp;token=5c7bee01-845c-484c-a50f-c1bf5b535657" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
El orden de las experiencias es crucial. Si un cliente califica para más de una experiencia, el orden configurado determinará la prioridad. Se puede ajustar el orden utilizando la funcionalidad de arrastrar y soltar.
{% endhint %}