Overview
Affirm provides innovative consumer financing that lifts sales and conversion for your e-commerce business. Affirm enables your customers to buy now and pay over time in monthly payments. It integrates seamlessly into your checkout as an alternative payment method. When the Affirm payment method is selected by a customer in your checkout, they will be directed to the Affirm payment flow. In just a few easy steps, your customers can get approved and pay for their order with Affirm.
Affirm can be activated in just a few simple steps described below.
Note: The JavaScript required for this integration is automatically generated when you activate Affirm in your store settings. No manual changes are needed for this script.
The Setup
<div class="payment-method AffirmCheckout hide">
<div class="panel pad-20">
<div data-payment-name="AffirmCheckout" class="payment-name h4 bold">
<img src=" https://cdn-assets.affirm.com/images/blue_logo-transparent_bg.png" width="100px" vertical-align="text-bottom"> Buy with Monthly Payments
</div>
<ac:visibilityarea id="AffirmArea">
<div class="pad-t-20 AffirmCheckout-text">
<p>
You will be redirected to Affirm to securely complete your purchase once you have clicked <strong>Place Order</strong>.
</p>
</div>
</ac:visibilityarea>
</div>
</div>
Once you’ve obtained the public and private API keys from Affirm, you can enter them into your AmeriCommerce online store Apps & Addons dashboard for Affirm. (Tools > Apps & Addons) Leave Financial Product Key blank. Make sure to check the "Use Sandbox” option when using your Affirm sandbox API keys.
Authorize Only
When Authorize Only is enabled, the funds will not be captured at the time the order is placed, only authorized. The funds can be captured later on Admin Order Edit screen.
If checked, Affirm confirmation page analytics functionality will be enabled. Order details will be sent to Affirm after an order is placed
Affirm Logo color and Promotion Type can be setup for the message. See Below.
Note: To display the promotional message, make sure the option is enabled in Affirm settings and the merge code is in your theme page. Themes > Edit Theme > Pages > Shopping Cart or Product Details.
If checked, Affirm promotional messaging will be enabled on shopping cart page.
Affirm Logo color and Promotion Type can be setup for the message.
You can also customize where to display the message by moving the ##AFFIRMCARTPROMOTION## merge code in your shopping cart theme page.
If checked, Affirm promotional messaging will be enabled on product detail page.
Affirm Logo color and Promotion Type can be setup for the message.
You can also customize where to display the message by moving the ##AFFIRMPRODUCTPROMOTION## merge code in your product detail theme page.
- Sandbox-environment Merchant Dashboard: https://sandbox.affirm.com/dashboard/#/apikeys
- Live-environment Merchant Dashboard: https://www.affirm.com/dashboard/#/apikeys