Afterpay is one of the most popular payment gateways for Shopify stores. Afterpay provides customers with more payment options, resulting in significant benefits such as: improved conversion rates, increased add-to-cart rates, and a better shopping experience for customers. So, how to add Afterpay to Shopify? Let’s figure it out in this article.

In this guide, LitExtension – #1 Shopping Cart Migration Expert will walk you through:

Let’s get started!


How To Add Afterpay To Shopify Store

Based on our experience, we offer you how to add Afterpay to express checkout Shopify with 4 straightforward steps as follows:

Step 1: Create an Afterpay Account

Firstly, to create an Afterpay account, let’s visit the Afterpay website: https://www.afterpay.com. Next, you must fill in your information to sign up for the Afterpay account. You need to provide your email and phone number information.

Sign up an Afterpay account
Afterpay – one of the most popular payment gateways for Shopify stores

Please notice that Afterpay is only available in several countries, including: Australia, Canada, France, Italy, Germany, New Zealand, Spain, the United Kingdom, and the United States. Therefore, you will need the phone number in those countries to create an account.

Finally, after filling in all the necessary information, Afterpay will email you. Open this email and click Verify your account to get your account verified.

Step 2: Add Afterpay to Your Shopify Store

As we see, there are two ways to add Afterpay to your Shopify store. You can:

  1. Use the provided link to go directly to the Afterpay adding window on Shopify.
  2. Integrate Afterpay from your Shopify Dashboard.

#Method 1: Using the Provided Link

Regarding using the provided link, click on that link and log in with your account.

After that, you will be moved to Afterpay adding window on your Shopify store. Then, click Connect to move forward:

how to add Afterpay to Shopify
Afterpay adding window on your Shopify store

Here, click Install App to continue:

Confirm installing Afterpay to Shopify store
Click Install app to continue

Next, select your account’s country, then sign in with your Email or choose your Merchant credentials by entering your Merchant ID and Secret key. As we see, you can get these from your merchant account on Afterpay:

Fill in your email address
Sign in with your Email or activate with your Merchant ID and Secret key

Next, you will receive an email informing you to verify some information and complete your account registration. Let’s click on the “Complete account registration” button to continue:

how to add Afterpay to Shopify
Click on the “Complete account registration” button to continue

Next, fill in essential information about your business to proceed:

 

Fill in essential information about your business

Alt: how to add Afterpay to Shopify store

how to add Afterpay to Shopify
Apply further detailed information to join Afterpay

Finally, click on the Activate Afterpay (New) button to proceed. After you have completed this step, Afterpay will appear on your store’s checkout page.

How to add Afterpay to Shopify store
Click on the Activate Afterpay (New) button to proceed

#Method 2: Integrate Afterpay from Your Shopify Dashboard

If you want to integrate Afterpay from your Shopify Dashboard, let’s go to the Settings section and choose Payments:

How to add Afterpay to Shopify
Let’s go to the Settings section and choose Payments

Then, click on Add Payment methods:

How to add Afterpay to Shopify
Click on Add Payment methods

Finally, search Afterpay in the pop-up window and click on Activate button and we’re done with how to add Afterpay to Shopify store:

how to add Afterpay to Shopify store
Search Afterpay in the pop-up window and click on Activate button

Step 3: Add Afterpay Messaging to Your Shopify Store

From our experience, site messaging is a great way to get customer’s attention to your online website. Adding site messaging effectively increases your traffic, customer engagement and creates a more convenient shopping experience.

Follow our steps below to add Afterpay Messaging to your Shopify store:

First, from your Shopify Dashboard, choose Themes in the Online Store section. Next, navigate the current theme and choose Edit code:

how to add Afterpay to Shopify store
Online store > Themes > Edit code

After that, in the “Layout” folder, click on “theme.liquid” and scroll down to the bottom of the file:

how to add Afterpay to Shopify store
Click on “theme.liquid” and scroll down to the bottom of the file

Then, paste this code at the bottom of the theme.liquid file. and click Save:

<!– Begin Shopify-Afterpay JavaScript Snippet (v1.1.6) –>

{% if cart.currency.iso_code == shop.currency %}

<script type=”text/javascript”>

// Overrides:

// var afterpay_min = 1.00;       // As per your Afterpay contract.

// var afterpay_max = 2000.00;    // As per your Afterpay contract.

// var afterpay_msg_size = ‘sm’;  // Can be ‘xs’, ‘sm’, ‘md’ or ‘lg’.

// var afterpay_bold_amount = true;

// var afterpay_logo_theme = ‘colour’;  // Can be ‘colour’, ‘black’ or ‘white’.

// var afterpay_modal_open_icon = true;

// var afterpay_hide_upper_limit = false;

// var afterpay_hide_lower_limit = true;

// var afterpay_show_if_outside_limits = true;

// var afterpay_cbt_enabled = false;

// var afterpay_apr_loans_available = false;

// var afterpay_product_integration_enabled = true;

// var afterpay_product_selector = ‘#product-price-selector’;

// var afterpay_variable_price_fallback = false;

// var afterpay_variable_price_fallback_selector = ”;

// var afterpay_variable_price_fallback_method = ‘mutation’;  // Can be ‘mutation’ or ‘interval’.

// var afterpay_cart_integration_enabled = true;

// var afterpay_cart_static_selector = ‘#cart-subtotal-selector’;

// var afterpay_variable_subtotal_fallback = false;

// var afterpay_variable_subtotal_fallback_selector = ”;

// var afterpay_variable_subtotal_fallback_method = ‘mutation’; // Can be ‘mutation’ or ‘interval’.

// var afterpay_cart_dynamic_integration_enabled = false;

// var afterpay_footer_logo_enabled = true;

// var afterpay_footer_logo_format = ‘icon’;  // Can be ‘icon’, ‘stacked’ or ‘logo’.

// var afterpay_footer_logo_theme = ‘colour’; // Can be ‘colour’, ‘black’ or ‘white’.

// var afterpay_footer_logo_background = ‘border’;  // Can be ‘border’ or ‘transparent’.

// var afterpay_footer_logo_container = ‘footer ul.payment-icons’;

// var afterpay_footer_logo_template = ‘<li class=”payment-icon”><object data=”{logo_path}” type=”image/svg+xml”></object></li>’;

// Non-editable fields:

var afterpay_js_language = {{ localization.language.iso_code | slice: 0, 2 | json }};

var afterpay_js_country = {{ localization.country.iso_code | json }};

var afterpay_shop_currency = {{ shop.currency | json }};

var afterpay_cart_currency = {{ cart.currency.iso_code | json }};

var afterpay_shop_money_format = {{ shop.money_format | json }};

var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};

var afterpay_theme_name = {{ theme.name | json }};

var afterpay_product = {{ product | json }};

var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};

var afterpay_cart_total_price = {{ cart.total_price | json }};

var afterpay_js_snippet_version = ‘1.1.6’;

</script>

<script type=”text/javascript” src=”https://static.afterpay.com/shopify-afterpay-javascript.js”></script>

{% else %}

<!– Afterpay disabled: {{ cart.currency.iso_code }} != {{ shop.currency }} –>

{% endif %}

<!– End Shopify-Afterpay JavaScript Snippet (v1.1.6) –>

Step 4: Test Your Afterpay Shopify Integration

After finishing adding Afterpay to your Shopify store, it’s vital to test the integration to ensure everything is working effectively.

From our experience, to test the Afterpay Shopify integration, after completing adding, navigate to the product page and verify that the Afterpay option is displayed as a payment option.

In case there is no Afterpay payment option, let’s double-check that the integration was set up correctly. If you’re still having issues, as we see, you can contact the Afterpay support team for assistance.

Additionally, in our opinion, to ensure the transaction with Afterpay goes smoothly, you should test the transaction on Shopify using Afterpay. This will confirm that the integration works correctly and that customers can use Afterpay to pay for purchases.


Afterpay 101: All You Must Know About

From our knowledge and experience, we provide you with necessary information about Afterpay below:

What is Afterpay?

AfterPay is a digital payment method for online shoppers. Afterpay allows customers to defer payment when making a purchase. Users can make installment payments or pay later for purchased items.

how to add Afterpay to Shopify store
Afterpay – digital payment method for online shoppers

How does Afterpay work?

You can use Afterpay at checkout by choosing it as your payment option. You will then be prompted to pay the first amount upfront. The remaining balance will automatically be deducted from your account in the coming weeks.

Afterpay does not charge interest or additional fees, as long as the customer pays on time. If you miss a payment, you will be charged a $10 late fee and an additional $7 if the payment is more than a week late.

Why add Afterpay to your Shopify store?

Afterpay has a simple integration workflow with Shopify, making adding payment options to your store quick and easy. Adding Afterpay to Shopify gives you many benefits, including:

  • Increased conversion rates: Customers often abandon a product if its cost exceeds their budget. However, with Afterpay, customers can pay in installments and spread their costs. This helps reduce cart abandonment and increase conversions.
  • Effective customer acquisition and retention: Afterpay integration helps you provide customers with more payment options, increasing customer satisfaction. Additionally, flexible installments can lead to a better shopping experience and increase customer brand loyalty.
  • Efficient international expansion: Afterpay is available in many countries, allowing you to expand your business globally by providing payment options to international customers.

Afterpay Pros and Cons

According to our assessment, Afterpay possesses many benefits but also has several limitations as follows:

[wptb id=60913]


3 Afterpay Alternatives You’d Also Love to Know

As we see, in addition to Afterpay, you can refer to some other effective and professional payment methods below:

#1 Klarna

Klarna is a buy now, pay later (BNPL) service founded in Sweden in 2005. Klarna helps customers split their purchases into four equal payments. Buyers can pay off in 30 days or arrange longer-term financing.

how to add Afterpay to Shopify
Klarna – the leading buy now, pay later (BNPL) service

#2 Sezzle

Sezzle is a postpaid payment method that allows users to pay for transactions with a smaller amount instead of a large sum. Sezzle offers a payment method that divides transactions into four interest-free installments. Sezzle is a considerable boon for shoppers looking to cover their payments on purchases they can’t afford.

how to add Afterpay on Shopify
Sezzle – the ideal postpaid payment method

#3 PayPal

PayPal is an online payment method that operates on websites and mobile apps. In addition to online payments, PayPal offers debit cards, credit card readers for business use, and signal limits.

Paypal works by having PayPal customers create an account and connect it to a checking account, credit card, or both. PayPal is considered a very secure method of sending payments online.

how to add Afterpay to Shopify
PayPal – a very secure method of sending payments online
🤔 Wondering how PayPal looks like as a payment option on Shopify stores? Check out how does PayPal work with our extensive review.

How To Add Afterpay To Shopify – FAQs

[sp_easyaccordion id=”60867″]


Final Thoughts

Afterpay is a great payment method for online businesses. Integrating Afterpay to your Shopify store is a great way to give customers more payment options and drive sales.

Hopefully, our knowledge and experience on how to add Afterpay to Shopify will assist you in adding Afterpay to your Shopify store effectively.

Let’s visit our blog and join our Facebook Community for more intriguing topics and helpful information about Shopify.

KEEP READING...

You may also like