Configure Affirm

To set up configure Affirm for AmeriCommerce:

Add Affirm's HTML in the One Page Checkout.
Configure the Affirm settings.

Step 1: Add the Affirm HTML in the One Page Checkout

You'll need include the following HTML in the One Page Checkout. If not, you'll need to add it somewhere inside the payment methods part of the HTML. If you're not sure where to put it, contact [email protected] or click the support widget at the bottom of the screen for further assistance.

<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"> &nbsp; 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>

Step 2: Configure the Affirm settings

Once you’ve obtained the public and private API keys from your Affirm Merchant dashboard, go to Tools > Apps & Addons and enter them into your AmeriCommerce online dashboard for Affirm.

Enter your Affirm Public and Private API keys.
Leave the Financial Product Key field blank.
Optional: Enable Authorize Only. When enabled, the funds will not be captured at the time the order is placed, only authorized. The funds can be captured later on the Admin Order Edit screen.
Set the Mode to one of the following:

Redirect: Redirects to Affirm.com after the customer clicks place order.
Modal: Enables modal popup after the customer clicks place order.

Optional: Enable Confirmation page analytics to send order details to Affirm after an order is placed.