How to Add Afterpay to WooCommerce in 5 Actionable Steps

Want to offer more payment options for your audience? Good choice! 

Because websites that offer multiple payment methods convert more customers and have fewer abandoned carts, in fact, according to research by Baymard Institution, 13% of customers claimed to have abandoned a cart because there just weren’t enough payment options.

To avoid losing customers, you must add multiple payment options, including Buy Now Pay Later, as the users for BNPL services are expected to reach over 900 million globally by 2027.

This article explores the simplest way to add Afterpay to WooCommerce—one of the most popular BNPL platforms. Without further ado, let’s jump right in!

Understanding Afterpay in WooCommerce

Afterpay is a buy now, pay later (BNPL) service with over 24 million active global customers and trusted over 348k brands worldwide. It allows users to pay for their favorite items in four easy installments, paid over six weeks. The service only charges extra if you don’t pay on time.

The late fine is 25% of the order for orders below $40, and for orders above $40, an initial $10 late fee is deducted if the payment is unpaid after 7 days from the due date.

However, in case of a financial emergency, if one is unable to pay installments, Afterpay offers a fantastic hardship program, allowing them to repay easily by cutting additional charges and offering a crystal clear way to repay with minimal burden on their pockets.

Why Add Afterpay to WooCommerce

Adding Afterpay to your WooCommerce store offers several benefits. Such as:

• Increases conversions: Offering multiple payment options allows users to use their favorite payment option, which increases conversions and helps attract more customers. 
• Reduces cart abandonment: Given that 13% of shoppers abandon carts due to a lack of payment choices, it is imperative to provide your customers with enough variety.
• Expand customer reach: We already discussed the value of BNPL and the expected use by 2027. Allowing Afterpay payments can expose your store to a wide range of penny-wise customers who prefer paying in installments. 
• Boosts average order value (AOV): The BNPL model tricks users into paying more by breaking the price into three or more tiny installments, making it appear smaller than the actual price.
• Improves customer satisfaction: Offering flexible payment plans builds trust and encourages returning customers.

Now that you understand why you should add Afterpay to WooCommerce, let’s delve into the easy steps of doing so. 

Prerequisites for Adding Afterpay to WooCommerce

But before that, ensure to keep these things ready:

• Updated WordPress version — Outdated software comes with security vulnerabilities. Therefore, it is vital to have the latest WordPress version.
• Latest WooCommerce — As obvious as it seems, you must have the WooCommerce plugin active and installed.
• WC Shop Sync — Install the WC Shop Sync plugin. It assists with adding the BNPL service.

How to Add Afterpay to WooCommerce: 05 Easy Steps

Now that you have the essentials up and running, let’s jump into the configuration. The process is pretty simple! Follow these actionable steps to add Afterpay in WooCommerce.

Step #1 — Activate the seller test account.

To begin with Afterpay, you need to connect your Square Sandbox account. Simply log into WooCommerce and head to the WC Shop Sync settings.

Simply click on the underlined seller test account link to launch your test account in a new tab.

Log into your Square account by entering your credentials and pressing Continue.

When you’re finished, click the Square Dashboard button to access the dashboard, leading us to the next step.

Step #2 — Connect with Square.

Open a new tab and enter your WooCommerce there. 

You will find an appealing violet button featuring the Square logo, labeled ‘Connect with Square.’ Click this button.

You will see a screen such as follows. Confirm the redirection with the “THAT’S MY SITE – REDIRECT ME” button.

Look for the reassuring “Connected!” sign. If it’s there, you did great.

If somehow you messed it up, don’t worry! Our excellent support team can help you with all the integrations and setups, get in touch with us!

Once the setup is done, let’s jump into the best part, in which you will learn to add Afterpay to WooCommerce.

Step #3 — Add Afterpay to WooCommerce.

You can now reach the module by clicking the underlined Access your Module link.

After you click the link, you’ll get to see a glimpse of the cozy interior, which is tremendously eye-pleasing with sleek design and easy-to-use buttons.

Before we include Afterpay, let’s enable the Square payment gateway—WC Shop Sync accepts Afterpay through the Square payment gateway.

Click the small Settings button in the top left corner of the banner.

You will encounter a screen filled with numerous checkboxes and input field boxes.

Check the Enable Square box, first of all. 

Next, complete the name and description fields. The name represents the form title, while the description provides additional information to assist your customer in processing the payment 

Once done, scroll down until you find the enable/disable Afterpay.

Check the box.

There you have it. You just added the Afterpay in WooCommerce. Save progress using the Save changes button.

Step #4 — Customize Afterpay Settings in WooCommerce

Now, go back to your WordPress admin dashboard. And navigate to WooCommerce >> Settings.

Switch to the Payment tab.

Scroll down until you find Afterpay, and use the manage button, as shown in the image below.

Afterward, you will land on the following screen. First and foremost, check the Enable Square Afterpay button.

Give it a title (i.e., Afterpay) and add a small description (i.e., Pay in installments with Afterpay) that the user sees during checkout. 

Once done, save progress with the Save Changes button.

Step #5 — Test payment on checkout.

It’s always wise to test the newly set payment method to find any problem before your customer does. For that, head over to your store, add a few items to your cart, and go to the checkout. Fill out the necessary information and pay via Afterpay.

After completing the order, head over to the Orders tab and see if the service is working as it should.

And that’s how you add Afterpay to WooCommerce.

Explore Other WC Shop Sync’s Benefits

With WC Shop Sync, you can add several other payment options as well, such as Google Pay (GPay), Apple Pay, Cash App, or ACH Payments! The process is straightforward and similar as well. Simply check the box for the service you wish to add to your store or WooCommerce once you’ve connected with Square.

Additionally, WC Shop Sync provides more useful features, including:

• Product Synchronization: By activating this feature, you can easily synchronize products between Square and WooCommerce, providing an excellent solution for online and in-person stores. This helps avoid stock shortages or excess inventory.
• Save Cards at Checkout [Pro]: Customers can easily save their credit cards at checkout, which helps make the purchasing process smoother and boost sales! This convenient feature is available exclusively in premium. If you’d like to enjoy this and many other fantastic features—like Square modifiers, transaction notes, order synchronization, and more—consider upgrading to Plus!

Frequently Asked Questions