Skip to main content

Platform integrations: WooCommerce

  • Updated

Contents 

Procedure

  1. Step 1: Add WooCommerce Plugin
  2. Step 2: Locate API Keys in Affirm's Merchant Portal 
  3. Step 3: Configure the Affirm Plugin 
  4. Step 4: Configure the Affirm payment gateway look and feel

 

In this article, you’ll find how to integrate your business with our WooCommerce platform integration. Scroll down, follow these easy steps, and get ready to have Affirm as a payment method for your customers!

 

 

Procedure


Step 1: Add WooCommerce Plugin


To add Affirm as a Payment Gateway on WooCommerce, go to your WooCommerce extension store and download the Affirm Plugin. Then, follow these steps:

  1. In your WordPress Dashboard, navigate to Plugins > Add New.
  2. Click the Upload Plugin button and click Choose File to select the file you just downloaded.
  3. Click Install Now then Activate.

screen_1.png

 

Back To Top

 

Step 2: Locate API Keys in Affirm's Merchant Portal 

 

Now that you've installed the Affirm Plugin into WooCommerce, follow these steps:

  1. Log in to the Affirm Merchant Portal and navigate to the API Keys section.
  2. Click on the API section. Leave this tab open.
    screen1-color.png

 

Back To Top

 

Step 3: Configure the Affirm Plugin

  1. Navigate to WooCommerce > Settings > Payments and then select Affirm.
    screen_5.png
  2. Select to Enable or Disable. Enable to use. Disable to turn off. In this case, select Enable. 
  3. Check the Affirm Sandbox box to enable it. This will allow you to test the payment gateway without handling any real transactions. 
  4. Enter the Public API Key and Private API Key that you pulled up from Step 2.
  5. Select a Transaction Mode.
    screen_2.png

 

Note: You can choose Authorize, which obtains payment authorization only, or you can choose Authorize and Capture, which obtains authorization and captures funds.

 

Back To Top

 

Step 4: Configure the Affirm payment gateway look and feel

 

Now that you've configured the Affirm Plugin, follow these steps to configure how your customers see the Affirm interface at checkout: 

  1. Select Checkout Mode.Modal triggers a pop-up during checkout. 
  • Redirect takes the customer offsite to checkout. 
  • Select an Affirm Color: blue, black or white. 
  • Select Show Learn More to display a link in Affirm monthly payment messaging.
  • Check the Promo Messaging boxes if you wish to promote Affirm as a payment plan method on your Category, Product, and Cart pages.
    screen_3.png
  • Set Order Minimum (optional). 
  • Set Order Maximum (also optional).
  • Select Enable Debugging messages if troubleshooting.
  • Leave Enable Enhanced Analytics unchecked.
  • Click Save Changes.
    screen_4.png


Finally, this is how it looks when Affirm is available as a payment method at checkout!
screen_5.png

 

Note: If you are in Sandbox Mode, you can test out what the customer flow looks like by selecting “Pay over time” using Affirm. Once you are satisfied, don’t forget to disable Sandbox mode!

 

For testing out your integration, watch this video:

 

For full documentation on WooCommerce, please visit this resource.

Back To Top

 

Related articles