Skip to main content

Platform integrations: Magento 2

  • Updated

Contents 

Procedure

 

This article shows how easily and quickly can Affirm be integrated into your Magento site. Follow these simple steps and you'll be ready to go.

 

 

Adding Affirm as a payment method alternative would enhance your eCommerce site by offering shoppers flexibility with their purchases. Affirm offers merchants an out-of-box integration with Magento that is easy to configure.


Step 1: Login and Configure the Merchant Portal 

  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 2: Install Affirm as a payment method


Prior to getting started, you need to install the Affirm extension first. There are 2 ways of doing so: by using Composer or the Command Line. 

  1. Navigate to Stores > Configuration > Sales > Payment Methods > Affirm.
  2. Change the enable option to turn on Affirm payment at checkout.
  3. For Mode, use Sandbox Mode for development and testing, otherwise, use Live. 
  4. Enter the Public and Private API Keys you retrieved from your merchant dashboard.
    screen_2.png

 

For Payment Action, follow these steps:

  1. Select a Payment Action.
  2. Enter the dollar amount values for Minimum Order Total and Maximum Order Total that displays Affirm as a payment option to your customers when checking out. 
  3. If you enabled multiple payment methods, use the Sort Order setting to change the order of how Affirm displays on the checkout page.

For Plain Text Appearance, follow these steps:

  1. Select YES if you want to display Affirm as text instead of the logo at checkout.
  2. If you want to customize the default Affirm logo, add the URL for the desired logo in the Icon field. 
  3. For Enabled Checkout Button, select YES. 
  4. Set the Checkout Flow Type to Modal. 
  5. Set Inline Checkout Messaging to YES.
    screen_3.png

To see more detailed Magento 2 documentation on how to install the extension, this page.

 

Back To Top

 

Step 3: Add the Affirm promotional messaging 

 

To add the Affirm Promotional Messaging, follow these steps: 

  1. Go to Stores > Configuration > General > Affirm Promos
  2. In the As Low As Functionality settings, set the following to YES.
    • Enable for product PDP
    • Enable for category PLP
    • Enable for Shopping Cart
  3. Select a color for the Affirm logo. 
  4. Enter the Minimum amount for displaying the monthly payment pricing value to set the minimum threshold dollar amount that will display monthly payment messaging.
  5. Leave the Promo ID value blank.
  6. Set Enable Learn More to YES to add a Learn More link to the messaging.screen_4.png

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

screen_5.png

 

For testing out your integration, watch this video:

 

Back To Top

 

Related articles