跳到主要内容

Tabby​

功能说明
支付LOGO
集成方案
  1. ✅ 托管结账
推荐使用国家沙特阿拉伯，阿联酋
是否支持虚拟行业✅
是否支持订阅服务❌️
支持的SaaS
  1. ✅ Shopify
  2. ✅ Shopline
  3. ✅ Shopyy
  4. ✅ Ueeshop
  5. ✅ Shoprise帕帕猴
  6. ✅ Shoplus超店
  7. ✅ Shoptop
支持的开源建站
  1. ✅ Magento
  2. ✅ WordPress/Woocommerce
  3. ✅ OpenCart
  4. ✅ PrestaShop
  5. ✅ ZenCart

站内消息（On-site Messaging）​

Tabby站内消息是一种解决方案，允许商户在客户进入结账之前，在网站或移动应用上展示个性化的Tabby支付消息，用于提前告知用户可用的灵活支付方式，提升转化率和用户体验。

使用示例代码集成​

<div id="TabbyPromo"></div>
<script src="https://checkout.tabby.ai/tabby-promo.js"></script>
<script>
    new TabbyPromo({
        selector: '#TabbyPromo', // 必填
        currency: 'AED', // 必填，'AED' 或 'SAR'，使用大写字母，不要包含空格
        price: '2000.00', // 必填，AED 和 SAR 均需保留两位小数
        lang: 'en', // 可选，'en' 或 'ar'
        source: 'product', // 可选，'product' 或 'cart'
        shouldInheritBg: false, // 可选，true 或 false
        publicKey: 'your_pk', // 必填，您的公钥
        merchantCode: 'your_merchant_code' // 必填，根据您店铺使用的币种填写对应的商户代码
    });
</script>

以Shopify为例​

以Shopify为例，可以通过在主题文件中添加脚本和展示代码来集成Afterpay站内消息功能。

  1. 在Online Store（在线商店） → Themes（主题）- Edit code（编辑代码）- theme.liquid中添加脚本
<div id="TabbyPromo"></div>
<script src="https://checkout.tabby.ai/tabby-promo.js"></script>
  1. 在产品页面添加展示组件
<script>
    new TabbyPromo({
        selector: '#TabbyPromo', 
        currency: {{ shop.currency }}, 
        price: {{ product.price | money_without_currency }}
        lang: 'en', 
        source: 'product',
        shouldInheritBg: false, 
        publicKey: 'your_pk', 
        merchantCode: 'your_merchant_code'
    });
</script>