Platform Integrations: Shopify

Contents 

 

In this article, you’ll find a step-by-step guide that explains how to integrate your Shopify eCommerce  site with Affirm. It’s easy and quick. So, let’s take a look!

 

 

Procedure

 

Adding Affirm as a payment method alternative will enhance your site and the relationship with your customers. You can easily add Affirm as an alternative payment method following these steps:

 

Step 1: Add the Affirm App

 

 

NOTE: If your Shopify store location is set outside of the US, please do not take the below steps, and instead click here for special instructions. If you have an older version of the Shopify Payments app, please check out this article to see how to replace it with the new version.

 

  1. Navigate to the Affirm Payments App (here) in the Shopify App Store and click the Add app button.

07_Shopify.png

  1. Accept the Shopify Permissions by clicking Install app.

08_Shopify.png

  1. After accepting the Shopify permissions, select your country/region (US or Canada) to be redirected to the Affirm Merchant log in window.
    country_region.png

  2. Next, you will be prompted to sign into the Affirm merchant dashboard, using your registered email address and password.

    🚧 Do you manage multiple Shopify stores?

    If you manage multiple stores using separate Affirm accounts, please use a unique email login for each shop. Reach out to us using the Support widget below for assistance

    09_Shopify.png


  3. Navigate to the payment settings and confirm that the Account status shows that Affirm is connected.
    10_Shopify.png
  4. Choose to activate Affirm with testing or without testing.

 

Back To Top

 

Activating Affirm with testing

  1. To test the integration prior to activation, keep the Enable test mode box checked and then click Activate Affirm.
    Testing.png

  2. To test the Affirm checkout, see the next section.
  3. After testing your integration, you can disable test mode by navigating to the Payment settings and unchecking the Enable test mode box , followed by clicking Save.
    testing_2.png

 

You did it – the Affirm Payments app is now live and connected. Thank you for your partnership in ensuring the success of this important update!

 

Back To Top

 

Activating Affirm without testing

 

To activate without testing, uncheck the “Enable test mode” box and click Activate Affirm.

testing_3.png

 

 

Back To Top

 

Step 2: Testing the Affirm Checkout Flow 

  1. Add any product to your cart and follow the checkout process until the payment page.
  2. Select Affirm as a payment method.

6._Demo.png

 

Note: You will be redirected to the Affirm checkout flow if everything is working correctly. You'll see a note near the top saying that completing this checkout flow does not create real loans (it is in test mode).

 

7._Redirected_to_Affirm.png

 

For testing out your integration, watch this video:

 

Back To Top

 

Step 3: Deactivate Test Mode

  1. Go back to the Shopify Settings.
  2. Click on Payment Providers, then on Alternative Payment Methods, select Affirm, and then click on Edit.
  3. Uncheck the Enable Test Mode option, and click on Save.

8._Deactivate_test_mode.png

 

 

Back To Top

 

Install the Affirm pay-over-time app

 

To add Affirm the Affirm pay-over-time app, follow the below instructions:

  1. Go to the Shopify App store and search for the Affirm pay-over-time app.
  2. Once you find it, click on Add app.

9._Shopify_Add_App.png

3. Notice that by installing the app, you are agreeing to the Shopify Terms of Service.

 

10._Pay_over_time_shopify_intallation.png

 

4. You will need to be logged in to the Affirm Merchant Portal, to be redirected to the configuration page.

5. Click on the Enable button to activate the Affirm pay-over-time app.

 

11._Enable_pay_over_time_app.png

 

6. Then, you can configure your pay-over-time promotional messages directly in this section.

 

12._Messages_Conf.png

 

In case you need assistance in implementing these messages, feel free to contact us!

 

Back To Top

 

Promotional messaging

 

To add promotional messaging to your Shopify page, please follow the instructions in the technical documentation linked below. There are two methods of doing so - using the top link (Using Promo App Blocks) is the preferred method as it is based on Shopify's latest platform. Our legacy method of adding promotional messaging still works and is supported through the below link as well.

 

Back To Top