摘要
想要在WhatsApp上简化支付流程？Facebook的結帳按鈕模板讓企業可以直接在聊天中收取付款。這個指南將提供關於如何使用WhatsApp Cloud API來啟用結帳模板的簡要概覽，以便您可以為客戶提供無縫的結帳體驗。
注意: 廣播 現在稱為 活動 – 保留強大的功能，更新名稱！
說明
結帳按鈕模板是WhatsApp Cloud API的一個功能，讓您可以直接將 立即支付或立即購買 按鈕嵌入到訊息中。當按鈕被點擊時，它會開啟一個安全的付款體驗，讓客戶只需幾次點擊即可完成購買。
開始前需要什麼
在使用結帳按鈕模板之前，請確保您具有以下條件：
已驗證的WhatsApp商家帳戶（WABA）
Meta付款帳戶（通過Meta商務管理員設定）
主機商店或付款體驗（通過Meta或第三方提供商）
結帳按鈕模板的工作原理
結帳按鈕是通過包含以下內容的訊息模板來发送的：
標題: 可選，可能包含文字或媒體
內容: 描述產品或付款請求
按鈕: 點擊後觸發結帳流程
當客戶點擊按鈕後，他們將被引導到預先設定的付款體驗中。这可以是一次性結帳頁面或鏈接到特定產品或購物車。
主要優點
更快的購買: 客戶無需離開WhatsApp即可付款
更好的客戶參與度: 減少結帳過程中的退出
安全交易: 付款通過Meta的驗證基礎設施處理
範例用例
在訂單確認後分享“立即支付”的訊息
為預購或訂閱发送付款鏈接
啟用對於回歸客戶的快速重新訂購
端點
POST https://{你的帳戶端點}/api/v1/checkout_button_template
結帳按鈕模板端點允許您直接將 立即支付或立即購買 按鈕嵌入到訊息中。當按鈕被點擊時，它會開啟一個安全的付款體驗，讓客戶只需幾次點擊即可完成購買。
步驟1：找到您的API端點
您可以在Wati帳戶的 /api-docs 部分找到您的特定API端點。它看起來像這樣： https://live-server-xxxx.wati.io
您的最終端點用於发送訂單將是：
POST https://{你的帳戶端點}/api/v1/checkout_button_template
以下是此端點的參數清單：
phone_number : 訊息接收者的電話號碼。
template_name : 您創建的模板名稱。
custom_params : 这取決於模板中的變量。
order_details : 訂單詳細資訊的金額應該與模板中的輪播卡數量相同。
reference_id : 這是每個訂單的唯一ID。
步驟2：如何使用API端點发送結帳按鈕模板
以下是具有3個輪播卡的結帳按鈕模板的示例有效payload：
示例有效payload
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
}
}
]
}'
如何在Wati中創建結帳按鈕模板
此指南將引導您完成在Wati中創建結帳按鈕模板的步驟：
1. 登入您的Wati帳戶。
2. 前往 活動，並選擇 模板訊息。
3. 點擊 新模板訊息。
4. 輸入一個 名稱 來命名您的模板，以便您後續可以輕鬆找到它。
5. 在 類別 下，選擇 行銷。
6. 選擇您想要的模板 語言。
7. 在 選擇行銷模板 下，選擇 結帳模板。
8. 輸入您的 主體內容 - 這是客戶將看到的主訊息。
9. 根據需求添加輪播卡。
注意：
您可以添加最多5張卡片。
對於每張卡片，您可以添加圖像或視頻。
您可以插入按鈕讓客戶可以採取行動並參與。