Variables: personalización de Flakes

Personalizar cualquier tipo de Flake con información del usuario final que recibe la pieza de marketing es una de las grandes características de todo UiTool. Las Landings, PowerApps, las plantillas de email o el prompteo de un Bot, todos pueden nutrirse de variables dinámicas para optimizar su comunicación.

Creación de variables en un SkinX#

Al encontrarse trabajando en un SkinX en UiTool, en todo momento podremos crear variables para utilizar en todos los Flakes.

Cada variable cuenta con su nombre con la cual se identificará, un placeholder o valor por defecto, un color que la represente que podremos utilizar para categorizarlas en grupos, y un tipo pudiendo ser de texto, número booleanos o variables especiales para popular tablas de datos. Este último tipo de variable cuenta a su vez con la posibilidad de agregar columnas a una tabla con su respectivo header, placeholder y descripción.

Existe una propiedad más que posee cada variable que es su descripción. Este campo es bastante especial y fundamental a la hora de inyectar cada variable en un bot. La descripción se utiliza para promptear el modelo de lenguaje y que la IA entienda qué representa el valor de dicha variable.

Con toda esta información, cada variable se convierte en una pequeña pieza clave dentro de un Flake.

Tipos de variable#

Encontraremos tres tipos de variables en UiTool:

Las variables text, que como su nombre lo indica, permiten guardar texto:

Las variables del tipo image, que permiten reemplazar una URL de una imagen para que esta sea dinámica. Podemos reconocer cuando una imagen esta conectada a una variable gracias al círculo de color que aparece en el modificador del componente.

Y por último, las variables table para popular el componente tabla. Pero dejaremos de lado estas de momento, dado que se encuentran en desuso.

Variables por Flake#

Los Flakes de Landings, PowerApps e Email permiten la utilización de variables al encontrarnos diseñándolo. Utilizamos estas con el componente texto en donde podremos redactar lo que necesitemos e inyectar variables en el medio del texto. De esta forma podremos personalizar una sección del flake como el siguiente: *¡Hola, firstname! Te informamos que tu saldo pendiente a pagar es de total_amount.

Tanto la variable firstname como total_amount son inyectables con valores reales provenientes de un Excel o una API antes del envío de la landing, powerapp o email.

Por parte de los Bots, también aprovechan las variables que se encuentren en el flake subyacente a este. Si tenemos un bot entrenado en UiTool que consume las variables firstname y total_amount, podrá saludar al usuario con el que está hablando por su nombre de pila e informarle de su deuda, haciendo así la interacción con el mismo totalmente personalizada.

Cada variable en un SkinX es reutilizable en todos los Flakes que se requiera. Pueden utilizarse, no solo para mostrar información dinámica, también para mostrar un componente entero al disponer de variables booleanas. En cuanto a las variables tabla, automáticamente generan las columnas de esta dependiendo la cantidad de headers que tenga al vincularse con este tipo de componente.

Una vez tengamos todas las variables en su lugar en el Flake, es momento de entender el proceso por el que pasan para inyectar sus valores.

Inyección de variables#

El Engine de UiTool es el software capaz de renderizar en un navegador web los flakes de un SkinX. El mismo es quién se ocupa de inyectar los valores de las variables donde corresponde, utilizando los placeholders si se trata de una previsualización de un flake aún en etapa de diseño, o los datos reales si estos se cargaron a través de la creación de un Hotlink o la creación de una campaña.

La creación de un Hotlink puede realizarse tanto desde UiTool como desde el Dashboard de manera masiva con un Excel y nos da como resultado una pieza única con determinados valores de variables. De esta manera es que cada fila de Excel representa un usuario distinto y podremos customizar la Landing o la PowerApp con sus datos personales. A lo igual que alimentar el bot con estos mismos.

Diccionario de variables#

La Suite posee un conjunto de variables preestablecidas que debes usar en tus SkinX para que el dato sea compatible con el CRM de Small y demás lógica del software.

Variables de clientes:

• ClientFirstname: nombre del cliente
• ClientLastname: apellido del cliente
• ClientPhone: número de teléfono
• ClientLocation: dirección de la vivienda
• ClientEmail: correo electrónico

Asegúrate de utilizar exactamente estos nombres de variables para que las aplicaciones que diseñes en UiTool funcionen correctamente con Small y Small Inbox.

También es crucial la descripción de cada variable, que sea clara y pertinente, dado que esta información se utiliza de múltiples formas tanto en Small como para promptear al bot.

Conclusión#

Las variables son esa característica principal de UiTool que generan todo el dinamismo y customización de los flakes. Su correcta aplicación es clave en el diseño para posteriormente producir piezas y enviar campañas exitosas.