如何將Afterpay添加到 Shopify

如果您是 Shopify 商店的店主，並希望為客戶提供另一種支付方式，您可能已經接觸過「立即購買，稍後付款」支付服務提供者，如 Klarna 或澳大利亞巨頭 Afterpay。Afterpay 是所有希望發展壯大的電子商務商店的必備工具。Afterpay 可以降低支付處理成本，同時提高平均訂單價值。不過，在瞭解這一切是如何實現的之前，我們先來瞭解一下基本知識。

什麼是 Afterpay？

Afterpay 是一種支付閘道，允許消費者將付款分成易於管理的分期付款，分期付款期為 6-8 周，沒有利息或隱藏費用。這一革命性的支付閘道目前在全球擁有730多萬活躍客戶，並得到澳大利亞、紐西蘭、美國和英國（稱為 “Clearpay”）43 200 多家全球零售商的支援。Afterpay 的最低收費為每筆交易 30 美分，同時收取 4-6% 的傭金。這種具有成本效益的結構使商家可以輕鬆優化其銷售和轉換策略，而不必擔心成本問題。

在您的Shopify網店上使用Afterpay的好處

在您的網店上安裝 Afterpay，可以簡化客戶的付款流程。讓您的客戶使用 Afterpay，您將獲得一系列好處。一個巨大的經濟效益是，Afterpay 限制支付金額超過 35 美元的訂單，從而鼓勵更高的訂單金額。這一點加上最低的支付處理費用，可以説明您增加收入、降低成本和促進現金流。Afterpay 説明改善現金流的另一種方式是提高轉換率。通過提供 Afterpay，您可能會發現購物車放棄率降低，銷售額上升。

Afterpay 不收取利息或滯納金，讓有預算的購物者更容易購買，甚至可以帶來更多有預算的購物者，讓您擴大客戶群，增加銷售額。此外，它還能讓這些首次購買者更容易成為重複購買者，因為他們知道可以繼續使用 Afterpay。

為您的Shopify店鋪添加Afterpay的步驟指南

既然您已經知道 Afterpay 是什麼，擁有它的好處是什麼，以及它是如何讓客戶更容易購買商品，那麼讓我們一步步來介紹如何將Afterpay添加到 Shopify。

創建Afterpay帳戶

在我們正式開始之前，有一點很重要，那就是 Afterpay 目前只適用於澳大利亞、紐西蘭、美國和英國。這意味著，如果您不是在這些國家註冊，Afterpay 將無法為您和您的企業提供服務，您將不得不考慮其他支付處理商，例如 Klarna 。

現在，將 Afterpay 集成到您店鋪的第一步是註冊一個 Afterpay 帳戶。您可以訪問Afterpay網站，然後填寫資訊並點擊註冊。或者，您也可以掃描二維碼，下載應用程式並註冊。

然後，您需要填寫所需的資訊。填寫完畢后，Afterpay 會向您發送一封電子郵件。要驗證您的帳戶，您需要打開這封郵件並選擇「驗證您的帳戶」。

安裝 Afterpay 外掛程式

將 Afterpay 安裝到 Shopify 是一項簡單的任務，有兩種方法。您可以使用Afterpay推薦的鏈接，進入Shopify的添加視窗，在那裡添加Afterpay;也可以通過Shopify儀錶盤手動添加Afterpay到Shopify。無論您選擇哪種方式，我們都會在本指南中為您介紹。

使用連結將Afterpay添加到Shopify

您可以使用此連結進入Shopify商店的Afterpay添加視窗。到達后，點擊“Connect”繼續。之後，您需要授予 Afterpay 對您的商店的許可權，選擇商店所在的國家，並輸入您的商戶 ID 和密匙來驗證身份。

如果您沒有商戶 ID 和密匙，您可以通過選擇國家/地區、輸入電子郵件並點擊“Next”來驗證身份或註冊。之後，您需要填寫有關貴公司的一些基本資訊。

然後檢查並確保沒有點擊測試模式（因為這僅適用於測試商店），然後點擊“啟動 Afterpay”。現在，Afterpay 將被設置並連結到您的店鋪。

手動添加 Afterpay 到 Shopify

手動添加 Afterpay 到 Shopify 簡單快捷。首先，進入您的Shopify店鋪儀錶板。然後點擊左下角的設置圖示，再點擊「付款」。

然後點擊「添加支付方式」。

現在，您要在彈出視窗中搜索 Afterpay，然後點擊“啟動”按鈕。就這樣，您就將Afterpay手動添加到了Shopify。

如何將 Afterpay 消息添加到 Shopify

使用 Afterpay 可以説明您與訪客建立信任，提高銷售額。但是，只有當訪客（在結帳之前）知道他們可以在您的店鋪使用 Afterpay 時，這種信任才能建立起來。為此，您需要在您的Shopify店鋪中設置Afterpay資訊。具體方法如下。

進入 Shopify 面板，點擊「在線商店」，然後選擇“主題”。找到當前主題，並選擇“編輯代碼”。

在“Layout”資料夾中找到“theme.liquid”。按兩下它並滾動到底部。

到達底部后，粘貼以下代碼：

<!– Begin Shopify-Afterpay JavaScript Snippet (v1.1.6) –>
{% if cart.currency.iso_code == shop.currency %}

<script type=”text/javascript”>

// Overrides:

// var afterpay_min = 1.00;       // As per your Afterpay contract.

// var afterpay_max = 2000.00;    // As per your Afterpay contract.

// var afterpay_msg_size = ‘sm';  // Can be ‘xs', ‘sm', ‘md' or ‘lg'.

// var afterpay_bold_amount = true;

// var afterpay_logo_theme = ‘colour';  // Can be ‘colour', ‘black' or ‘white'.

// var afterpay_modal_open_icon = true;

// var afterpay_hide_upper_limit = false;

// var afterpay_hide_lower_limit = true;

// var afterpay_show_if_outside_limits = true;

// var afterpay_cbt_enabled = false;

// var afterpay_apr_loans_available = false;

// var afterpay_product_integration_enabled = true;

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

// var afterpay_variable_price_fallback = false;

// var afterpay_variable_price_fallback_selector = ”;

// var afterpay_variable_price_fallback_method = ‘mutation';  // Can be ‘mutation' or ‘interval'.

// var afterpay_cart_integration_enabled = true;

// var afterpay_cart_static_selector = ‘#cart-subtotal-selector';

// var afterpay_variable_subtotal_fallback = false;

// var afterpay_variable_subtotal_fallback_selector = ”;

// var afterpay_variable_subtotal_fallback_method = ‘mutation'; // Can be ‘mutation' or ‘interval'.

// var afterpay_cart_dynamic_integration_enabled = false;

// var afterpay_footer_logo_enabled = true;

// var afterpay_footer_logo_format = ‘icon';  // Can be ‘icon', ‘stacked' or ‘logo'.

// var afterpay_footer_logo_theme = ‘colour'; // Can be ‘colour', ‘black' or ‘white'.

// var afterpay_footer_logo_background = ‘border';  // Can be ‘border' or ‘transparent'.

// var afterpay_footer_logo_container = ‘footer ul.payment-icons';

// var afterpay_footer_logo_template = ‘<li class=”payment-icon”><object data=”{logo_path}” type=”image/svg+xml”></object></li>';

// Non-editable fields:

var afterpay_js_language = {{ localization.language.iso_code | slice: 0, 2 | json }};

var afterpay_js_country = {{ localization.country.iso_code | json }};

var afterpay_shop_currency = {{ shop.currency | json }};

var afterpay_cart_currency = {{ cart.currency.iso_code | json }};

var afterpay_shop_money_format = {{ shop.money_format | json }};

var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};

var afterpay_theme_name = {{ theme.name | json }};

var afterpay_product = {{ product | json }};

var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};

var afterpay_cart_total_price = {{ cart.total_price | json }};

var afterpay_js_snippet_version = ‘1.1.6';

</script>

<script type=”text/javascript” src=”https://static.afterpay.com/shopify-afterpay-javascript.js”></script>

{% else %}

<!– Afterpay disabled: {{ cart.currency.iso_code }} != {{ shop.currency }} –>

{% endif %}

<!– End Shopify-Afterpay JavaScript Snippet (v1.1.6) –>

然後點擊保存，您的 Afterpay 資訊就設置好了。

測試 Afterpay 和 Shopify 集成

現在您已經在 Shopify 主題上保存了代碼，是時候測試 Afterpay Shopify 集成了。

查看產品頁面並尋找 Afterpay 標誌

測試 Afterpay Shopify 集成的第一種方法是進入產品頁面，確保 Afterpay 顯示為付款方式。如果您在產品頁面上沒有看到 Afterpay 標誌，請檢查您是否正確集成了 Afterpay。如果問題仍然存在，您可以聯繫 Afterpay 客戶支援。

將產品添加到購物車並結帳

如果 Afterpay 徽標顯示在產品頁面上，那麼下一步就是將產品添加到購物車，然後進入結帳頁面。在結帳頁面，Afterpay 應該仍然顯示為一種付款方式。如果不是這種情況，請仔細檢查您的集成設置或聯繫 Afterpay 的客戶支援。

使用 Afterpay 完成測試交易

測試 Afterpay Shopify 集成的最後一種方法是使用 Afterpay 完成測試交易。進行一次測試交易，確保正確處理付款，並在 Shopify 中創建訂單。如果付款處理完畢，訂單也已創建，那麼Afterpay就已與您的Shopify店鋪正確集成。