日期: 2025 年 1 月 19 日

软代工单系统的弹出默认情况下是全局展示的，但是也有另外一个隐藏模式，可以在特定的场景下，使用固定的指令进行调出，如果您使用的是 Elementor 制作的网站，那么您可能会遇到一些问题，则无法链接到 OnClick 的属性，接下来让我们来操作解决这个问题。

1、首先请您打开 Elementor 来到按钮的编辑器，切换到“高级设置”在 CSS 类，为当前按钮设置一个固定到值，比如“apsdaixx”

2、在 Custom CSS 中添加如下代码；其中 apsdaixx 为刚才为按钮设置的唯一值，添加后，鼠标移动到此按钮会变成点击状态。

.apsdaixx {
cursor: pointer;
}

3、在此页面的头部或者尾部添加一段 JS 代码，请注意此代码中“apsdaixx”为您给此按钮自定义的值；

<script>
window.addEventListener(“load”, function () {
document.querySelectorAll(‘.apsdaixx’).forEach(function (element) {
element.addEventListener(‘click’, function (event) {
event.preventDefault();
console.log(“xxxxxxxxxxxxx”)
ApsdaiInstance().openTickets()
});
});
})
</script>

如果您使用的是 Elementor 制作的网站，添加的购买按钮往往是直接赋予购买链接，而不是参数，这时候如果您使用软代支付系统，需要添加一些参数，比如固定支付方式，语言，或者添加优惠券，那么请您按照以下方式操作。

1、编辑按钮，切换到高级设置；在“布局”–>CSS 类，设置一个自定义数值（比如：apsdaixx），用于稍后用于，鼠标移动到这个按钮后，会变成点击状态。

2、在 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 为此商品可用的优惠券，这样设置的好处是，用户点击之后可以直接添加此优惠券，不用手动输入。注：需要提前在优惠券中配置好。）

3、在 Custom CSS 中添加如下代码；其中 apsdaixx 为刚才为按钮设置的唯一值，添加后，鼠标移动到此按钮会变成点击状态。

.apsdaixx {
cursor: pointer;
}