> 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/experiencias/variantes/preview-en-el-sitio.md).

# Preview en el sitio

Al presionar el botón **Preview** e ingresar la URL donde se mostrará la personalización, es posible visualizar un preview en tiempo real directamente sobre el sitio (se abre en una nueva ventana). Esta vista queda sincronizada con el editor, por lo que cualquier cambio realizado en variables, CSS, HTML o JavaScript se refleja automáticamente en el preview.

<figure><img src="/files/9TCuKLNy7pHS9rHVvpZK" alt="" width="563"><figcaption></figcaption></figure>

Esta funcionalidad permite acelerar el desarrollo y la validación de personalizaciones, reduciendo tiempos de implementación y minimizando errores antes de su publicación.

{% hint style="warning" %}
Es importante guardar los cambios una vez que el resultado sea el esperado, para asegurar que la personalización quede correctamente aplicada.
{% endhint %}