AfterPay 集成

什么是后付？

Afterpay 是一种允许客户收货并分期付款的付款方式。

通过提供 Afterpay，您可以让您的客户今天将购买的商品带回家，并可以在 6 周内分 4 期付款。

与全额付款相比，灵活的付款计划可以提高您获得更多转化和新客户的机会。

如何将 Afterpay 与 Shopify 集成？

首先，您需要将 Afterpay 添加到您的 Shopify 商店。请查看 本文 详细说明。

之后，Afterpay 小部件将自动插入 GemPages 产品页面的顶部。

在某些情况下，您可能希望在其他位置显示小部件。

按照以下步骤调整小部件的位置：

第三步： 导航到你的 Shopify 管理員 > 主题，点击三点按钮，然后选择 编辑代码 从下拉列表。

第三步： 搜索文件“theme.liquid”。选择打开文件。

第三步： 接下来，向下滚动并找到包含 Afterpay 码。

第三步： 查找下面的代码行并删除 // 在该行的开头。

删除后，该行应为：

var afterpay_product_selector = '#product-price-selector';

接下来，点击“已保存”以保存您的更改。

如何将 Afterpay 与 GemPages 集成？

首先，去 这个 GemPages 仪表板 > 前往 > 产品。从那里，单击您喜欢的产品页面以找到编辑器。

继续按照以下步骤在使用 GemPages 构建的产品页面中显示 Afterpay。

对于 GemPages 版本 6

第三步： 拖放一个 液体元素 从左侧边栏到您的页面，并将其放在元素（P）价格下方或您希望在 产品模块.

第三步： 右键单击液体模块并选择 编辑代码 打开代码面板。

第三步： 复制并粘贴下面的 HTML 代码到 版型 选项卡。完成后，点击 已保存 应用更改。

<div id="product-price-selector"></div>

当一切准备就绪时， 保存 并击中 发布 重新发布您的产品页面。

对于 GemPages 版本 7

打开目标产品页面编辑器后，请按照以下步骤操作：

第三步： 在左侧边栏中，使用搜索栏找到 自定义代码元素。将此元素拖放到 产品元素.

第三步： 点击元素打开其设置。在 自定义代码，点击框打开代码面板。

第三步： 将下面的 HTML 代码粘贴到 HTML/Liquid 标签。

<div id="product-price-selector"></div>

完成后，单击 已保存.

就这样！您已设置好 Afterpay 小部件，它可帮助您增加销售额并赢得新客户。