Search...
Log inGet started
Airwallex logo
Home
Core API
Payments
Transactional FX
Payouts
Issuing
Back to home
OverviewChoose your payments solutionGet started with payments
Online payments
Online payments overviewPayment Method Onboarding RequirementGet started with online paymentsHosted Payment Page
Drop-in Element
Embedded Elements
Mobile SDK
Plugins
Shopify
Getting StartedInstall Airwallex Card Payments app
Install Airwallex Online Payments appInstall the Airwallex Klarna Payments AppInstall Afterpay Payments App
WooCommerce
Shopline
Magento
BigCommerce
SpreedlyFrequently Asked Questions
Native API
Automatic Currency Conversion
Invoice integrations

Install Afterpay Payments App

Installation and Configuration

Ensure you have Afterpay activated

Please ensure that you have Afterpay activated on your Airwallex account that you have linked to your Shopify app before allowing your shoppers to checkout

Pre-requisites

  1. You must have a valid and activated Airwallex account
  2. Afterpay must be enabled and activated as a payment method in Airwallex (Please ensure you do this before proceeding)

Installation Steps

  1. Go to Airwallex Afterpay Payments app and click Add app

Afterpay Shopify App Listing

  1. Click Install app

Install Screen Afterpay

  1. Click Manage. You will be redirected to set up your Airwallex account before receiving payments

Klarna Manage

  1. Log in to your Airwallex account and select an account that you want to connect to your Shopify store, and click Connect. You will be redirected back to your Shopify settings after connecting. Note: Please ensure you have Afterpay as a payment method enabled and activated for the account you are connecting to

Afterpay Login Page Select Account Afterpay

  1. Within your settings, you can check if the Afterpay option is ticked so that the logo will be shown on your check-out page. Please tick only Afterpay or Clearpay to ensure only one logo shows up on checkout. Click Activate Airwallex and you are all set! (Please only activate after Afterpay as a payment method has been activated on your linked Airwallex account)

Activate Afterpay

You should now be able to see Afterpay as a payment method on your store!

  1. To help more of your shoppers check out with Afterpay, ensure you have currency switching turned on. You can enable this from Airwallex > Payments > Settings

Currency Switching Screen

Testing

  1. Enable test mode in Settings>Payments>Airwallex Afterpay>Manage if you want to mock successful and failed transactions before going live.

Afterpay Test Mode Shopify

  1. You can then go to your store and attempt to check out with Afterpay. You will be able to see the following page after selecting Afterpay as a payment method

Klarna Testing Page

  1. Mock the different statuses by clicking on the status that you wish to test. For the payment pending states, they will be pending before transitioning to "Success" or "Failure" after 10 minutes.

Shopper Experience

Overview

With Afterpay, the shopper can choose to:

  1. Pay in 4
  2. Pay in Monthly Instalments

For more details you can check out our Afterpay Docs

Experience Walk-through

When a customer visits your online store, they will be able to see a row under Payment in the checkout page named Afterpay

Possible Scenarios

There are three possible scenarios that a shopper can experience when using Afterpay on your store

Scenario 1

Scenario: Shopper is shopping in a store with eligible store currency. Shopper Experience:

Shoppers will be brought to Afterpay directly where they can select their preferred way to pay before order confirmation. A sample flow is shown below

scenario 1

Scenario 2

Scenario: Shopper is shopping in a store with ineligible store currency. For the eligible countries and currencies please refer to our Afterpay Docs

Shopper Experience:

Shoppers will be brought to a page where they will be shown the currency they will pay in and the rate that was used for conversion. This is to provide transparency to the shopper

scenario 2

Scenario 3

Scenario: Shopper is shopping in a store with ineligible store currency and ineglible billing country. For the eligible countries and currencies please refer to our Afterpay Docs

Shopper Experience:

Shoppers will be brought to a page where they will be shown the options to select their Afterpay country account. This is to ensure we will switch to the correct currency for the transaction to reduce merchant cross-border fees

scenario 3