Cómo Enviar Tarjetas de Mensajes en Chatbots

Puedes usar los datos de tu servicio de API para enviar datos como una matriz en formato JSON en el elemento "Solicitud de API” y crear una tarjeta de mensaje con una breve descripción y una imagen de vista previa. Por ejemplo, puedes mostrar tus artículos o servicios más populares, una lista de categorías de productos disponibles o una vista previa de tus últimas publicaciones de blog en un chat con un suscriptor.

La función es compatible con Telegram, Instagram y Facebook. Para chatbots en WhatsApp. Puedes enviar tarjetas de productos usando Facebook Commerce Manager y SendPulse.

A continuación hablaremos de los parámetros que puedes pasar y cómo configurar el elemento “Solicitud de API” en un flujo de chatbot.

Establece una URL para Enviar la Solicitud

Encuentra un flujo en el que quieras agregar tarjetas de productos o crea uno nuevo. En el generador de flujo, agrega el elemento "Solicitud de API", selecciona el método de solicitud GET e inserta el enlace a tu API en el campo "Recuperar datos de una URL externa".

Asegúrate de ejecutar una solicitud de prueba haciendo clic en Solicitud de prueba y obtén la estructura de la matriz.

Ve a la pestaña "Enviar mensajes''. En el campo "Enviar una lista de mensajes basada en la matriz especificada" y determina la ruta a la matriz. Tu dirección se generará en el formato JSONPath ({{$['somekey']['nestedkey']}}). Si la matriz es el elemento raíz JSON, el símbolo $ se especificará como su ruta.

Personaliza la Visualización de los Datos Recibidos

Puedes mostrar hasta diez tarjetas de productos en un mensaje por el que tu cliente puede desplazarse, comparar y hacer clic en un enlace para comprar un artículo. De esta forma, tu chatbot mostrará solo los primeros diez elementos con los datos de la matriz obtenida.

Selecciona los valores de la matriz. Cada campo de la tarjeta de producto puede tener los siguientes elementos:

• Direcciones relativas de elementos de matriz coincidentes. Los números ordinales en los elementos de dirección serán reemplazados por[*]. Por ejemplo: {{$['data'][*]['title']}}.
• Un valor de texto estático (cadena), por ejemplo, un enlace https://shop-example.com o nombre del botón.
• Una combinación de una dirección relativa y un valor de texto estático, por ejemplo: Title: {{$[*]['title']}}}.
• Direcciones relativas de elementos coincidentes fuera de la matriz.
• Variables almacenadas en la audiencia de tu bot.

Los parámetros disponibles se describen en la siguiente tabla:

Llena los campos con los valores seleccionados.

Y haz clic en Aplicar para guardar la configuración.

Prueba el Resultado

Guarda el flujo, ejecuta el activador y prueba cómo se muestran las tarjetas de productos en tu chatbot.

En Instagram y Facebook Messenger los usuarios pueden deslizar las tarjetas de izquierda a derecha con el cursor.

Tomemos en cuenta que no hay una estructura de "carrusel" ya hecha en Telegram, así que tu chatbot enviará tarjetas de productos una a la vez, lo que permitirá a los usuarios cambiar entre diapositivas con los botones “derecho” e “izquierdo”.

En la tarjeta de mensaje solo puedes agregar un enlace con un enlace a un recurso externo. Para continuar el flujo, conecta el siguiente mensaje a través de conectores (rojo, en caso de error o verde, en caso de solicitud exitosa).

No puedes bifurcar el flujo según el botón presionado, por lo que para ayudar a seleccionar un artículo, puedes agregar números secuenciales del 1 al 10 a los botones en el siguiente mensaje o pedirle al cliente que especifique los números o el nombre del artículo que desea.

De esta manera podrás mostrar tus artículos de una manera más dinámica e intuitiva a tus clientes.

Última actualización: 26.03.2024