Enviar un mensaje de producto de varios artículos
En este fragmento de código aprenderá a enviar un mensaje de producto que contenga varios artículos de producto al chat de WhatsApp utilizando la Messages API. Puede obtener más información sobre Mensajes de productos para obtener más información sobre el uso de este fragmento de código.
Este tipo de mensaje utiliza el Objeto personalizado función. Encontrará más información sobre el formato específico de los mensajes en la página para desarrolladores de WhatsApp Mensajes de productos documentación.
Ejemplo
A continuación encontrará la descripción de todas las variables utilizadas en cada fragmento de código:
| Clave | Descripción |
|---|---|
VONAGE_APPLICATION_ID | The Vonage Application ID. |
VONAGE_APPLICATION_PRIVATE_KEY_PATH | Private key path. |
VONAGE_PRIVATE_KEY_PATH | Private key path. |
BASE_URL | For production use the base URL is |
MESSAGES_API_URL | There are two versions of the API, each with their own endpoints. For production the previous Messages API endpoint was |
WHATSAPP_NUMBER | The WhatsApp number that has been allocated to you by Vonage. For sandbox testing the number is 14157386102. |
VONAGE_WHATSAPP_NUMBER | Refer to |
VONAGE_NUMBER | Refer to |
TO_NUMBER | Replace with the number you are sending to. E.g. |
NOTA: No utilice un + o 00 cuando introduzca un número de teléfono, empiece por el prefijo del país, por ejemplo, 447700900000.
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
Escriba el código
Añada lo siguiente a send-multi-product.sh:
curl -X POST "${MESSAGES_API_URL}" \
-H "Authorization: Bearer "$JWT\
-H 'Content-Type: application/json' \
-H 'Accept: application/json' \
-d $'{
"to": "'${MESSAGES_TO_NUMBER}'",
"from": "'${WHATSAPP_SENDER_ID}'",
"channel": "whatsapp",
"message_type": "custom",
"custom": {
"type": "interactive",
"interactive": {
"type": "product_list",
"header":{
"type": "text",
"text": "Our top products"
},
"body": {
"text": "Check out these great products"
},
"footer": {
"text": "Sale now on!"
},
"action":{
"catalog_id": "'${WHATSAPP_CATALOG_ID}'",
"sections": [
{
"title": "Cool products",
"product_items": [
{
"product_retailer_id": "'${WHATSAPP_PRODUCT_ID_1}'"
},
{
"product_retailer_id": "'${WHATSAPP_PRODUCT_ID_2}'"
}
]
},
{
"title": "Awesome products",
"product_items": [
{
"product_retailer_id": "'${WHATSAPP_PRODUCT_ID_1}'"Ejecute su código
Guarde este archivo en su máquina y ejecútelo:
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
Añada lo siguiente a build.gradle:
implementation 'com.vonage:server-sdk-kotlin:2.1.1'Crea un archivo llamado SendWhatsappMultiProduct y añade el siguiente código al método main:
val client = Vonage {
applicationId(VONAGE_APPLICATION_ID)
privateKeyPath(VONAGE_PRIVATE_KEY_PATH)
}Escriba el código
Añada lo siguiente al método main del archivo SendWhatsappMultiProduct:
val messageId = client.messages.send(
whatsappMultiProduct {
to(MESSAGES_TO_NUMBER)
from(WHATSAPP_SENDER_ID)
headerText("Our top products")
bodyText("Check out these great products")
footerText("Sale now on!")
catalogId(WHATSAPP_CATALOG_ID)
addProductsSection("Cool products", WHATSAPP_PRODUCT_ID, WHATSAPP_PRODUCT_ID)
addProductsSection("Awesome products", WHATSAPP_PRODUCT_ID)
}
)Ejecute su código
Podemos utilizar el plugin aplicación para Gradle para simplificar la ejecución de nuestra aplicación. Actualiza tu build.gradle con lo siguiente:
apply plugin: 'application'
mainClassName = project.hasProperty('main') ? project.getProperty('main') : ''Ejecute el siguiente comando gradle para ejecutar su aplicación, sustituyendo com.vonage.quickstart.kt.messages.whatsapp por el paquete que contiene SendWhatsappMultiProduct:
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
Añada lo siguiente a build.gradle:
implementation 'com.vonage:server-sdk:9.3.1'Crea un archivo llamado SendWhatsappMultiProduct y añade el siguiente código al método main:
VonageClient client = VonageClient.builder()
.applicationId(VONAGE_APPLICATION_ID)
.privateKeyPath(VONAGE_PRIVATE_KEY_PATH)
.build();Escriba el código
Añada lo siguiente al método main del archivo SendWhatsappMultiProduct:
var response = client.getMessagesClient().sendMessage(
WhatsappMultiProductRequest.builder()
.from(WHATSAPP_SENDER_ID).to(MESSAGES_TO_NUMBER)
.catalogId("1166260820787549")
.headerText("Our top products")
.bodyText("Check out these great products")
.addProductsSection("Cool products", Arrays.asList("ch76nhzdeq", "r07qei73l7"))
.addProductsSection("Awesome product", "unepvzvsfp")
.footerText("Sale now on!")
.build()
);
System.out.println("Message sent successfully. ID: "+response.getMessageUuid());Ejecute su código
Podemos utilizar el plugin aplicación para Gradle para simplificar la ejecución de nuestra aplicación. Actualiza tu build.gradle con lo siguiente:
apply plugin: 'application'
mainClassName = project.hasProperty('main') ? project.getProperty('main') : ''Ejecute el siguiente comando gradle para ejecutar su aplicación, sustituyendo com.vonage.quickstart.messages.whatsapp por el paquete que contiene SendWhatsappMultiProduct:
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
Install-Package VonageEscriba el código
Añada lo siguiente a SendWhatsAppMultiProduct.cs:
var credentials = Credentials.FromAppIdAndPrivateKeyPath(VONAGE_APPLICATION_ID, VONAGE_PRIVATE_KEY_PATH);
var vonageClient = new VonageClient(credentials);
var request = new WhatsAppCustomRequest
{
To = MESSAGES_TO_NUMBER,
From = WHATSAPP_SENDER_ID,
Custom = new
{
type = "interactive",
interactive = new
{
type = "product_list",
header = new
{
type = "text",
text = "Our top products"
},
body = new
{
text = "Check out these great products"
}
},
footer = new
{
text = "Sale now on!"
},
action = new
{
catalog_id = WHATSAPP_CATALOG_ID,
sections = new[]
{
new
{
title = "Cool products",
product_items = new[]
{
new { product_retailer_id = WHATSAPP_PRODUCT_ID },
new { product_retailer_id = WHATSAPP_PRODUCT_ID }
}
},
new
{
title = "Awesome products",
product_items = new[]
{
new { product_retailer_id = WHATSAPP_PRODUCT_ID }
}
}
}
}
}
};
var response = await vonageClient.MessagesClient.SendAsync(request);Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
composer require vonage/clientCrea un archivo llamado send-multi-product.php y añade el siguiente código:
Ejecute su código
Guarde este archivo en su máquina y ejecútelo:
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
pip install vonage python-dotenvEscriba el código
Añada lo siguiente a send-product-message-multiple-item.py:
from vonage import Auth, Vonage
from vonage_messages import WhatsappCustom
client = Vonage(
Auth(
application_id=VONAGE_APPLICATION_ID,
private_key=VONAGE_PRIVATE_KEY,
)
)
message = WhatsappCustom(
to=MESSAGES_TO_NUMBER,
from_=WHATSAPP_SENDER_ID,
custom={
'type': 'interactive',
'interactive': {
'type': 'product_list',
'header': {'type': 'text', 'text': 'Our top products'},
'body': {'text': 'Check out these great products'},
'footer': {'text': 'Sale now on!'},
'action': {
'catalog_id': WHATSAPP_CATALOG_ID,
'sections': [
{
'title': 'Cool products',
'product_items': [
{'WHATSAPP_PRODUCT_ID_1': WHATSAPP_PRODUCT_ID_1},
{'WHATSAPP_PRODUCT_ID_2': WHATSAPP_PRODUCT_ID_2},
],
},
{
'title': 'Awesome products',
'product_items': [
{'WHATSAPP_PRODUCT_ID_1': WHATSAPP_PRODUCT_ID_1}
],
},
],
},
},
},
)
response = client.messages.send(message)
print(response)Ejecute su código
Guarde este archivo en su máquina y ejecútelo:
Requisitos previos
Si no tiene una solicitud, puede crear uno. Asegúrese también de configure sus webhooks.
gem install vonageCrea un archivo llamado send-multi-product.rb y añade el siguiente código:
Ejecute su código
Guarde este archivo en su máquina y ejecútelo:
Pruébalo
Al ejecutar el código, se envía un mensaje multiproducto de WhatsApp al número de destino.