> 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/nueva-variante-desde-0.md).

# Nueva Variante desde 0

Crear una variante desde cero permite un control total sobre el contenido y la personalización que se desea implementar. Este enfoque es ideal para quienes buscan diseñar una experiencia única y altamente personalizada, partiendo de una plantilla vacía. Al crear una variante desde cero, se puede añadir y configurar el código necesario para construir el contenido desde sus fundamentos, asegurando que se alinee perfectamente con las necesidades específicas del negocio y los objetivos de la personalización.

Es posible crear una variante añadiendo código HTML, CSS, Javascript o JSON, dependiendo del tipo de personalización que se esté implementando. Esto permite una personalización profunda y detallada, adaptando el contenido exactamente a las necesidades y requisitos específicos.

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

* HTML : Agregar contendo HTML.&#x20;
* CSS: Agregar contenido css.&#x20;
* JS: Agregar contenido javascript.&#x20;
* Links Externos: Permite agregar links externos que se usan en la web donde irá la personalización para que el diseño refleje la realidad.&#x20;
* Variables: Permite gestionar variables. &#x20;

### Diseño

Es posible alternar la vista del diseño para visualizar cómo se verá en dispositivos tablet y móviles, asegurando que la personalización sea responsiva y se adapte correctamente a diferentes pantallas.

### Guardar como Template&#x20;

Permite guardar un contenido como template para luego ser utilizado en otras experiencias. Es necesario agregar el nombre para guardarlo. Luego puede ser agregado desde Mis Templates.&#x20;

También se puede ver y modificar desde la sección Templates en el catálogo. &#x20;
