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

# Variables

Las variables son fundamentales en el proceso de personalización, ya que permiten realizar ajustes rápidos y sencillos en las variantes sin necesidad de conocimientos técnicos avanzados. Facilitan la modificación del contenido de manera eficiente, lo que optimiza el tiempo y asegura que las variantes se adapten de manera precisa a las necesidades del negocio.

Las variables son creadas por usuarios con mayor experiencia técnica y permiten que los usuarios de negocio completen el template sin necesidad de codificación, haciendo el proceso de personalización más accesible y eficiente.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FQuKF65E6Bx9d0zrUDFnu%2Fimage.png?alt=media&amp;token=4689be5e-fa59-40ef-9018-5f73c0c3672f" alt=""><figcaption></figcaption></figure>

## Creación de Variables

Para crear una nueva variable, se debe hacer clic en el botón "Nueva Variable". A continuación, se requiere ingresar el nombre, tipo, tooltip, placeholder y el grupo al que corresponde.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FB3uLIHKAgQswSSY7bLcS%2FScreenshot%202024-08-30%20at%208.38.50%E2%80%AFPM.png?alt=media&amp;token=c26f9540-2885-402e-adbb-f1f6a7517468" alt="" width="375"><figcaption></figcaption></figure>

**Tipos de Variables:**

* **Texto:** Los usuarios de negocio pueden ingresar texto, útil para modificar el contenido textual dentro del template.
* **Número:** Los usuarios de negocio ingresan un número, por ejemplo, para definir tamaños en píxeles o porcentajes.
* **Color:** Los usuarios de negocio seleccionan un color, utilizado para el texto o los bordes.
* **Imagen:** Los usuarios de negocio pueden cambiar la URL de una imagen o subir una nueva, utilizada en banners, por ejemplo.
* **Opciones:** Los usuarios de negocio seleccionan de un conjunto de opciones predefinidas.
* **Propiedad del Producto:** Propiedades del producto como nombre, precio y propiedades personalizadas que se han añadido.
* **Opciones de Propiedad del Producto:** Muestra las propiedades del producto para que el usuario de negocio seleccione, utilizado para recomendaciones basadas en afinidad.
* **Listado:** Define los atributos para la lista que el usuario de negocio completará. Por ejemplo, para un slider de banners, cada diapositiva podría tener una imagen, texto y color de botón.
* **Fuente de texto:** Seleccionar del listado de fuentes disponibles.
* **Fecha**: Usuarios de negocio ingresan fecha.
* **Fecha y Hora:** Usuarios de negocio selecciona fecha y hora.
* **Video Shopping:** Usuario de negocio selecciona un video creado en la sección video shopping.
* **Textarea:** Usuario de negocio completan textos de varias líneas.

Estos datos son luego presentados al usuario de negocio para que los complete.

{% hint style="info" %}
Las variables se agregan en el código como **{{VARIABLE NAME}}**.
{% endhint %}

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FJwPRTiMXElvnspdQYYcV%2FScreenshot%202024-08-30%20at%209.10.43%E2%80%AFPM.png?alt=media&amp;token=7d300412-88c8-4fec-811e-69be62a15f56" alt="" width="563"><figcaption></figcaption></figure>

## Modificar Variable

Es posible modificar una variable haciendo clic en el icono <img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FanmgyGkHMG7rrlB5uGEY%2Fimage.png?alt=media&amp;token=108c9ca7-128a-4dc7-bdfb-728be6ec9ae6" alt="" data-size="line">. También se puede eliminar la variable desde esta opción.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FyGaDEmqQXQesF40RxP8g%2FScreenshot%202024-08-30%20at%209.07.56%E2%80%AFPM.png?alt=media&amp;token=5c5798d3-7a24-4a8c-9377-6cdb2779fba8" alt="" width="355"><figcaption></figcaption></figure>

## Grupo de Variables

Los grupos de variables permiten organizar y agrupar diferentes variables, facilitando la búsqueda y modificación por parte del usuario. Por ejemplo, se puede tener un grupo para tamaños y otro para textos. Para crear un nuevo grupo hacer click en el botón "Nuevo Grupo" e ingresando el nombre del grupo.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FheLp7Wc5cm3zCKmO3Ie9%2FScreenshot%202024-08-30%20at%209.51.06%E2%80%AFPM.png?alt=media&amp;token=b515462f-be5d-496a-8c14-8823b51060a5" alt=""><figcaption></figcaption></figure>

## Completar Variables

Como usuario de negocio, se puede completar o modificar los valores de las variables de acuerdo con cada tipo. En la vista previa a la izquierda, se puede observar cómo se actualiza el contenido a medida que se modifican las variables.

<figure><img src="https://1714366366-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuYUYzfG5fXW0akjkg1XQ%2Fuploads%2FrXllBlupLupYmseivS0V%2FScreenshot%202024-08-30%20at%208.52.48%E2%80%AFPM.png?alt=media&amp;token=7932c329-37ba-4039-b8b3-44e115b9f35a" alt=""><figcaption></figcaption></figure>