Are you looking to add the Afterpay payment method to your WooCommerce store?
Afterpay is a popular payment system that enables users to make purchases and pay for them later in installments.
This Buy Now Pay Later (BNPL) payment option has become highly popular among shoppers, with businesses using Afterpay experiencing a 40% increase in order value. [Source: Stripe]
Plus, Afterpay users tend to shop a whopping 50% more often than those who don't use it.
If you’re a WooCommerce store owner, you can easily offer the Afterpay gateway for WooCommerce without any coding.
In this post, we will share a step-by-step guide on how to add Afterpay to WooCommerce.
Check out our video tutorial on how to add the BNPL payments to your WooCommerce store.
Ensure your checkout process is seamless and you can easily do that with FunnelKit.
Contents
Afterpay is a "Buy Now, Pay Later" (BNPL) service that allows users to make purchases and pay for them in installments over time. This Fintech company was founded in 2014 in Sydney, Australia.
Afterpay is available for WooCommerce merchants with stores in Australia, New Zealand, the United States, Canada, and the United Kingdom.
🔔 Note: In the United Kingdom, Afterpay is known as Clearpay.
Afterpay provides customers with two convenient payment options for product purchases:
Afterpay provides an easy and convenient way for shoppers to pay in installments. Here’s how an Afterpay payment works:
Shoppers can place an order as usual and choose Afterpay at the checkout on their favorite online store.
Next, shoppers are prompted to sign up for Afterpay. If they already have an account, they can simply log in.
After logging in to the Afterpay account, users go through a verification and approval process. Afterpay typically provides instant approval to users.
While Afterpay doesn't check credit history, it considers other factors, such as:
After the approval, users can make their first installment, which is typically 25% of the total amount.
For instance, if a product costs $50, users can pay in four installments of $12.50 each.
Afterpay calculates the installment automatically and reminds users of the due payment amount.
Next, users choose their payment card and confirm the payment to place the order.
After the initial installment, users need to pay overtime to complete the purchase. After a shopper completes placing the order, Afterpay pays the merchants upfront and charges the shopper over time. If the user fails to pay on time, Afterpay charges a late fee.
Adding the WooCommerce Afterpay payment gateway to your store can result in numerous benefits for both merchants and customers, opening up new opportunities for seamless transactions.
Let’s explore the positive results you can achieve by offering Afterpay payments in your WooCommerce store.
By accepting WooCommerce Afterpay payments, you appeal to a broader audience, especially those who may prefer the flexibility of paying in installments. This inclusivity can attract new customers to your store.
As mentioned earlier, people tend to buy more when a website offers Buy Now Pay Later options. By integrating WooCommerce Afterpay, you can increase your sales and conversions.
About 9% of online shoppers abandon their carts because they can’t find their preferred payment method. Offering Afterpay to pay later can help reduce this abandoned cart rate.
Analysts project that BNPL services will account for 12% of total global ecommerce spend on physical goods by 2025. Adopting flexible payment options such as Afterpay could be a savvy strategy to position your business for future success and outpace competitors.
Before you set up Afterpay in your WooCommerce store, make sure you have the following things ready.
🔔 Note: As you are looking for a solution to the question of how to integrate Afterpay with WooCommerce, you must have WooCommerce installed and configured properly to integrate Afterpay payments in your store.
You can get help from this Woo document guide to set up your WooCommerce store.
1. A Stripe account
Stripe is a widely used payment processing platform that allows businesses to accept and manage payments online.
We will use Stripe to integrate Afterpay with WooCommerce because Stripe is PCI DSS Level 1 certified and uses real-time machine learning to protect businesses from fraudsters.
You need to set up your Stripe account to start collecting payments in your store.
Setting up Stripe is free, but they charge a small amount for each transaction. Their pricing structure varies by country.
2. Activate Afterpay in your Stripe account
Please note that you should activate Afterpay on your Stripe account. To do this, navigate to Settings ⇒ Payment Methods from the Stripe dashboard and edit the associated account.
Next, under the "Buy Now Pay Later" payment options, activate the Afterpay option.
3. Stripe Gateway for WooCommerce plugin
FunnelKit’s Stripe Gateway for WooCommerce offers you a powerful integration solution that lets you accept online payments in your store.
It’s one of the best WooCommerce Stripe gateway plugins that offers a simple, secure, and quick way to collect payments on the web and mobile.
Stripe Gateway for WooCommerce is compatible with credit and debit card payments through Stripe such as Visa, Mastercard, American Express, JCB, Diners Club, and more.
Plus, it further integrates with express payment options such as Google Pay and Apple Pay and BNPL gateways such as Affirm, Klarna, and Afterpay.
Furthermore, it also supports local payments like SEPA, P24, iDEAL, Bancontact, and more.
This Stripe Gateway plugin is compatible with WooCommerce checkout pages and one-click upsells for seamless order placement and processing.
4. A valid SSL certificate
An SSL certificate helps authenticate your website and encrypts the data transmitted between a user’s web browser and your website’s server.
Your WooCommerce store should have a valid and active SSL certificate.
It helps authenticate the identity of your website and encrypts the data transmitted between a user’s web browser and your website’s server.
5. Ensure your store currency is compatible with Afterpay's supported currencies
Afterpay supports a few currencies, including USD, CAD, GBP, AUD, and NZD. Make sure your WooCommerce Store currency is set to one of these.
Once you have all the essentials in place, proceed to the next section to learn how to add Afterpay to WooCommerce.
The first step of integrating Afterpay with WooCommerce is to connect the WooCommerce store with Stripe using the Stripe Payment Gateway plugin.
From the WordPress dashboard, navigate to Plugins ⇒ Add New Plugin and search for “FunnelKit Stripe Gateway”.
After that, install and activate the plugin on your WooCommerce store.
Now, connect your Stripe account to the WooCommerce store.
Once you’ve activated this WooCommerce Afterpay plugin, you’ll see a notification to configure your Stripe account.
Click on the ‘Start Onboarding Wizard’ button to start the setup and configuration process.
It’ll take you to a new window. Hit the “Connect with Stripe’ button.
You’ll now see the Stripe account authorization page.
Log in to your Stripe account using your registered email address and password.
Verify your Stripe account with a 6-digit OTP sent to your registered email or phone number.
Select the Stripe account you want to use for your WooCommerce Afterpay integration.
Once done, click Connect.
On the next screen, you will see all the available payment gateways. Make sure to hit the toggle to the Afterpay payment button.
Here, we’ll enable both the Credit Card (Stripe) and Afterpay payment gateway. After that, click on ‘Save and Continue’.
This Stripe payment gateway will automatically set up webhooks.
Hit the ‘Setup Webhook Now’ button and move to the next screen.
The plugin will prompt you to enable express checkout buttons such as Apple Pay and Google Pay.
This way, you can incorporate one-click checkouts in your WooCommerce store.
You’re all set! Make sure to activate the test mode and first configure the WooCommerce Stripe Afterpay payment mode.
Clicking on ‘Save and Review Settings’ will automatically fetch all your Stripe account details into your WooCommerce store:
That’s it! Your Stripe account is now successfully connected and configured in your WooCommerce store.
Navigate to WooCommerce ⇒ Settings ⇒ Payments.
Under the Payments tab, scroll down and click on ‘Manage’ next to AfterPay Gateway – AfterPay - Pay Over Time.
Now, check the option next to ‘Enable Afterpay Payments’.
This will enable Afterpay in your WooCommerce store.
Now configure the rest of the settings of Afterpay payment, such as:
Note: Afterpay calculates the installment amount dynamically and displays it on the product page, cart page, and category page
Here is how it will show up on the product page:
Have a look at how it will look at the shop/category page:
Here is what it will like on the cart page:
🔔 Note: Skipping the cart page can make shopping faster and smoother. Learn how to offer direct checkout that skips the cart page.
And finally, how will look on the checkout page with the custom description:
After that, click on “Save changes” to update your configurations.
It’s always a good practice to test if the WooCommerce Afterpay payment option works properly before making it available for customers.
Move to the next section to find out how to test WooCommerce Afterpay payments.
To test the WooCommerce Afterpay payment method, put your website in the ‘Test’ mode by going to WooCommerce payment settings.
For that, navigate to WooCommerce ⇒ Settings ⇒ Payment and click on “Manage” next to AfterPay Gateway – AfterPay - Pay Over Time.
On the “Stripe General Settings” tab, set the Mode to test.
After that, add any product to your cart, and on the checkout page, choose the option “Afterpay - Pay Over Time Afterpay” to checkout.
After that, you will get two options: Authorize text payment and Fail test payment.
If you choose to authorize test payment, you will be redirected to the thank you page.
That’s how easily you can test the WooCommerce Afterpay gateway.
Offering multiple payment options can help increase the chances of conversions by providing customers with flexibility and convenience when paying for their favorite products.
Different customers may prefer different payment gateways based on their location, financial conditions, and personal preferences.
You can offer:
With FunnelKit Funnel Builder and Afterpay payments, you can offer all the types of payment gateways mentioned.
Furthermore, you can enable other payment options such as:
Our experts recommend researching popular payment methods in the countries you serve and gathering feedback from your customers. This will help you determine the payment options they are comfortable with.
Once you have this data, enabling those payment gateways will surely help increase conversions in your WooCommerce store.
While the Buy Now, Pay Later option by Afterpay for WooCommerce is undoubtedly enticing for attracting more customers, a seamless and conversion-optimized checkout process is essential to ensure users successfully complete their purchases.
According to the Baymard Institute, 28% of people abandon carts because of the long and complicated checkout process.
You can reduce this rate by using FunnelKit Funnel Builder and offering your customers streamlined multi-step checkout processes.
FunnelKit Funnel Builder is a game-changer for over 20,000 WooCommerce users, revolutionizing their checkout process with a seamless shopping experience that keeps customers coming back for more.
FunnelKit Funnel Builder comes with various prebuilt checkout page templates that you can import and use with just a few clicks.
You can choose the number of steps you want your checkout page to have.
Note: Plus, you can style your pages like shopify checkout or order forms.
FunnelKit Funnel Builder doesn't just offer a multi-step checkout; it also provides a range of ready-to-use features designed to create a seamless and conversion-friendly checkout experience for your customers. These features include:
👉 For more details, check our blog on WooCommerce Google Address autocomplete.
👉 For more details, read the blog on WooCommerce express checkout.
👉 For more details, read the blog on the checkout field editor.
👉 For more details, read the blog on WooCommerce order bump.
Note: Along with an order bump on the checkout page, you can also offer post-purchase one-click upsells to boost order value using FunnelKit.
FunnelKit Funnel Builder seamlessly integrates with the FunnelKit Stripe plugin, allowing you to easily pair beautiful checkout pages with Afterpay WooCommerce payments, providing users with the best shopping experience and boosting sales simultaneously.
Have a look at some of the frequently asked questions about WooCommerce Afterpay with the answer:
Yes, you can use Afterpay with WooCommerce through the Stripe Gateway Plugin for WooCommerce by FunnelKit.
If Afterpay is not displaying on the product page, it may be due to the Afterpay Message Location settings. Make sure to set the Afterpay Message Location on the Product page so that Afterpay will appear correctly on the product page.
Yes, WordPress allows store owners to offer Afterpay. To integrate Afterpay with WordPress, you need WooCommerce as an eCommerce platform and a WooCommerce Afterpay plugin, such as the Stripe Gateway Plugin for WooCommerce.
To display Afterpay on the product page, ensure the Afterpay Message Location is set to the Product page.
Afterpay and Clearpay are the same company but have different names. Afterpay is known as Clearpay in the UK, while it remains popular as Afterpay elsewhere.
Yes, Clearpay and Afterpay are the same company. In the UK, it's referred to as Clearpay, so if you have Afterpay, you can use Clearpay.
Yes, Clearpay and Afterpay are the same company, known by different names in different regions. Clearpay is predominantly used in the UK, while it refers to Afterpay elsewhere.
Afterpay accepts credit and debit cards from Mastercard and Visa issued in the customer's country of residence. Additionally, it also accepts digital forms of payment, such as Apple Pay and Google Pay.
Afterpay supports currencies like USD, CAD, GBP, AUD, or NZD.
An additional 1.5% fee is charged for international transactions, and a 1% fee is charged if currency conversion is required.
Offering users the option to buy now and pay later is an effective strategy to attract new customers and foster repeat purchases. With Afterpay, you don't have to worry about collecting money from customers as Afterpay pays the full payment upfront to merchants.
This way, you benefit from increased conversions by providing a convenient buy now, pay later option for customers to purchase their desired products.
Furthermore, by incorporating FunnelKit's conversion-optimized checkout, you can further maximize your conversion rates. Additionally, leveraging pre- and post-purchase offers such as order bumps and one-click upsells can enhance your store's average order value.
So why wait? Start offering the WooCommerce Afterpay payment option today and elevate your store’s conversion potential!
Get FunnelKit Funnel Builder to optimize conversions even further.
