---
updatedAt: 2026-04-16T16:50:24.000Z
agentTools:
  siteIndex: https://docs.affirm.com/llms.txt
  projectIndex: https://docs.affirm.com/platforms/llms.txt
---

# BigCommerce

Use Affirm's plugin for BigCommerce to offer Affirm's flexible payment options. Explore the benefits of enabling Affirm for your customers.

<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

Our integration with BigCommerce not only gives you access to Affirm's full suite of features, but you can also offer your shoppers flexible pay-over-time options. And that's not all! With our plug-and-play on-site messaging, you can improve your order management and increase brand awareness. This will help you to improve your conversion rates and create a memorable shopping experience. This is the Affirm advantage, customized specifically for your BigCommerce platform.

***

## How Affirm Works

<Image align="center" src="https://files.readme.io/b094d46-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 class="tab-set" data-tab-set="firstSet">
        <button type="button" button class="tablinks active" onclick="handleTabChange(event, 'Step1', 'firstSet')">Step 1</button>
        <button type="button" button class="tablinks" onclick="handleTabChange(event, 'Step2', 'firstSet')">Step 2</button>

 <div id="Step1" class="tabcontent active">
          <section class="content-body grid-75">
            <h3>Enable and configure Affirm in BigCommerce</h3>
      <div class="markdown-body ng-non-bindable" style="margin-left: 31px;">
            <p>Elevate your checkout experience! Let your users indulge in the convenience of choosing Affirm at the final step. <a href="https://docs.affirm.com/platforms/docs/bigcommerce-integration">How? Just by integrating the Affirm Marketing App.</a></p>
            <img src="https://files.readme.io/3d3bf48-BigCommerce_settings.png" alt="Affirm BigCommerce Integration Overview">
  </div>
    </section>
        </div>

        <div id="Step2" class="tabcontent">
				<section class="content-body grid-75">
            <h3>Add Promotional Messaging</h3>
      <div class="markdown-body ng-non-bindable" style="margin-left: 31px;">
            <p>Weave in <a href="https://docs.affirm.com/platforms/docs/add-promotional-messaging-to-bigcommerce">Affirm-centric messaging</a> at the right touch points to melt away those purchase hesitations.</p>
            <img src="https://files.readme.io/161c56c-Promo_Messaging.png" alt="Affirm BigCommerce Integration Overview">
  </div>
    </section>
   </div>

<style>
/* Style the buttons that are used to open the tab content */
.tab-set .tablinks {
  border: 1px solid #4A4AF4;
  background: none;
  outline: none;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 17px;
  transition: 0.3s;
  margin-right: 9px;
}
  
.tab-set .tablinks:hover,
  .tab-set .tablinks.active {
  background-color: #4A4AF4;
  color: white;
  }
  
/* Hide tab content by default */
.tabcontent {
    display: none;
}

/* Show the active tab */
.tabcontent.active {
    display: block;
  }


.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.card {
    display: flex;
    align-items: center;
    width: 360px; /* Adjust width based on the attached image */
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 20px; /* Rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow */
    text-decoration: none;
    color: #333; /* Text color */
    transition: transform 0.3s;
    margin: 10px; /* Added margin to avoid cards sticking to each other */
}

.card:hover {
    transform: translateY(-5px); /* Slight upwards lift on hover */
}

.card__image {
    margin-right: 20px;
    width: 50px; /* Adjust based on the attached image */
    height: auto;
}

.card__content {
    display: flex;
    flex-direction: column;
}

.card__heading {
    margin: 0 0 5px 00;
    font-size: 18px; /* Adjust font size if needed */
    font-weight: normal; /* Made normal as per your image */
}

.card__description {
    margin-top: 4px;
    font-size: 14px; /* Adjust font size if needed */
}
  @media only screen and (min-width: 640px) {
  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid--full {
    grid-template-columns: 1fr 1fr;
  }
}
</style>
`}</HTMLBlock>

# Sub pages

* [Configure Affirm in BigCommerce](https://docs.affirm.com/platforms/docs/bigcommerce-integration.md)
* [Add Promotional Messaging to BigCommerce](https://docs.affirm.com/platforms/docs/add-promotional-messaging-to-bigcommerce.md)
* [Go-live checklist](https://docs.affirm.com/platforms/docs/bigcommerce-go-live.md)
* [BigCommerce FAQs](https://docs.affirm.com/platforms/docs/bigcommerce-blueprint-faq.md)

# Sibling pages

* [About E-Commerce Platform Integrations](https://docs.affirm.com/platforms/docs/platforms-quickstart.md)
* [Acadaca](https://docs.affirm.com/platforms/docs/acadaca.md)
* [Adobe Commerce (Magento)](https://docs.affirm.com/platforms/docs/magento-overview.md)
* [Aftermarket Websites](https://docs.affirm.com/platforms/docs/aftermarket-websites.md)
* [AmeriCommerce](https://docs.affirm.com/platforms/docs/americommerce.md)
* [ASPDotNetStorefront](https://docs.affirm.com/platforms/docs/aspdotnetstorefront.md)
* [Aspenware](https://docs.affirm.com/platforms/docs/aspenware.md)
* [AVB ALTA](https://docs.affirm.com/platforms/docs/avb-alta.md)
* [Buyist](https://docs.affirm.com/platforms/docs/buyist.md)
* [Celerant](https://docs.affirm.com/platforms/docs/celerant.md)
* [Celery](https://docs.affirm.com/platforms/docs/celery.md)
* [Checkout Champ](https://docs.affirm.com/platforms/docs/checkout-champ.md)
* [Cirkuit](https://docs.affirm.com/platforms/docs/cirkuit.md)
* [Clyde](https://docs.affirm.com/platforms/docs/clyde.md)
* [CMS Max](https://docs.affirm.com/platforms/docs/cms-max.md)
* [CoreCommerce](https://docs.affirm.com/platforms/docs/corecommerce.md)
* [CORESense](https://docs.affirm.com/platforms/docs/coresense.md)
* [Dakis](https://docs.affirm.com/platforms/docs/dakis.md)
* [Deck Commerce](https://docs.affirm.com/platforms/docs/deck-commerce.md)
* [Drupal](https://docs.affirm.com/platforms/docs/drupal.md)
* [Inntopia](https://docs.affirm.com/platforms/docs/inntopia.md)
* [Konnektive](https://docs.affirm.com/platforms/docs/konnektive.md)
* [Kibo](https://docs.affirm.com/platforms/docs/kibo.md)
* [KWI](https://docs.affirm.com/platforms/docs/kwi.md)
* [Lightspeed Ecommerce](https://docs.affirm.com/platforms/docs/lightspeed.md)
* [Magento 1](https://docs.affirm.com/platforms/docs/magento.md)
* [Miva](https://docs.affirm.com/platforms/docs/miva.md)
* [MyKaarma](https://docs.affirm.com/platforms/docs/mykaarma.md)
* [Nebhub](https://docs.affirm.com/platforms/docs/nebhub.md)
* [NetSuite SuiteCommerce Advanced](https://docs.affirm.com/platforms/docs/netsuite-suitecommerce-advanced.md)
* [OpenCart](https://docs.affirm.com/platforms/docs/opencart.md)
* [osCommerce](https://docs.affirm.com/platforms/docs/oscommerce.md)
* [Punchmark](https://docs.affirm.com/platforms/docs/punchmark.md)
* [Rally](https://docs.affirm.com/platforms/docs/rally.md)
* [RenCom](https://docs.affirm.com/platforms/docs/rencom.md)
* [RezMagic](https://docs.affirm.com/platforms/docs/rezmagic.md)
* [Salesforce Commerce Cloud (SFCC)](https://docs.affirm.com/platforms/docs/sfcc-overview.md)
* [SAP Commerce (Hybris)](https://docs.affirm.com/platforms/docs/hybris.md)
* [Shift4Shop](https://docs.affirm.com/platforms/docs/shift4shop.md)
* [Shopgate](https://docs.affirm.com/platforms/docs/shopgate.md)
* [Shopify](https://docs.affirm.com/platforms/docs/shopify-overview.md)
* [Shopping Cart Elite](https://docs.affirm.com/platforms/docs/shopping-cart-elite.md)
* [StudioPlus](https://docs.affirm.com/platforms/docs/studio-plus.md)
* [Sunshop](https://docs.affirm.com/platforms/docs/sunshop.md)
* [Thinkspace](https://docs.affirm.com/platforms/docs/thinkspace.md)
* [Ultracart](https://docs.affirm.com/platforms/docs/ultracart.md)
* [Volusion](https://docs.affirm.com/platforms/docs/volusion.md)
* [VTEX](https://docs.affirm.com/platforms/docs/vtex.md)
* [WebSell](https://docs.affirm.com/platforms/docs/websell.md)
* [Web Shop Manager](https://docs.affirm.com/platforms/docs/web-shop-manager.md)
* [Wix E-commerce](https://docs.affirm.com/platforms/docs/wixstores.md)
* [WooCommerce](https://docs.affirm.com/platforms/docs/woocommerce-overview.md)
* [Workarea](https://docs.affirm.com/platforms/docs/workarea.md)
* [X-Cart](https://docs.affirm.com/platforms/docs/x-cart.md)
* [Zen Cart](https://docs.affirm.com/platforms/docs/zen-cart.md)
* [Zoey](https://docs.affirm.com/platforms/docs/zoey.md)

# Other helpful resources

Check out out these additional helpful resources for managing your daily operations with Affirm.

* [Using the Merchant Portal](https://docs.affirm.com/developers/docs/merchant-portal)
* [Dispute resolutions](https://docs.affirm.com/affirm-developers/docs/dispute-resolutions)
* [Getting paid](https://docs.affirm.com/affirm-developers/docs/getting-paid)