Resumen
¿Desea simplificar los pagos en WhatsApp? El botón de pago de Facebook facilita que las empresas recopilen pagos directamente en el chat. Esta guía le proporciona una visión general rápida de cómo funcionan estos plantillas con la API de WhatsApp Cloud, para que pueda ofrecer una experiencia de pago sin problemas a sus clientes.
Nota: Transmisiones ahora son Campañas – mismas características poderosas, nombre actualizado!
Instrucciones
La plantilla de botón de pago es una característica de la API de WhatsApp Cloud que le permite incrustar un botón Pagar ahora o Comprar ahora directamente en un mensaje. Cuando se toca, el botón abre una experiencia de pago segura para que el cliente pueda completar su compra en solo unos pocos clics.
Qué necesitas para empezar
Antes de utilizar plantillas de botones de pago, asegúrate de tener:
Una cuenta de negocio de WhatsApp verificada (WABA)
Acceso a la API de WhatsApp Cloud
Una cuenta de pago de Meta (configurada a través de Meta Commerce Manager)
Una tienda en línea o experiencia de pago alojada (a través de Meta o proveedor de terceros)
Cómo funcionan las plantillas de botones de pago
El botón de pago se envía utilizando una plantilla de mensaje que incluye:
Encabezado: Opcional, puede incluir texto o medios
Cuerpo: Describe el producto o solicitud de pago
Botón: Desencadena el flujo de pago cuando se toca
Una vez que el cliente toca el botón, se le dirigirá a una experiencia de pago preconfigurada. Esto puede ser una página de pago de un solo uso o vinculada a un producto o carrito específico.
Beneficios clave
Compras más rápidas: Los clientes no necesitan salir de WhatsApp para pagar
Mejor compromiso: Reduce los abandonos durante el pago
Transacciones seguras: Los pagos se manejan a través de la infraestructura verificada de Meta
Casos de uso de ejemplo
Compartir un mensaje "Pagar ahora" después de la confirmación del pedido
Enviar un enlace de pago para pedidos anticipados o suscripciones
Habilitar pedidos rápidos para clientes que regresan
Punto de conexión
POST https://{tu-punto-de-conexión-de-cuenta}/api/v1/checkout_button_template
El punto de conexión checkout_button_template le permite incrustar un botón Pagar ahora o Comprar ahora directamente en un mensaje. Cuando se toca, el botón abre una experiencia de pago segura para que el cliente pueda completar su compra en solo unos pocos clics.
Paso 1: Localizar tu punto de conexión de API
Puede encontrar su punto de conexión de API específico en la sección /api-docs en su cuenta de Wati. Tendrá un aspecto similar a este: https://live-server-xxxx.wati.io
Su punto de conexión final para enviar el pedido será:
POST https://{tu-punto-de-conexión-de-cuenta}/api/v1/checkout_button_template
Aquí está la lista de parámetros para este punto de conexión:
phone_number : Este es el número de teléfono del receptor del mensaje.
template_name : Es el nombre de la plantilla que creó.
custom_params : Esto depende de las variables en la plantilla.
order_details : La cantidad de los detalles del pedido debe ser la misma que la cantidad de tarjetas del carrousel en la plantilla.
reference_id : Este es un ID único para cada pedido.
Paso 2: Cómo enviar la plantilla de botón de pago usando el punto de conexión de API
Aquí está un payload de ejemplo para una checkout_button_template con las 3 tarjetas del carrousel:
Payload de ejemplo
curl --location 'https://mt-dev-gke-server.watiapp.io/103128/api/v1/checkout_' \
--header 'Authorization: Bearer <TOKEN>' \
--header 'Content-Type: application/json' \
--data '{
"phone_number": "918606328257",
"template_name": "checkout_button_template_yzn_1",
"custom_params": [
{
"name": "name",
"value": "TEST_NAME"
}
],
"order_details": [
{
"reference_id": "yzn-test-7",
"type": "physical-goods",
"currency": "INR",
"payment_settings": [
{
"type": "payment_gateway",
"payment_gateway": {
"type": "razorpay",
"configuration_name": "razorpay_test_payment_2"
}
}
],
"shipping_info": {
"country": "IN",
"addresses": [
{
"name": "Nidhi Tripathi",
"phone_number": "919000090000",
"address": "Bandra Kurla Complex",
"city": "Mumbai",
"state": "Maharastra",
"in_pin_code": "400051",
"house_number": "12",
"tower_number": "5",
"building_name": "One BKC",
"landmark_area": "Near BKC Circle"
}
]
},
"order": {
"items": [
{
"name": "Blue Elf Aloe",
"quantity": 1,
"country_of_origin": "India",
"importer_name": "Lucky Shrub Imports and Exports",
"amount": {
"offset": 100,
"value": 200
},
"sale_amount": {
"offset": 100,
"value": 150
},
"importer_address": {
"address_line1": "One BKC",
"address_line2": "Bandra Kurla Complex",
"city": "Mumbai",
"zone_code": "MH",
"postal_code": "400051",
"country_code": "IN"
}
}
],
"subtotal": {
"offset": 100,
"value": 150
},
"shipping": {
"offset": 100,
"value": 20
},
"tax": {
"offset": 100,
"value": 10
},
"discount": {
"offset": 100,
"value": 15,
"description": "Additional 10% off"
},
"status": "pending",
"expiration": {
"timestamp": "1726627150",
"description": "description"
}
},
"total_amount": {
"offset": 100,
"value": 165
}
},
{
"reference_id": "yzn-test-8",
"type": "physical-goods",
"currency": "INR",
"payment_settings": [
{
"type": "payment_gateway",
"payment_gateway": {
"type": "razorpay",
"configuration_name": "razorpay_test_payment_2"
}
}
],
"shipping_info": {
"country": "IN",
"addresses": [
{
"name": "Nidhi Tripathi",
"phone_number": "919000090000",
"address": "Bandra Kurla Complex",
"city": "Mumbai",
"state": "Maharastra",
"in_pin_code": "400051",
"house_number": "12",
"tower_number": "5",
"building_name": "One BKC",
"landmark_area": "Near BKC Circle"
}
]
},
"order": {
"items": [
{
"name": "Blue Elf Aloe",
"quantity": 1,
"country_of_origin": "India",
"importer_name": "Lucky Shrub Imports and Exports",
"amount": {
"offset": 100,
"value": 200
},
"sale_amount": {
"offset": 100,
"value": 150
},
"importer_address": {
"address_line1": "One BKC",
"address_line2": "Bandra Kurla Complex",
"city": "Mumbai",
"zone_code": "MH",
"postal_code": "400051",
"country_code": "IN"
}
}
],
"subtotal": {
"offset": 100,
"value": 150
},
"shipping": {
"offset": 100,
"value": 20
},
"tax": {
"offset": 100,
"value": 10
},
"discount": {
"offset": 100,
"value": 15,
"description": "Additional 10% off"
},
"status": "pending",
"expiration": {
"timestamp": "1726627150",
"description": "description"
}
},
"total_amount": {
"offset": 100,
"value": 165
}
},
{
"reference_id": "yzn-test-9",
"type": "physical-goods",
"currency": "INR",
"payment_settings": [
{
"type": "payment_gateway",
"payment_gateway": {
"type": "razorpay",
"configuration_name": "razorpay_test_payment_2"
}
}
],
"shipping_info": {
"country": "IN",
"addresses": [
{
"name": "Nidhi Tripathi",
"phone_number": "919000090000",
"address": "Bandra Kurla Complex",
"city": "Mumbai",
"state": "Maharastra",
"in_pin_code": "400051",
"house_number": "12",
"tower_number": "5",
"building_name": "One BKC",
"landmark_area": "Near BKC Circle"
}
]
},
"order": {
"items": [
{
"name": "Blue Elf Aloe",
"quantity": 1,
"country_of_origin": "India",
"importer_name": "Lucky Shrub Imports and Exports",
"amount": {
"offset": 100,
"value": 200
},
"sale_amount": {
"offset": 100,
"value": 150
},
"importer_address": {
"address_line1": "One BKC",
"address_line2": "Bandra Kurla Complex",
"city": "Mumbai",
"zone_code": "MH",
"postal_code": "400051",
"country_code": "IN"
}
}
],
"subtotal": {
"offset": 100,
"value": 150
},
"shipping": {
"offset": 100,
"value": 20
},
"tax": {
"offset": 100,
"value": 10
},
"discount": {
"offset": 100,
"value": 15,
"description": "Additional 10% off"
},
"status": "pending",
"expiration": {
"timestamp": "1726627150",
"description": "description"
}
},
"total_amount": {
"offset": 100,
"value": 165
}
}
]
}'
Cómo crear una plantilla de botón de pago en Wati
Esta guía lo lleva a través de los pasos para crear la plantilla de botón de pago en unos pocos clics:
1. Inicie sesión en su cuenta de Wati.
2. Vaya a Campañas y seleccione Mensajes de plantilla.
3. Haga clic en Nuevo mensaje de plantilla.
4. Introduzca un nombre para su plantilla para que pueda encontrarla fácilmente más adelante.
5. En Categoría, elija Marketing.
6. Seleccione el idioma que desee para la plantilla.
7. En Seleccionar plantilla de marketing, elija Plantilla de pago.
8. Introduzca su contenido del cuerpo - este es el mensaje principal que verá su cliente.
9. Agregue tarjetas del carrousel según sea necesario.
Nota:
Puede agregar hasta 5 tarjetas.
Para cada tarjeta, puede agregar una imagen o un video.
Puede insertar botones para cada tarjeta para que sus clientes puedan tomar medidas y participar.