Messages interactifs sous forme de carrousel sur WhatsApp

Les messages interactifs de type « carrousel » sur WhatsApp vous permettent de présenter plusieurs fiches dans un seul message. Chaque fiche peut comporter une image, un corps de texte et soit une URL d'appel à l'action, soit un bouton de réponse rapide.

Le carrousel interactif utilise "message_type": "custom" avec "custom.type": "interactive" et "interactive.type": "carousel".

Carrousel de recommandation de produits

Utilisez les boutons d'URL CTA pour relier chaque fiche à la documentation ou au site web d'un produit :

{
   "from":"{{messages_waba_number}}",
   "to":"{{messages_destination_number}}",
   "channel": "whatsapp",
   "message_type": "custom",
   "custom": {
       "type": "interactive",
       "interactive": {
            "type": "carousel",
            "body": {
                "text": "Hi *Pablo*. Following your preferences, we think those are the *Vonage* products that match best your needs:"
            },
            "action": {
                "cards": [
                    {
                        "card_index": 0,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/videoapi.png"
                            }
                        },
                        "body": {
                            "text": "*Video API*: As low as 0.00394 USD per minute per participant. The best option to have full control on your video app and you want to delight your users!"
                        },
                        "action": {
                            "name": "cta_url",
                            "parameters": {
                                "display_text": "Video API Dev Docs",
                                "url": "https://tokbox.com/developer/"
                            }
                        }
                    },
                    {
                        "card_index": 1,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/meetingsapi.png"
                            }
                        },
                        "body": {
                            "text": "*Meetings API*: As low as 0.00474 EUR per minute per participant. With almost every pre-built for you, this option saves you time to go live!"
                        },
                        "action": {
                            "name": "cta_url",
                            "parameters": {
                                "display_text": "Meetings API Docs",
                                "url": "https://developers.vonage.com/en/meetings/overview/"
                            }
                        }
                    },
                     {
                        "card_index": 2,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/voiceapi.png"
                            }
                        },
                        "body": {
                            "text": "*In-App Voice*: Build app-to-app, app-to-phone and phone-to-app use cases. app-to-app calls as low as 0.0039 EUR per minute per participant."
                        },
                        "action": {
                            "name": "cta_url",
                            "parameters": {
                                "display_text": "In-App Voice Docs",
                                "url": "https://developers.vonage.com/en/vonage-client-sdk/in-app-voice/overview"
                            }
                        }
                    }
                ]
            }
        }
   }
}

Réponse

An example WhatsApp message showing a product recommendation card.

Carrousel de réponses rapides

Utilisez les boutons de réponse rapide pour permettre aux clients de choisir une option directement depuis une fiche :

{
   "from":"{{messages_waba_number}}",
   "to":"{{messages_destination_number}}",
   "channel": "whatsapp",
   "message_type": "custom",
   "custom": {
       "type": "interactive",
       "interactive": {
            "type": "carousel",
            "body": {
                "text": "Hi *Pablo*. Following your preferences, we think those are the *Vonage* products that match best your needs:"
            },
            "action": {
                "cards": [
                    {
                        "card_index": 0,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/videoapi.png"
                            }
                        },
                        "body": {
                            "text": "*Video API*: As low as 0.00394 USD per minute per participant. The best option to have full control on your video app and you want to delight your users!"
                        },
                        "action": {
                            "buttons": [
                                {
                                    "type": "quick_reply",
                                    "quick_reply": {
                                        "id": "video",
                                        "title": "+info Video API"
                                    }
                                }
                            ]
                        }
                    },
                    {
                        "card_index": 1,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/meetingsapi.png"
                            }
                        },
                        "body": {
                            "text": "*Meetings API*: As low as 0.00474 EUR per minute per participant. With almost every pre-built for you, this option saves you time to go live!"
                        },
                        "action": {
                            "buttons": [
                                {
                                    "type": "quick_reply",
                                    "quick_reply": {
                                        "id": "meetings",
                                        "title": "+info Meetings API"
                                    }
                                }
                            ]
                        }
                    },
                     {
                        "card_index": 2,
                        "type": "cta_url",
                        "header": {
                            "type": "image",
                            "image": {
                                "link": "https://quicktests.showcpaas.com/voiceapi.png"
                            }
                        },
                        "body": {
                            "text": "*In-App Voice*: Build app-to-app, app-to-phone and phone-to-app use cases. app-to-app calls as low as 0.0039 EUR per minute per participant."
                        },
                        "action": {
                            "buttons": [
                                {
                                    "type": "quick_reply",
                                    "quick_reply": {
                                        "id": "in-app-voice",
                                        "title": "+info In-App Voice"
                                    }
                                }
                            ]
                        }
                    }
                ]
            }
        }
   }
}

Réponse

An example WhatsApp message showing a quick reply interactive carousel.

Rappel : Les carrousels interactifs ne peuvent être envoyés que dans le délai de 24 heures prévu pour le service client (c'est-à-dire après que l'utilisateur vous a envoyé un message en premier). En dehors de ce délai, utilisez l'approche par modèle.

Plus d'informations