---
updatedAt: 2026-02-20T21:33:53.000Z
agentTools:
  siteIndex: https://docs.affirm.com/llms.txt
  projectIndex: https://docs.affirm.com/platforms/llms.txt
---

# Cybersource

Learn about the Cybersource integration with Affirm and see how you can enable Affirm as a payment option through Cybersource.

<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

Cybersource offers a swift and streamlined checkout process, designed to convert first-time shoppers into loyal customers. When you integrate Cybersource with Affirm's versatile payment choices, you not only deliver a fast checkout experience but also instill confidence in shoppers to make their desired purchases, enhancing their buying capabilities and elevating conversion rates.

> 📘 Learn more about Cybersource
>
> You can learn more about the Cybersource and Affirm integration on [their website](https://www.cybersource.com/en-us/support/technical-documentation/payment-services.html).

***

## How Affirm Works

<Image align="center" src="https://files.readme.io/8ce9ec4-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!

***

## Docs

<HTMLBlock>{`
<div class="grid">
  <a class="card" href="https://docs.affirm.com/platforms/docs/cybersource-configure-affirm">
    <div class="card__content">
      <strong class="card__heading">Configure Affirm</strong>
      <p class="card__description">Add Cybersource as a checkout option to Affirm.</p>
    </div>
  </a>
  <a class="card" href="https://docs.affirm.com/platforms/docs/faq">
    <div class="card__content">
      <strong class="card__heading">FAQ</strong>
      <p class="card__description">Learn about frequently asked questions for setting up Cybersource with Affirm.</p>
    </div>
  </a>
</div>
<style>
  .grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  
  @media only screen and (min-width: 640px) {
    .grid {
      grid-template-columns: 1fr 1fr;
    }
  }
</style>
`}</HTMLBlock>

***