在商戶中心的「設定 - 配置 - 支付配置」頁面,您可以設定支付方式、支付模板和其他支付相關選項。
商戶中心支付配置頁面
支付方式
首先勾選您想要展示給用戶的支付方式,然後點擊儲存。
支付模板
目前提供兩種支付樣式,您可以自由選擇和切換,選擇完成後請記得點擊儲存。
模板一(豎版)
模板二(橫版)
其他設定
| 配置項 | 說明 |
|---|---|
| 自動取消 | 訂單自動取消時間,預設 10 分鐘未完成支付則自動取消 |
| 背景圖 | 用於未付款訂單從郵件點擊「立即支付」的頁面背景。推薦尺寸 1920×1080px,小於 50KB,支援 webp、svg 格式 |
接入程式碼
支付配置 - 查看範例
第 1 步:嵌入 JS 程式碼
在購買頁面嵌入專屬 JS 程式碼:
HTML
<script>window.Apsdai = Object.assign(window.Apsdai || {}, { hk_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。