> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ycloud.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 发送订单详情及结账按钮消息

##  创建订单详情与结账模板

访问 [Templates](https://www.ycloud.com/console/#/app/dashboard/template) 页面，创建单品结账模板或 WhatsApp 订单详情模板。

<img src="https://mintcdn.com/lchnan/PCdfO4VGvgYoGyQM/product-assets/ff0be63853-image-600.webp?fit=max&auto=format&n=PCdfO4VGvgYoGyQM&q=85&s=88401cea42b6f928d743cd0630fd2324" alt="YCloud 产品截图" width="1657" height="828" data-path="product-assets/ff0be63853-image-600.webp" />

##

## 发送消息

YCloud 提供两种发送单品和订单详情消息的方法，如下所示。

### 1. 通过 API 发送

使用[ 发送消息 API](/api-reference/whatsapp-messages/enqueue-a-message)

请[点击查看请求示例](/zh/api-reference/guides/whatsapp-platform/send-whatsapp-message)&#x20;

### 2. 通过 Journey 发送

自动向您的客户发送弃单挽回消息。

1. 设置您希望发送订单详情消息的触发器。例如：当 Shopify 结账创建时。

<img src="https://mintcdn.com/lchnan/WD-ixrYVrqB7b7aQ/product-assets/4ab6d9a463-image-598.webp?fit=max&auto=format&n=WD-ixrYVrqB7b7aQ&q=85&s=f013fdd34701a810347f6ed23e0516d6" alt="YCloud 产品截图" width="1614" height="844" data-path="product-assets/4ab6d9a463-image-598.webp" />

2. 添加“发送模板”组件并选择订单详情消息模板

<img src="https://mintcdn.com/lchnan/6CxA7mK2t7klNAOL/product-assets/a682269677-image-599.webp?fit=max&auto=format&n=6CxA7mK2t7klNAOL&q=85&s=f84636ef44ff6a487fa38798028dcb2b" alt="YCloud 产品截图" width="1597" height="834" data-path="product-assets/a682269677-image-599.webp" />

3. 保存并激活该 Journey

当该事件发生时，将自动触发此 Journey。

## 接收订单

### 1. 接收订单支付 Webhook

如果您通过 API 发送 WhatsApp Pay 消息，则需要使用此 Webhook 来监听用户支付事件。[订阅此 Webhook](/zh/api-reference/webhooks/test-webhooks)&#x20;

当用户发起的交易状态发生变化时，您将通过 Webhook 接收更新。它会在支付状态更改为 `captured`（支付成功完成时）或 `pending`（用户已尝试但尚未收到交易成功信号时）时发生。

示例：

```
{
  "id": "evt_eEkn26qar3nOB8md",
  "type": "whatsapp.payment.updated",
  "apiVersion": "v2",
  "createTime": "2024-10-10T07:08:00.000Z",
  "whatsappPayment": {
    "wabaId": "WABA-ID",
    "referenceId": "<reference-id>",
    "status": "captured | pending",
    "transactions": [
      {
        "id": "<transaction-id>",
        "type": "billdesk | payu | razorpay | zaakpay",
        "status": "pending | success | failed",
        "createdTimestamp": 1728544066000,
        "updatedTimestamp": 1728544066000,
        "amount": {
          "value": 21000,
          "offset": 100
        },
        "currency": "INR",
        "methodType": "upi | card | wallet | netbanking",
        "error": {
          "code": "error-code",
          "reason": "error-reason"
        }
      }
    ]
  }
}
```

### 2. 在 WhatsApp Pay 上查看支付状态

<img src="https://mintcdn.com/lchnan/6CxA7mK2t7klNAOL/product-assets/9b7b2b1173-image-719.webp?fit=max&auto=format&n=6CxA7mK2t7klNAOL&q=85&s=3c21e7da5cbe1a84fe1dbb2a8d22be03" alt="YCloud 产品截图" width="2860" height="1530" data-path="product-assets/9b7b2b1173-image-719.webp" />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.