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

# Wix E-commerce

Affirm’s plug-and-play integration with Wix can be set up in just a few minutes! To integrate Affirm’s pay-over-time messaging and add Affirm as a payment option at checkout, follow the steps below!

<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

Boost your e-commerce experience by incorporating Affirm’s versatile payment options directly with Wix! Seamlessly handle and process Affirm charges within your order management system, ensuring efficient transaction management. Embed Affirm’s promotional messaging throughout your customers’ shopping journey to boost conversions and increase your business's average order value all while optimizing the shopping experience of your customers.

***

## How Affirm Works

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

Incorporating Affirm into your Wix platform is as simple as two quick steps. You can initiate your journey with Affirm swiftly and seamlessly. The best part is that you won't need to allocate significant resources to development. The process is straightforward and efficient, making it an ideal solution for your business.

> 🚧 Product Page Type Compatibility
>
> Affirm’s pay-over-time messaging is automatically enabled when integrating with Wix. However, it is **only compatible with Wix’s standard product page type**. Custom page layouts are not supported.

<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>Add Affirm as a Payment Method in Wix</h3>
            <p>Elevate your checkout experience! Let your users indulge in the convenience of choosing Affirm at the final step. How? Just by adding Affirm as a Payment Method via your <a href="https://www.wix.com/account/sites">Wix Dashboard</a>. For details, see Wix's step-by-step guide: <a href="https://support.wix.com/en/article/connecting-affirm-as-a-payment-provider">Connecting Affirm as a Payment Provider</a>.</p>
            <img src="https://files.readme.io/760f309-c523a6a8-bfd3-4682-aaee-7a87e45d1d4d.png" alt="Affirm Wix Installation Overview">
        </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>Test your Integration</h3>
            <p>The final step of the Wix integration process is to initiate a test transaction. To learn more, see <a href="https://support.wix.com/en/article/connecting-affirm-as-a-payment-provider">Connecting Affirm as a Payment Provider</a>.</p>
            <img src="https://files.readme.io/dd6fc21-6._Affirm_Checkout_Test.png" alt="Affirm Wix Configuration Overview">
     </div>
    </section>
</div>
`}</HTMLBlock>

***

> 📘 Questions?
>
> You can reach our support team at any time using the **Developer Support** widget at the bottom of the page.

# 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)
* [BigCommerce](https://docs.affirm.com/platforms/docs/bigcommerce-overview.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)
* [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

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