喺商戶中心嘅「設置 - 配置 - 支付配置」頁面,你可以設置支付方式、支付模板和其他支付相關選項。
商戶中心支付配置頁面
支付方式
首先勾選你想要展示給用戶嘅支付方式,然後點擊保存。
支付模板
目前提供兩種支付樣式,你可以自由選擇和切換,選擇完成後請記得點擊保存。
模板一(豎版)
模板二(橫版)
其他設置
| 配置項 | 說明 |
|---|---|
| 自動取消 | 訂單自動取消時間,默認 10 分鐘未完成支付則自動取消 |
| 背景圖 | 用於未付款訂單從郵件點擊「立即支付」嘅頁面背景。推薦尺寸 1920×1080px,小於 50KB,支援 webp、svg 格式 |
接入代碼
支付配置 - 查看示例
第 1 步:嵌入 JS 代碼
喺購買頁面嵌入專屬 JS 代碼:
HTML
<script>window.Apsdai = Object.assign(window.Apsdai || {}, { name: 'vnita7mxdq' })</script>
<script src="https://i-cdn.softscdn.com/apsdai.min.js"></script>
第 2 步:添加購買按鈕
為購買按鈕添加商品地址,支援以下三種方式:
方式 1:data 屬性
HTML
<button data-apsdai-checkout="xxx">立即購買</button>
方式 2:錨點鏈接
HTML
<a href="#apsdai-xxx">立即購買</a>
方式 3:協議鏈接
HTML
<a href="//apsdai#xxx">立即購買</a>
說明
以上代碼中嘅
xxx 代表商品嘅 PATH 值,請替換為你實際嘅商品 PATH。