如何与 Atome 连接

在这篇文章中：

1. 介绍

Atome 发音为“A-Toe-Me”，代表“Available to Me”，是一种先享后付的支付方式，为您的客户提供分期付款并无需支付任何利息费用。您将在客户购买后收到全额款项，而您的客户可以在 3 个月内支付款项。

如果您还未注册 Atome 账号，可点击此出进行注册。填写表格后，Atome 团队将与您联系。签署协议之后您将获得 API Key 和 Password 以开始串接。

📌 注意事项：
客户需要安装 Atome 应用程序并注册 Atome 帐户才能进行付款。
客户可以通过[此链接](https://www.atome.my/get-the-app) 下载Atome应用程序。因为 Atome 需要客户透过应用程序进行交易确认。
目前仅之源 MYR, SGD & TWD 货币。
关于交易费用，请咨询support@atome.my，因为费率有所不同。

2. 连接 Atome 至您的网店

步骤 1 : 前往 EasyStore 后台 > 功能设定 > 支付方式 > 新增支付方式 > 选择 Atome

步骤 2: 输入显示名称 (Display name) 以及描述 (Description) ，这将在客户结账时显示在结账页面。

📌 小笔记：
请记得填写您的 API Key & Password ( 由 Atome 提供 )
确保 '已启用Atome为结帐付款方式' 。

步骤 3: 完成付款设置 > 储存。

3. 在商品页面显示 Atome 分期付款方式

📌 小笔记：此步骤需编辑新主题中的 Product-card.Liquid 文件档，例如：Aroma, FreshBit, 以及 Marshmallow 等等，可参考此连接了解更多主题。

步骤 1 - 商品列表页面：
前往后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > snippet > 打开 product-card.liquid 文件档 > 搜索 include 'price' > 将以下原始码贴上，如截图：

<div style="font-size:18px; text-align:left; color:black;"> {{ product.price | divided_by: 3 | money: shop.money_format }} with 3 installments via <img border="0"  src="https://gateway.apaylater.com/plugins/common/assets/svg/logo.svg" width="80"></div>

效果：

*步骤 2 - 商品页面：

步骤 2.1 - 前往后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > section > 打开 main-product.liquid 文件档 > 搜索 include 'price' > 将以下原始码贴上，如截图：

<div style="font-size:18px; text-align:left; color:black;"> {{ product.price | divided_by: 3 | money: shop.money_format }} with 3 installments via <img border="0"  src="https://gateway.apaylater.com/plugins/common/assets/svg/logo.svg" width="80"></div>

步骤 2.2 - 在同一个文件档 main-product.liquid > 搜索 "is_variants_initial = true" > 将以下原始码贴上，如截图：

document.querySelector("#atome-price-display .money").innerHTML = EasyStore.Currencies.formatMoney((variant.price / 3));

效果：

您可以发送电子邮件至 support@atome.my 以获取有关您 Atome 帐户的进一步说明！

更新于： 15/01/2024

这篇文章有帮助吗？

谢谢！