> 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/codigo-custom.md).

# Código Custom

Las personalizaciones de tipo **Código Custom** permiten integrar código JavaScript directamente en el sitio web, proporcionando una flexibilidad total para ajustar y personalizar funcionalidades más allá de las opciones estándar. Esto facilita la creación de experiencias únicas y adaptadas a necesidades específicas, potenciando el rendimiento y la interactividad del sitio de manera avanzada.

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 "Código Custom".

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FWpu6oe9DvGvk4htq9vQg%2Fimage.png?alt=media&amp;token=ccddd06d-1006-41eb-84d2-49fc340cad11" alt="" width="375"><figcaption></figcaption></figure>

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

### 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.
* **Ejecutar:** Permite definir el momento o la acción específica que se ejecutará el codigo custom en sitio.
  * *Al cargar la página:* Codigo se ejecuta tan pronto como la página termina de cargar.
  * *Después de un Tiempo Específico:* Codigo se ejecuta después de un retraso de tiempo especificado desde que la página se carga.
  * *Después de una Interacción:* Codigo se ejecuta después de que el usuario realiza una interacción como agregar a carrito o ver el detalle de un item.
  * *Con Intención de Salida:* Codigo se ejecuta cuando el sistema detecta que el usuario tiene la intención de abandonar la página.
  * *Al Hacer Clic/Pasar el Ratón:* Codigo se ejecuta cuando el usuario hace clic en o pasa el ratón sobre un elemento designado.
* **Frecuencia:** La frecuencia regula cuántas veces se ejecuta el codigo a un mismo visitante en un período determinado.
  * *Una Vez por Página:* Solo una vez por cada carga de página.
  * *Una Vez por Sesión:* Solo una vez durante toda la sesión del usuario.
  * *Una Vez al Día:* Una vez cada 24 horas para el mismo visitante.
  * *Una Vez a la Semana:* Una vez cada 7 días para el mismo visitante.
  * *Una Vez al Mes:* Una vez cada 30 días para el mismo visitante.
  * *Solo Una Vez:* Una vez a cada visitante, independientemente del período de tiempo.
* **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%2Fr46aHL6LjcBWMoNtiSNj%2FScreenshot%202026-10-08%20at%202.58.48%E2%80%AFPM.png?alt=media&amp;token=d9bb94b9-141f-4ca9-bf01-7c52eead6cac" alt=""><figcaption></figcaption></figure>

### **Experiencias**

Una vez configurada, 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 %}