Back to all posts

How to Add Afterpay to Shopify Product Page

How to Add Afterpay to Shopify Product Page
How to Add Afterpay to Shopify Product Page

Table of Contents

  1. Introduction
  2. Creating an Afterpay Account
  3. Installing Afterpay on Shopify
  4. Displaying Afterpay on Shopify Product Pages
  5. Benefits of Using Afterpay on Shopify
  6. Conclusion
  7. FAQs About Adding Afterpay to Shopify

Introduction

Imagine increasing your online store's sales by over 12% simply by offering a new payment method. A fascinating statistic, right? Well, this is exactly what many Shopify store owners have experienced after integrating Afterpay into their product pages. If you're looking to provide your customers with flexible payment options and enhance your store's conversion rates, this guide is specifically crafted for you.

In this post, we will walk you through the process of adding Afterpay to your Shopify product pages, providing you with all the necessary steps, tips, and benefits. By the end of this guide, you'll not only understand how to integrate Afterpay but also comprehend the reasons why this payment method can be a game-changer for your e-commerce business.

Creating an Afterpay Account

The first step in adding Afterpay to your Shopify store is setting up an Afterpay retailer account. Here’s a detailed walk-through to get you started:

Requirements for Creating an Afterpay Account

Before you sign up, make sure your business meets the following requirements:

  1. Supported Countries: Afterpay is available in the United States, Australia, New Zealand, and Canada. Ensure your store’s address matches one of these countries.
  2. Store Currency: Your store's currency must align with the Afterpay supported currencies: USD, AUD, NZD, or CAD.
  3. Payment Settings: Your Shopify store should have automatic payment capture enabled.

Step-by-Step Account Creation

  1. Visit Afterpay’s Website: Go to the Afterpay website.
  2. Sign Up: Complete the retailer signup by providing all required details.
  3. Receive Your Credentials: After signing up, you’ll receive your Afterpay Merchant ID and Secret Key, necessary for integration later.

Installing Afterpay on Shopify

Once your account is ready, you can proceed with integrating Afterpay into your Shopify store by following these steps:

Step 1: Payment Settings

Navigate to Settings > Payments in your Shopify admin panel. Under Additional Payment Methods, click on Add payment methods.

Step 2: Search for Afterpay

Use the Search by provider option and type "Afterpay". Select Afterpay (New) and click Activate.

Step 3: Install the Afterpay App

Click on Connect under the Account status section. This action will prompt you to install the Afterpay app. Click Install app after reviewing the necessary permissions.

Step 4: Login to Afterpay

You will be redirected to the Afterpay login page. Use your Merchant ID and Secret Key to log in.

Step 5: Activate Afterpay

After signing in, you will be redirected back to the Shopify Payments settings. Finish the process by clicking on Activate Afterpay (New).

Displaying Afterpay on Shopify Product Pages

Simply installing Afterpay isn’t enough. It is crucial to display Afterpay messaging on your product pages to inform customers about their payment options.

Duplicate Your Theme (Optional)

Making changes to your Shopify theme can be intimidating. Hence, it's advisable to duplicate your current theme before making any edits.

Adding Afterpay Messaging to Product Pages

  1. Get the JavaScript Snippet: Visit Afterpay’s Developers Guide and copy the Shopify-Afterpay JavaScript Snippet.
  2. Edit Your Theme Code:
    • Go to Online Store > Themes in Shopify.
    • Click the three dots next to your theme and select Edit Code.
  3. Insert the Snippet:
    • Under the Layout folder, find theme.liquid.
    • Scroll to the bottom and paste the JavaScript snippet.
    • Save the changes.

Benefits of Using Afterpay on Shopify

Increased Sales

By offering installment payments, stores reported a 12% boost in sales. Customers find it easier to purchase expensive products if they can pay over time without any interest.

Higher Average Order Value

Stores have also observed a 17% increase in the average order value when customers use Afterpay, as they are likely to buy more or higher-priced items.

Reduced Cart Abandonment

Displaying Afterpay messaging at key decision-making points on the product page can reduce cart abandonment by ensuring customers are aware of their flexible payment options.

Conclusion

Adding Afterpay to your Shopify store offers significant benefits by providing customers with flexible payment options. This can lead to higher sales, increased average order values, and reduced cart abandonment rates. By following the steps outlined in this guide, you can seamlessly integrate Afterpay and start reaping these benefits.

FAQs About Adding Afterpay to Shopify

Q1: Is Afterpay available in my country?

Afterpay is currently available in the United States, Australia, New Zealand, and Canada.

Q2: How do I ensure my store’s currency is compatible?

Your store’s currency must be set to USD, AUD, NZD, or CAD. You can check it under Settings > Store details in your Shopify admin.

Q3: What if Afterpay doesn’t show up on my product pages?

Make sure the JavaScript snippet is correctly pasted in the theme.liquid file. Also, verify that your account setup is complete and that Afterpay is activated in your Shopify payment settings.

Q4: Can I customize how Afterpay looks on my product page?

Yes, Afterpay provides customization options in its developers' guide, allowing you to adjust the appearance of the Afterpay messaging.

Q5: Do I need to change my theme every time there is an update?

Not necessarily. If Afterpay updates its integration process, they usually provide clear instructions that can be applied without changing your entire theme.

By incorporating these steps into your Shopify store, you can ensure a seamless and beneficial integration of Afterpay, ultimately enhancing your customer's shopping experience and boosting your sales.