Afterpay

Feature	Description
Integration Methods	✅ Hosted Checkout
Recommended Regions	Global
Virtual Industry Support	✅ Access Restricted
Subscription Support	❌️
Supported SaaS	✅ Shopify ✅ Shopline ✅ Shopyy ✅ Ueeshop ✅ Shoprise ✅ Shoplus ✅ Shoptop
Supported Open-Source Platforms	✅ Magento ✅ WordPress/Woocommerce ✅ OpenCart ✅ PrestaShop ✅ ZenCart

Payment Method Display Name

For customers in different countries, your checkout page should display the corresponding payment method name and logo according to the customer's billing country.

Region	Billing Country(billing_country)	Payment Methods	Payment Logo
United Kingdom	GB	Clearpay
United States	US	Cash App Afterpay
Australia/Canada	AU/CA	Afterpay

Authorization and Capture Rules

• Afterpay payments are placed in an authorized but not captured status once pre-authorization is completed.
• Merchants must complete the capture within 14 days of the authorization. If the payment is not captured within 14 days, the authorization will automatically expire.

Status Description

After a Afterpay payment enters the authorization stage:

• The payment status will be marked as Pending:

payment_status = -1

• The payment authorization type will be identified as Authorization:

payment_authType = 1

Initiate Capture / Void

For Afterpay orders that have entered the authorization stage, you may manually initiate Capture or Void through the Oceanpayment Authorization feature. Once the authorization or cancellation is completed, the result will trigger the asynchronous notification again.

On-site Messaging

Afterpay On-site Messaging is a solution that allows merchants to display personalized Afterpay payment messages on their website or mobile app before customers proceed to checkout. It helps inform customers in advance about available flexible payment options, thereby improving conversion rates and enhancing the overall user experience.

Integration Using the Sample Code Below

<script src="https://js.afterpay.com/afterpay-1.x.js" data-analytics-enabled async ></script>
<afterpay-placement 
    data-locale="en_US"
    data-currency="{{Currency}}" 
    data-amount="{{amount}}"
 ></afterpay-placement>

Shopify

Using Shopify as an example, Afterpay On-site Messaging can be integrated by adding the script and placement code to your theme files.

1. In Online Store → Themes → Edit code → theme.liquid, add the following script:

<script src="https://js.afterpay.com/afterpay-1.x.js" data-analytics-enabled async></script>

2. Add placement on product page

<afterpay-placement 
    data-locale="en_AU"
    data-currency="{{ shop.currency }}" 
    data-amount="{{ product.price | money_without_currency }}"
></afterpay-placement>

• data-locale: Locale code (e.g., en_AU, en_US, etc.);
• data-currency: Store currency (dynamically retrieved from Shopify);
• data-amount: Product price (must be consistent with the amount displayed on the page).