如果您使用的是 Elementor 製作的網站,新增的購買按鈕往往是直接賦予購買連結,而不是參數,這時候如果您使用軟代支付系統,需要新增一些參數,比如固定支付方式,語言,或者新增優惠券,那麼請您按照以下方式操作。

第一步:設定 CSS 類

編輯按鈕,切換到高級設定;在「佈局」→ CSS 類,設定一個自訂數值(比如:apsdaixx),用於稍後使用,滑鼠移動到這個按鈕後,會變成點擊狀態。

設定CSS類

第二步:設定 Custom Attributes

在 Attributes(Custom Attributes)中以以下方式輸入,即可自訂按鈕功能屬性,每行一個:

  • data-apsdai-checkout|10461 - 10461 代表商品的 Path 值
  • data-apsdai-language|zh-tw - zh-tw 代表彈出介面為繁體中文,簡體中文為:zh-cn,英文為:en
  • data-apsdai-pay|stripe - stripe 代表預設彈出為信用卡支付,支付寶為:alipay,微信:weChat,PayPal為:paypal
  • data-apsdai-coupon|SHUMQKJBLA1 - SHUMQKJBLA1 為此商品可用的優惠券,用戶點擊之後可以直接新增此優惠券,不用手動輸入(需要提前在優惠券中配置好)
  • data-apsdai-open-type|cart - cart 代表點擊可以打開購物車視窗,另外還可選 pay
  • data-apsdai-site|hk - 可選香港站(hk)、中國站(cn)
Custom Attributes設定

第三步:新增 Custom CSS

在 Custom CSS 中新增如下代碼;其中 apsdaixx 為剛才為按鈕設定的唯一值,新增後,滑鼠移動到此按鈕會變成點擊狀態。

.apsdaixx {
    cursor: pointer;
}