> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 如何与 Atome 连接

###### 在这篇文章中：
1. [介绍](#2-1)
2. [连接 Atome 至您的网店](#2-2-atome)
3. [在商品页面显示 Atome 分期付款方式](#3-3-atome)


[![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_8x8zhh.png)](https://www.atome.my/sell-with-atome)
---
## 1. 介绍

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

如果您还未注册 Atome 账号，可点击 [此出](https://portal.atome.my/form-submit?accessToken=0ce2ab2dc962460a821633a8f3609367) 进行注册。 填写表格后，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 后台](https://admin.easystore.co/home) > 功能设定 > 支付方式 > 新增支付方式 > 选择 **Atome** 

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-15-at-12104_1l9kbt2.png)

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

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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1kqnjs7.png)

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

---

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

📌 小笔记：此步骤需编辑新主题中的 **Product-card.Liquid** 文件档， 例如：Aroma, FreshBit, 以及 Marshmallow 等等， 可参考 [此连接](https://www.easystore.co/zh-my/themes) 了解更多主题。

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

```html
<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>
```

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/garen-30_1tj7r0s.png)

效果：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/garen-31_1tz5dkg.png)

*步骤 2 - 商品页面：

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

```html
<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>
```

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/garen-32_1wu82p3.png)

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

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

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/screenshot-2024-01-11-at-10473_lg1ony.png)

效果：

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/garen-33_zvyo54.png)
**
**
**
您可以发送电子邮件至 [support@atome.my](mailto:support@atome.my) 以获取有关您 Atome 帐户的进一步说明！