How to Add Afterpay to Shopify: Complete Setup Guide (2026)

Buy Now, Pay Later (BNPL) has transformed ecommerce. More than 55% of online shoppers say flexible payment options influence their purchase decisions, and stores offering Afterpay see an average 20-30% increase in conversion rates and a 40-50% lift in average order value. If you run a Shopify store and you're not offering Afterpay, you're leaving money on the table.

In this complete guide, we'll walk you through exactly how to add Afterpay to Shopify — from merchant account setup to product page messaging, testing, and troubleshooting. Whether you're on Shopify Basic or Shopify Plus, this guide covers everything you need.

What Is Afterpay?

Afterpay is a Buy Now, Pay Later service that lets customers split purchases into four interest-free payments, paid every two weeks. The merchant gets paid upfront in full — Afterpay takes on the installment risk and handles collection from the customer.

Afterpay is available in:

• United States
• Canada
• Australia
• New Zealand
• United Kingdom (branded as Clearpay)

For Shopify merchants, Afterpay integrates natively as an alternative payment method with no additional app required for basic checkout functionality.

Why Add Afterpay to Your Shopify Store?

Before diving into setup, let's look at why Afterpay is worth the integration effort:

Stores in fashion, beauty, home goods, and electronics see the biggest gains — but Afterpay works for almost any physical product business.

Prerequisites Before You Start

Before adding Afterpay, make sure you meet these requirements:

1. Live Shopify store — Your store must be public (not password-protected).
2. Supported country — You must be based in the US, CA, AU, NZ, or UK.
3. Physical products — Afterpay does not support digital products, services, or subscriptions.
4. Minimum order value — Typically $35 USD (varies by region).
5. Afterpay merchant account — You need an approved Afterpay business account.

Step 1: Create Your Afterpay Merchant Account

Visit the Afterpay business signup page and complete the application. You'll need:

• Business name and website URL
• Country of operation
• Estimated monthly sales volume
• Business registration details
• Bank account for payouts
• Contact information

Approval typically takes 1-3 business days. Once approved, you'll receive:

• Merchant ID
• Secret Key
• Access to the Afterpay Merchant Portal

Save these credentials — you'll need them in Step 2.

Step 2: Add Afterpay as a Payment Gateway in Shopify

This step activates Afterpay at checkout. Here's how:

1. Log in to your Shopify Admin
2. Go to Settings → Payments
3. Scroll to Alternative payment methods
4. Click Add payment method
5. Search for Afterpay in the provider list
6. Click Activate
7. Enter your Merchant ID and Secret Key from the Afterpay Merchant Portal
8. Click Save

Afterpay will now appear as a payment option at checkout for eligible customers.

Shopify Plus Merchants

If you're on Shopify Plus, you can also add Afterpay branding to your checkout.liquid file for a more native experience. Contact your Afterpay account manager for custom integration options.

Step 3: Add Afterpay Messaging to Product Pages

Adding Afterpay messaging on product pages — like "Pay in 4 interest-free payments of $XX with Afterpay" — is one of the highest-ROI steps you can take. It removes price anxiety before the customer even reaches checkout.

Option A: Automatic Installation (Recommended)

For Online Store 2.0 themes (Dawn, Craft, Sense, etc.):

1. Log in to your Afterpay Merchant Portal
2. Go to Integration → Shopify → Theme Setup
3. Click Install Installment Messaging
4. Select your active theme
5. Authorize theme access
6. Choose message position (below price, above Add to Cart, etc.)
7. Save and publish

The messaging will appear automatically on product pages, cart pages, and checkout.

Option B: Manual Installation (Legacy Themes)

If you're using a custom or pre-OS 2.0 theme, you may need to add the Afterpay widget manually:

1. Go to Online Store → Themes → Edit Code
2. Open your product template file (main-product.liquid or product-template.liquid)
3. Find the product price section
4. Add the Afterpay widget code immediately after the price:

<div id="afterpay-widget"></div>
<script src="https://js.afterpay.com/afterpay-1.x.js" async></script>

5. Save the file

If you're not comfortable editing code, hire a Shopify expert to handle this for you.

Step 4: Test the Integration

Never launch a payment method without testing. Here's your testing checklist:

• Visit a product page and verify Afterpay messaging appears below the price
• Add a product over $35 to cart
• Proceed to checkout
• Confirm Afterpay appears as a payment option
• Complete a test purchase (use Afterpay's test credentials if available)
• Check that the order appears correctly in Shopify Admin
• Verify payout appears in your Afterpay Merchant Portal

Test on both desktop and mobile — mobile accounts for over 70% of Shopify traffic.

Step 5: Add Afterpay to Your Footer and Info Pages

Build trust by displaying Afterpay across your store:

Footer Logo

1. Go to Online Store → Themes → Customize
2. Scroll to the Footer section
3. Add an Image block with the Afterpay logo
4. Link it to your "How It Works" page (see below)

Create a "How Afterpay Works" Page

1. Go to Online Store → Pages → Add Page
2. Title: "How Afterpay Works"
3. Add content explaining:
   • What Afterpay is
   • How the 4-payment system works
   • That there are no fees for on-time payments
   • Eligible order values
   • Link to Afterpay's full terms

Link this page from your footer, FAQs, and product page tabs.

Afterpay Fees for Shopify Merchants

Afterpay charges merchants a per-transaction fee that varies by region and sales volume. Typical rates:

There are no setup fees, no monthly fees, and no fees for customers who pay on time. The fee is automatically deducted from your payout.

Common Issues and Troubleshooting

Afterpay Alternatives for Shopify

If Afterpay isn't available in your region or doesn't fit your business model, consider these alternatives:

You can offer multiple BNPL options simultaneously to maximize coverage.

Best Practices for Afterpay on Shopify

1. Show messaging above the fold — Customers shouldn't need to scroll to see payment options.
2. Use in marketing campaigns — Add "Pay in 4 with Afterpay" to email subject lines and ad copy.
3. Add product badges — Highlight Afterpay availability on collection page thumbnails.
4. Set minimum order values — Ensure you meet Afterpay's minimum (usually $35) to avoid confusion.
5. Monitor AOV changes — Track whether Afterpay customers have higher cart values than other payment methods.

FAQ

Does Shopify support Afterpay natively?

Yes. Afterpay is a supported alternative payment method on Shopify for eligible regions. No third-party app is required for basic checkout integration.

Can I use Afterpay with Shopify POS?

Yes. Afterpay works with Shopify POS for in-person sales in supported regions. Customers can pay via the Afterpay app at checkout.

What happens if a customer misses an Afterpay payment?

The merchant is not affected. Afterpay handles all customer collections and late fees. You received the full payment upfront.

Can I customize the Afterpay widget design?

Yes. You can adjust the widget position, styling, and messaging through the Afterpay Merchant Portal or by adding custom CSS to your theme.

Does Afterpay work with Shopify's multi-currency feature?

Afterpay only appears when the customer's selected currency matches your Afterpay region. If you sell globally, customers in unsupported regions won't see Afterpay as an option.

Conclusion

Adding Afterpay to your Shopify store is one of the fastest ways to increase conversions and average order value. The setup takes under 30 minutes, and the impact on your bottom line can be immediate.

If you need help with integration, custom widget placement, or optimizing your checkout experience, our Shopify experts are available for on-demand tasks starting at $50/hour.

Last updated: June 7, 2026. Afterpay features and fees are subject to change. Verify current terms with Afterpay before setup.