Mensajes de productos WhatsApp

Los mensajes de productos permiten a las empresas mostrar y compartir sus productos y servicios con los clientes a través de un chat de WhatsApp, y a los clientes consultar artículos, añadirlos al carrito y realizar un pedido sin salir del chat.

Para trabajar con Mensajes de Producto hay que seguir unos pocos pasos:

Creación de un catálogo de productos

Los datos subyacentes de los productos que se envían en los mensajes de producto se recogen en un catálogo de productos.

Los catálogos se crean y gestionan a través de la aplicación Meta Responsable de comercio Interfaz de usuario. Aquí puedes crear nuevos catálogos o actualizar los ya existentes.

Screenshot of catalog creation box

Tendrás que seguir varios pasos, como seleccionar un tipo de catálogo, elegir un nombre y configurar algunos ajustes. Como parte de la configuración, puedes seleccionar un método de subida de productos: subir tus productos manualmente o conectarte a una plataforma asociada compatible, como Shopify, BigCommerce u OpenCart, entre otras. Una vez creado el catálogo, se le asignará un catalog_idesto será necesario cuando trabaje con Mensajes de Producto.

El siguiente paso una vez creado el catálogo es añadir artículos al mismo. Al añadir un artículo, debe proporcionar varios detalles sobre ese artículo, como una imagen, un título, una descripción, una moneda y un precio, y un enlace al sitio web. Esta información es la que se mostrará en una Página de Detalles del Producto cuando se incluya ese artículo en un Mensaje de Producto. Una vez que se ha añadido un artículo a su catálogo, se le asignará un nombre único product_retailer_idque se necesitará cuando se trabaje con Mensajes de Producto. Este ID aparece como "ID de contenido" en la interfaz de usuario de Commerce Manger.

Screenshot of product item Content ID

Una vez que se haya añadido un artículo al Catálogo, podrás editar los detalles y modificar la disponibilidad. La edición de estos detalles afectará a los mensajes sobre el producto que se hayan enviado (esto se tratará más adelante en este documento).

Para obtener más información sobre la creación de un catálogo, consulte la sección Documentación de Meta.

Para poder incluir artículos de productos en los Mensajes de productos enviados desde un número asociado a su WhatsApp Business Account (WABA), el Catálogo que contiene dichos artículos debe estar vinculado a esa WABA.

Nota: Sólo se puede asociar un catálogo a la vez a una WhatsApp Business Account. No obstante, puede desconectar un catálogo conectado y volver a conectar otro.

El proceso para vincular tu account de WhatsApp Business a tu catálogo dependerá del tipo de account que tengas.

Conectar una cuenta propia

An account WABA own is an account that has been created through the integrated registration process (through the Panel de Vonage).

Para conectar su Catálogo a una cuenta propia, siga los siguientes pasos:

  1. Navegue hasta el Gestor de Meta Commerce
  2. Selecciona tu tipo de negocio en el menú desplegable
  3. Haz clic en el icono de la hamburguesa para abrir el menú "Todas las herramientas" y haz clic en el icono del gestor de WhatsApp.
  4. En el menú de la izquierda, en "Herramientas de Account", haga clic en "Catálogo".
  5. En el cuadro de diálogo «Conectar un catálogo», selecciona el catálogo adecuado en el menú desplegable y haz clic en «Conectar catálogo».

Conectar una Managed Account

Una Managed Account es aquella que ha sido creada para ti por una empresa asociada como Vonage. Para conectar un catálogo a una cuenta administrada, debes asignar la empresa asociada (como Vonage) al catálogo. Esto se puede hacer siguiendo los siguientes pasos:

  1. Navegue hasta el Gestor de Meta Commerce
  2. Selecciona tu tipo de negocio en el menú desplegable
  3. Haga clic en el icono de la hamburguesa para abrir el menú "Todas las herramientas" y, a continuación, en el icono "Configuración de la empresa".
  4. En el menú de la izquierda, en "Fuentes de datos", haga clic en "Catálogos".
  5. Selecciona el catálogo correspondiente y haz clic en «Asignar socio». A partir de aquí, hay dos formas posibles de asignar un socio:

Asignación de un socio mediante un número de identificación fiscal

  1. Introduzca el "Business ID" como 2290848174274168
  2. En la sección de permisos "Control total", seleccione la opción "Gestionar catálogo".
  3. Seleccione "Siguiente" y, a continuación, "Cerrar".
  4. Comunícate con el soporte de Vonage, que se encargará de aprobar la solicitud del socio y de conectar el catálogo.

Asignar un interlocutor generando un enlace

  1. Seleccione "Obtener enlace" para generar un enlace
  2. Selecciona la tarea «Gestionar catálogo»
  3. Envía el enlace a Vonage. Nota: cada enlace solo puede usarse una vez y caduca a los 30 días.

Envío de mensajes sobre productos

Una vez conectado un Catálogo a su WhatsApp Business Account, puede empezar a enviar Mensajes de Producto a sus clientes y recibir respuestas de ellos.

Hay dos tipos de Mensaje de Producto que puede enviar:

  • Mensajes sobre un solo producto
  • Mensajes multiproducto

Tanto los mensajes de un solo producto como los de varios productos son un tipo de WhatsApp Mensaje interactivo. Dentro de Vonage Messages APILos mensajes interactivos de WhatsApp se envían utilizando el tipo de mensaje personalizado. Puede leer más sobre Mensajes personalizadospero esencialmente, en el contexto de los mensajes interactivos, utilizan un custom con un objeto type con el valor interactive y un interactive objeto cuya estructura se corresponde exactamente con la estructura definida para interactive dentro de la Meta API.

Para los mensajes de un solo producto, el interactive tiene un objeto type con el valor product. Para los mensajes multiproducto, tiene un type con el valor product_list.

El componente clave del interactive tanto para mensajes de un solo producto como de varios productos es el objeto action objetos. Contiene datos sobre los productos que se mostrarán en el mensaje. La estructura exacta de los objetos action varía en función de si está enviando un mensaje de un solo producto o de varios:

  • En el caso de los mensajes de un solo producto, solo contiene el catalog_id y product_retailer_id campos.
  • Para los mensajes multiproducto contiene uno o varios sections (hasta un máximo de 10), cada una con un title y uno o más product_items (hasta un máximo de 30 en todas las secciones) que contengan el product_retailer_id.

Además de la action hay otras tres propiedades de los mensajes de producto interactive que determinan la apariencia del mensaje en la interfaz de usuario de WhatsApp:

  • A header objeto. Esto es obligatorio para mensajes multiproducto (con un type de texty un text propiedad cuyo valor es el texto del encabezado), pero no disponible para mensajes de un solo producto.
  • A body con un objeto text propiedad cuyo valor es el texto del cuerpo. Esto es obligatorio para mensajes multiproducto, pero opcional para mensajes de un solo producto.
  • A footer con un objeto text propiedad cuyo valor es el texto del pie de página. Se trata de opcional tanto para mensajes de un solo producto como para mensajes de varios productos.

Puedes ver ejemplos de la estructura JSON tanto para mensajes de un solo producto como para mensajes de varios productos en el Documentación de Meta.

También puedes ver ejemplos de código para enviar a través de Messages API de Vonage:

Nota: un Mensaje de producto no puede utilizarse para iniciar una conversación de WhatsApp, sólo puede enviarse como parte de una conversación existente que haya sido iniciada bien por el cliente enviando un mensaje a la empresa, bien por la empresa enviando un Mensaje basado en una plantilla al cliente. Consulte Normas para enviar mensajes a los clientes.

Interfaz de usuario de WhatsApp

Gran parte de la lógica de la forma en que los clientes interactúan con los mensajes de producto existe dentro de la interfaz de usuario de WhatsApp. Los datos de los productos que se muestran en la interfaz se obtienen directamente de los detalles añadidos al catálogo identificado por el botón catalog_id y productos identificados por product_retailer_id en el mensaje saliente.

Aspecto del mensaje

La forma en que aparecerá el mensaje en la interfaz de usuario variará en función de si se trata de un mensaje de un solo producto o de varios productos, y también de la forma en que se hayan estructurado los mensajes salientes en la aplicación interactive objeto.

Mensaje sobre un único producto

Un único mensaje de producto que contenga sólo los elementos requeridos mostrará la imagen, el título, el precio y el botón "Ver".

Screenshot of basic single product message

El texto del botón "Ver" se genera automáticamente y varía en función del idioma que el usuario haya configurado en los ajustes de la aplicación WhatsApp. Por ejemplo, si el idioma es el francés, aparecerá "Afficher".

Screenshot of basic single product message with View button in French

Si body y footer debajo de la información principal del producto y encima del botón "Ver".

Screenshot of single product message with body and footer

Si pulsas en cualquier parte del mensaje, se mostrará la página de detalles del producto.

Mensaje multiproducto

Los mensajes con varios productos se muestran inicialmente de forma similar, aunque con algunas ligeras diferencias. Aparecen una imagen, un texto de encabezado y el número de artículos, seguidos del texto del cuerpo y, a continuación, el texto del pie de página (si se utiliza) y, por último, un botón «Ver artículos» (una vez más, el texto del botón depende de la configuración de idioma de WhatsApp).

Screenshot of basic multi-product message

Al pulsar en cualquier lugar de un mensaje multiproducto, se mostrará la lista de productos, dividida en sections.

Screenshot of multi-product message product list

Los artículos se pueden añadir al carrito de la compra directamente desde la lista de productos, y también hay un botón para ver el carrito.

Al pulsar sobre un artículo concreto, se mostrará la página de detalles del producto.

Página de detalles del producto

La Página de Detalles del Producto muestra información sobre un producto individual, como la imagen, el título, la moneda y el precio, la descripción y la URL. También hay controles para añadir un artículo a la cesta y ajustar la cantidad, para ver la cesta y para enviar un mensaje a la empresa.

Screenshot of the product details page

Cesta de la compra

El carrito de la compra muestra los artículos añadidos, con el precio de cada uno y el subtotal total, y ofrece opciones para ajustar la cantidad y enviar el carrito al establecimiento.

Hay una cantidad máxima de 99 para cualquier artículo.

Nota: no se pueden realizar cambios en el carro una vez enviado, aunque los clientes pueden crear y enviar varios carros a partir del mismo mensaje de producto inicial.

Screenshot of the Shopping Cart

Acciones de los clientes

Independientemente de la estructura del mensaje, o de si se trata de un mensaje de un solo producto o de varios, las acciones que el cliente puede realizar son, en esencia, las mismas:

  • Ver productos. Ya sea en una Lista de productos (para mensajes de varios productos) o en la página Detalles del producto (para mensajes de uno o varios productos).
  • Añadir productos a la cesta. Ya sea desde la Lista de productos (para mensajes de varios productos) o desde la página Detalles del producto (para mensajes de uno o varios productos).
  • Actualizar el carrito. Las cantidades se pueden ajustar al alza o a la baja desde el propio carrito, desde la lista de productos (en el caso de mensajes con varios productos) o desde la página de detalles del producto (tanto para mensajes con un solo producto como con varios).
  • Envíe el carro a la empresa.
  • Póngase en contacto con la empresa. Ya sea dentro del chat o desde una página de Detalles del producto.

Actualizaciones de productos en directo

Si se realizan cambios en los artículos del producto en Meta Commerce Manager, como modificaciones en el precio o la disponibilidad, dichos cambios se reflejarán en los mensajes que ya se hayan enviado. Si se modifica la disponibilidad de un producto y este deja de estar disponible, el cliente verá un mensaje en la interfaz de usuario informándole de ello.

Screenshot of availability message

Puede haber un ligero retraso en la actualización de un producto en la interfaz de usuario de WhatsApp tras una actualización en el gestor de comercio, pero si, por ejemplo, un cliente intenta interactuar con un artículo que ya no está disponible, verá un mensaje indicándolo y no podrá añadir el artículo a su cesta.

Screenshot of removal message

Encontrará más información sobre las actualizaciones de productos en la sección Documentación de Meta

Recepción de respuestas

Para recibir respuestas a los mensajes de producto, es necesario tener un Webhook de mensajes entrantes configura tu aplicación de Vonage.

El tipo de mensaje entrante recibido dependerá de la forma en que el cliente se haya puesto en contacto con la empresa.

  • Mensaje de texto estándar. Si el cliente envía un mensaje de texto como parte de la conversación, el mensaje entrante será del tipo textpero el context no contendrá ningún detalle del producto.
  • Mensaje de producto citado. Si el cliente cita un mensaje de producto, este también será de tipo textpero en este caso el context contendrá un objeto whatsapp_referred_product que contiene un objeto catalog_id y product_retailer_id.
  • Carrito de la compra enviado. Un carrito de la compra enviado será de tipo ordery contienen un catalog_id además de una amplia variedad de product_items los objetos y sus datos asociados (product_retailer_id, quantity, item_price, currency).

Para más información

Ejemplos de códigos