Envoyer un message sur un produit à plusieurs articles

Dans cet extrait de code, vous apprenez à envoyer un message de produit contenant plusieurs articles de produit vers le chat WhatsApp à l'aide de l'API Messages. Pour en savoir plus Messages sur les produits pour plus de détails sur l'utilisation de cet extrait de code.

Ce type de message utilise la fonction Objet personnalisé fonctionnalité. De plus amples informations sur le format spécifique des messages sont disponibles dans le document WhatsApp developer Messages sur les produits documentation.

Exemple

Vous trouverez ci-dessous la description de toutes les variables utilisées dans chaque extrait de code :

Clé	Description
`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 `https://api.nexmo.com/`. For sandbox testing the base URL is `https://messages-sandbox.nexmo.com/`.
`MESSAGES_API_URL`	There are two versions of the API, each with their own endpoints. For production the previous Messages API endpoint was `https://api.nexmo.com/v0.1/messages`, the new one is `https://api.nexmo.com/v1/messages`. For sandbox testing the Messages API endpoint is `https://messages-sandbox.nexmo.com/v0.1/messages` or `https://messages-sandbox.nexmo.com/v1/messages`, depending on which version you have set in the sandbox dashboard.
`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 `WHATSAPP_NUMBER` above.
`VONAGE_NUMBER`	Refer to `WHATSAPP_NUMBER` above.
`TO_NUMBER`	Replace with the number you are sending to. E.g. `447700900001`

NOTE : N'utilisez pas de point de départ + ou 00 lorsque vous saisissez un numéro de téléphone, commencez par l'indicatif du pays, par exemple, 447700900000.

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

Rédiger le code

Ajouter ce qui suit à 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}'"

Voir la source complète

Exécutez votre code

Enregistrez ce fichier sur votre machine et exécutez-le :

bash send-multi-product.sh

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

Ajouter ce qui suit à build.gradle:

implementation 'com.vonage:server-sdk-kotlin:2.1.1'

Créez un fichier nommé SendWhatsappMultiProduct et ajoutez le code suivant à la méthode main:

val client = Vonage {
    applicationId(VONAGE_APPLICATION_ID)
    privateKeyPath(VONAGE_PRIVATE_KEY_PATH)
}

Voir la source complète

Rédiger le code

Ajouter ce qui suit à la méthode main du fichier 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)
    }
)

Voir la source complète

Exécutez votre code

Nous pouvons utiliser le plugin application pour Gradle afin de simplifier l'exécution de notre application. Mettez à jour votre build.gradle avec ce qui suit :

apply plugin: 'application'
mainClassName = project.hasProperty('main') ? project.getProperty('main') : ''

Lancez la commande suivante gradle pour exécuter votre application, en remplaçant com.vonage.quickstart.kt.messages.whatsapp par le paquet contenant SendWhatsappMultiProduct:

gradle run -Pmain=com.vonage.quickstart.kt.messages.whatsapp.SendWhatsappMultiProduct

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

Ajouter ce qui suit à build.gradle:

implementation 'com.vonage:server-sdk:9.3.1'

Créez un fichier nommé SendWhatsappMultiProduct et ajoutez le code suivant à la méthode main:

VonageClient client = VonageClient.builder()
		.applicationId(VONAGE_APPLICATION_ID)
		.privateKeyPath(VONAGE_PRIVATE_KEY_PATH)
		.build();

Voir la source complète

Rédiger le code

Ajouter ce qui suit à la méthode main du fichier 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());

Voir la source complète

Exécutez votre code

Nous pouvons utiliser le plugin application pour Gradle afin de simplifier l'exécution de notre application. Mettez à jour votre build.gradle avec ce qui suit :

apply plugin: 'application'
mainClassName = project.hasProperty('main') ? project.getProperty('main') : ''

Lancez la commande suivante gradle pour exécuter votre application, en remplaçant com.vonage.quickstart.messages.whatsapp par le paquet contenant SendWhatsappMultiProduct:

gradle run -Pmain=com.vonage.quickstart.messages.whatsapp.SendWhatsappMultiProduct

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

Install-Package Vonage

Rédiger le code

Ajouter ce qui suit à 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);

Voir la source complète

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

composer require vonage/client

Créez un fichier nommé send-multi-product.php et ajoutez le code suivant :

$keypair = new \Vonage\Client\Credentials\Keypair(
    file_get_contents(VONAGE_APPLICATION_PRIVATE_KEY_PATH),
    VONAGE_APPLICATION_ID
);

$client = new \Vonage\Client($keypair);

Voir la source complète

Rédiger le code

Ajouter ce qui suit à send-multi-product.php:

$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" => CATALOG_ID,
            "sections" => [
                [
                    "title" => "Cool products",
                    "product_items" => [
                        ["product_retailer_id" => PRODUCT_ID],
                        ["product_retailer_id" => PRODUCT_ID]
                    ]
                ],
                [
                    "title" => "Awesome products",
                    "product_items" => [
                        ["product_retailer_id" => PRODUCT_ID]
                    ]
                ]
            ]
        ]
    ]
];

$whatsApp = new \Vonage\Messages\Channel\WhatsApp\WhatsAppCustom(
    TO_NUMBER,
    FROM_NUMBER,
    $custom
);

$client->messages()->send($whatsApp);

Voir la source complète

Exécutez votre code

Enregistrez ce fichier sur votre machine et exécutez-le :

php send-multi-product.php

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

pip install vonage python-dotenv

Rédiger le code

Ajouter ce qui suit à 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)

Voir la source complète

Exécutez votre code

Enregistrez ce fichier sur votre machine et exécutez-le :

python messages/whatsapp/send-product-message-multiple-item.py

Conditions préalables

Si vous n'avez pas de dossier de candidature, vous pouvez vous adresser à créer un. Veillez également à configurer vos webhooks.

gem install vonage

Créez un fichier nommé send-multi-product.rb et ajoutez le code suivant :

client = Vonage::Client.new(
  application_id: VONAGE_APPLICATION_ID,
  private_key: VONAGE_PRIVATE_KEY
)

Voir la source complète

Rédiger le code

Ajouter ce qui suit à send-multi-product.rb:

message = client.messaging.whatsapp(
  type: 'custom',
  message: {
    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
              }
            ]
          }
        ]
      }
    }
  }
)

client.messaging.send(
  from: WHATSAPP_SENDER_ID,
  to: MESSAGES_TO_NUMBER,
  **message
)

Voir la source complète

Exécutez votre code

Enregistrez ce fichier sur votre machine et exécutez-le :

ruby send-multi-product.rb

Essayez-le

Lorsque vous exécutez le code, un message WhatsApp multiproduit est envoyé au numéro de destination.

Envoyer un message sur un produit à plusieurs articles

Exemple

Conditions préalables

Rédiger le code

Exécutez votre code

Conditions préalables

Rédiger le code

Exécutez votre code

Conditions préalables

Rédiger le code

Exécutez votre code

Conditions préalables

Rédiger le code

Conditions préalables

Rédiger le code

Exécutez votre code

Conditions préalables

Rédiger le code

Exécutez votre code

Conditions préalables

Rédiger le code

Exécutez votre code

Essayez-le

Plus d'informations