WhatsAppのカルーセル型インタラクティブメッセージ

WhatsAppのカルーセル形式のインタラクティブメッセージを使えば、1つのメッセージ内に複数のカードを表示できます。各カードには、画像、本文、およびアクションを促すURLかクイック返信ボタンのいずれかを記載できます。

このインタラクティブなカルーセルでは、 "message_type": "custom""custom.type": "interactive" そして "interactive.type": "carousel".

商品推薦カルーセル

CTA URL ボタンを使用して、各カードを製品のドキュメントやウェブサイトにリンクさせてください:

{
   "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"
                            }
                        }
                    }
                ]
            }
        }
   }
}

応答

An example WhatsApp message showing a product recommendation card.

クイック返信カルーセル

クイック返信ボタンを使用すると、顧客はカードから直接オプションを選択できます:

{
   "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"
                                    }
                                }
                            ]
                        }
                    }
                ]
            }
        }
   }
}

応答

An example WhatsApp message showing a quick reply interactive carousel.

お知らせ: インタラクティブなカルーセルは送信のみ可能です 24時間以内のカスタマーサービス対応時間内 (つまり、ユーザーから先にメッセージが届いた後です)。そのタイミング以外では、テンプレートを活用してください。

詳細情報