---
updatedAt: 2025-11-13T14:09:40.000Z
agentTools:
  siteIndex: https://docs.affirm.com/llms.txt
  projectIndex: https://docs.affirm.com/platforms/llms.txt
---

# Bolt

Learn about integrating Affirm with Bolt. Enable Affirm to empower your customers with a versatile payment solution.

<HTMLBlock>{`
<style>
  .dropdown-menu {
    font-family: Arial, sans-serif;
    max-width: 250px;
    margin-left: auto; /* Align to the right */
  	margin-right: 0; /* Ensure it's flush to the right */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background: #4A4AF4;
    overflow: hidden; /* Ensure the container grows with content */
  }

  .dropdown-item {
    margin-bottom: 10px;
  }

  .dropdown-toggle {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
  }

  .dropdown-toggle:hover {
    background: #f0f0f0;
  }

  .dropdown-content {
    display: none;
    margin-top: 5px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
  }

  .dropdown-item.open .dropdown-content {
    display: block;
  }

  .flag-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  .product-item {
    margin-bottom: 5px;
  }

  .product-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  
  .country-title {
    font-family: Arial, sans-serif;
    font-size:20px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
  } 

</style>
  <div class="dropdown-menu">
    <p class="country-title" alt="Countries where this product is available">Country Availability</p>

    <div class="dropdown-item">
      <button class="dropdown-toggle" onclick="toggleDropdown(event)" alt="Drop down menu displaying the available countries for this product">
        <b>Country List</b> ⬇️
      </button>
      <div class="dropdown-content">
        <div class="product-item">
          <img src="https://files.readme.io/a4c8b3d6596d943e2b93c82cb1d432a2edaf6998667835c2e97ef4a31d460c7e-us-circle-01.png" alt="USA" class="flag-icon">
          USA
        </div>
      </div>
    </div>

  </div>
`}</HTMLBlock>

## Overview

Bolt delivers a rapid and streamlined checkout process, aiming to convert first-time visitors into loyal repeat customers. By merging Bolt's swift checkout capabilities with Affirm's versatile payment solutions, you empower your shoppers with a seamless purchasing experience and the assurance to acquire their desired items. This synergy not only elevates their buying capacity but also amplifies conversion rates.

> 📘 Learn more about Bolt
>
> You can learn more about the Bolt and Affirm integration on [their website](https://help.bolt.com/connectors/alternative-payments/affirm/).

***

## How Affirm Works

<Image align="center" src="https://files.readme.io/5534940-How_Affirm_Works_Graphic_updated-web.svg" />

We're here to make financing a breeze for you and your customers! With Affirm, your customers can easily pay-over-time for their purchases. Our integration is simple, so you can offer payment options online or in-store. We'll provide you with all the necessary tools to set up your business to display monthly payment options, offer prequalification, and add Affirm at checkout. Let's make financing easy together!

***

## Two-Step Integration

Jumpstarting your journey with Affirm is quick and easy! With just a few simple steps, you can seamlessly incorporate the magic of Affirm. The best part? You won't need to put in much development effort. The process is straightforward and efficient, making it an ideal solution for your business.

<HTMLBlock>{`
<div>
  
  <div class="tab">
    <button class="tablinks active" onclick="handleTabChange(event, 'Step 1')">Step 1</button>
    <button class="tablinks" onclick="handleTabChange(event, 'Step 2')">Step 2</button>
  </div>


<div id="Step 1" class="tabcontent active">
    <section class="content-body grid-75">
        <div class="markdown-body ng-non-bindable" style="margin-left: 31px;">
            <h3>Install Bolt Checkout</h3>
            <ol>
    <li><a href="https://help.bolt.com/products/accounts/">Install Bolt Checkout</a></li>
    <li>Contact Bolt support to enable Affirm settings for your Bolt account.</li>
</ol>
        </div>
    </section>
</div>


    <div id="Step 2" class="tabcontent">
    <section class="content-body grid-75">
        <div class="markdown-body ng-non-bindable" style="margin-left: 31px;">
            <h3>Configure Affirm Settings</h3>
            <ol> <li>Log in to Bolt’s <a href="https://merchant.bolt.com/">Merchant Dashboard</a> and go to <b>Settings > Checkout > Alternative Payment Settings</b>.</li> <li>Click <b>Edit</b> next to Affirm settings.</li> <li>Enter your <b>Public key</b> and <b>Private key</b>. You can retrieve your keys from the <a href="doc:dashboard">Affirm merchant dashboard</a>.</li> <li>Enter dollar amounts for <b>Min amount</b> and <b>Max amount</b>. This determines the minimum and maximum cart thresholds for Affirm to display as a payment option at checkout.</li> <li>Optional: Click the <b>Show promotion message</b> checkbox to display Affirm’s promotional messaging (As low as $11/mo, Starting at $11/mo) at checkout.</li> <li>Click the <b>Activate Affirm</b> checkbox.</li> <li>Click <b>Update.</b></li> </ol> <img src="https://files.readme.io/b8d0515-Bolt_Affirm_Settings.png">
     </div>
    </section>
</div>
</div>
`}</HTMLBlock>

***

## Best Practices

Once you've integrated Affirm into the Bolt checkout and conducted your tests, you'll be well-versed in the user journey and the advantages of our enhanced payment alternatives. To help you maximize the potential of Affirm, we've put together a set of best practices tailored for optimal usage and results.

### Simplify the checkout experience

We recommend switching off your default e-commerce checkout and using the Bolt checkout button instead. This can help avoid confusing your customers with too many checkout options and simplify the process.

### Add promotional messaging to checkout

Prominently displaying Affirm's promotional messages, such as "As Low as $X per month," throughout the shopping journey heightens awareness of our flexible payment options, potentially enhancing shoppers' intent to purchase. We suggest integrating these messages at key touchpoints: the Product Page, Cart, and Checkout.

![](https://files.readme.io/161c56c-Promo_Messaging.png)

Easily embed our [promotional messaging using the affirm.js JavaScript library](https://docs.affirm.com/payments/docs/promo-messaging-getting-started). Plus, Bolt is compatible with several platforms for an even smoother experience:

* [Adobe Commerce](https://docs.affirm.com/platforms/docs/add-affirm-promotional-messaging)
* [Big Commerce](https://docs.affirm.com/platforms/docs/configure-promotional-messaging-on-stencil)
* [Direct API](https://docs.affirm.com/payments/docs/promo-messaging-getting-started)

# Sibling pages

* [About PSP Integrations](https://docs.affirm.com/platforms/docs/payment-providers-overview.md)
* [Adyen](https://docs.affirm.com/platforms/docs/adyen.md)
* [APEXX](https://docs.affirm.com/platforms/docs/apexx.md)
* [BridgerPay](https://docs.affirm.com/platforms/docs/bridgerpay.md)
* [Fexco](https://docs.affirm.com/platforms/docs/fexco.md)
* [Fiserv](https://docs.affirm.com/platforms/docs/fiserv.md)
* [Global Payments](https://docs.affirm.com/platforms/docs/global-payments.md)
* [Stripe](https://docs.affirm.com/platforms/docs/stripe.md)
* [UATP](https://docs.affirm.com/platforms/docs/uatp.md)
* [Verifone](https://docs.affirm.com/platforms/docs/verifone.md)
* [Worldpay](https://docs.affirm.com/platforms/docs/worldpay.md)