/* Import Open Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* Apply Open Sans globally */
:root {
  --font-family-base: 'Open Sans', sans-serif;
}

/* Override default font families */
body,
html {
  font-family: var(--font-family-base) !important;
  letter-spacing: 0.02em;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-base) !important;
}

/* Navigation and UI elements */
.mintlify-navigation,
.mintlify-sidebar,
.mintlify-navbar,
nav {
  font-family: var(--font-family-base) !important;
}

/* Content areas */
.mintlify-content,
.markdown,
article,
p,
span,
div {
  font-family: var(--font-family-base) !important;
}

/* Paragraphs and text content */
p {
  letter-spacing: 0.01em;
  line-height: 1.6;
}

/* Code blocks - keep monospace for readability */
code,
pre,
.code-block,
.highlight {
  font-family: 'JetBrains Mono', 'Fira Code', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}

/* Buttons and interactive elements */
button,
.button,
.btn,
input,
select,
textarea {
  font-family: var(--font-family-base) !important;
}

/* API documentation specific elements */
.api-method,
.api-endpoint,
.parameter-name {
  font-family: var(--font-family-base) !important;
}

/* Search box */
.search-input,
.search-box input {
  font-family: var(--font-family-base) !important;
}

/* Tables */
table,
th,
td {
  font-family: var(--font-family-base) !important;
}

/* Ensure proper font weights are available */
.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

* {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

*::-webkit-scrollbar {
  display: none !important;
}

[class*="language-"],
.highlight,
pre {
  scrollbar-width: auto !important;
  -ms-overflow-style: auto !important;
}

[class*="language-"]::-webkit-scrollbar,
.highlight::-webkit-scrollbar,
pre::-webkit-scrollbar {
  display: block !important;
}

/* Custom table with white borders and outer border */
.white-border-table table {
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid white;
  /* Outer border */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  table-layout: fixed;
  width: 100%;
}

.white-border-table th,
.white-border-table td {
  padding: 14px 17px;
  width: 7.14%;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

/* White border below first row (header) */
.white-border-table tr:first-child th {
  border-bottom: 2px solid white;
}

/* White border to the right of first column */
.white-border-table td:first-child,
.white-border-table th:first-child {
  border-right: 2px solid white;
}

/* White border to the right of last column (rightmost position) */
.white-border-table td:last-child,
.white-border-table th:last-child {
  border-right: 2px solid white;
}

.white-border-table th {
  font-weight: 600;
  height: 60px;
}

.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-inset-0 {
    inset: 0px
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mb-16 {
    margin-bottom: 4rem
}
.mint-mb-2 {
    margin-bottom: 0.5rem
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mb-5 {
    margin-bottom: 1.25rem
}
.mint-mb-6 {
    margin-bottom: 1.5rem
}
.mint-mb-8 {
    margin-bottom: 2rem
}
.mint-mr-4 {
    margin-right: 1rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-inline-flex {
    display: inline-flex
}
.mint-grid {
    display: grid
}
.mint-hidden {
    display: none
}
.mint-h-12 {
    height: 3rem
}
.mint-h-6 {
    height: 1.5rem
}
.mint-h-full {
    height: 100%
}
.mint-min-h-screen {
    min-height: 100vh
}
.mint-w-12 {
    width: 3rem
}
.mint-w-28 {
    width: 7rem
}
.mint-w-6 {
    width: 1.5rem
}
.mint-w-full {
    width: 100%
}
.mint-max-w-3xl {
    max-width: 48rem
}
.mint-max-w-6xl {
    max-width: 72rem
}
.mint-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-2 {
    gap: 0.5rem
}
.mint-gap-4 {
    gap: 1rem
}
.mint-gap-6 {
    gap: 1.5rem
}
.mint-rounded-md {
    border-radius: 0.375rem
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.mint-object-contain {
    object-fit: contain
}
.mint-p-8 {
    padding: 2rem
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.mint-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.mint-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.mint-py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.mint-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}
.mint-text-center {
    text-align: center
}
.mint-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-medium {
    font-weight: 500
}
.mint-font-semibold {
    font-weight: 600
}
.mint-leading-relaxed {
    line-height: 1.625
}
.mint-text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.mint-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.mint-duration-300 {
    transition-duration: 300ms
}
.mint-duration-500 {
    transition-duration: 500ms
}
.mint-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.hover\:mint--translate-y-0:hover {
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint--translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint--translate-y-1:hover {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:mint-border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity))
}
.hover\:mint-bg-gray-50\/80:hover {
    background-color: rgb(249 250 251 / 0.8)
}
.hover\:mint-bg-white\/80:hover {
    background-color: rgb(255 255 255 / 0.8)
}
.hover\:mint-shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:mint-shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:mint-shadow-black\/5:hover {
    --tw-shadow-color: rgb(0 0 0 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.mint-group:hover .group-hover\:mint-scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mint-group:hover .group-hover\:mint-text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-border-gray-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}
.dark\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
.dark\:mint-text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.dark\:mint-text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark\:hover\:mint-bg-gray-800\/20:hover:is(.dark *) {
    background-color: rgb(31 41 55 / 0.2)
}
.dark\:hover\:mint-bg-gray-800\/40:hover:is(.dark *) {
    background-color: rgb(31 41 55 / 0.4)
}
.dark\:hover\:mint-shadow-black\/20:hover:is(.dark *) {
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.mint-group:hover .dark\:group-hover\:mint-text-gray-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}
.mint-group:hover .dark\:group-hover\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-flex-row {
        flex-direction: row
    }
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

// Support Matrix Tab Switching
function switchTab(tabName) {
  const paymentTab = document.getElementById('payment-methods-tab');
  const flowsTab = document.getElementById('transaction-flows-tab');
  const paymentBtn = document.getElementById('payment-methods-btn');
  const flowsBtn = document.getElementById('transaction-flows-btn');
  
  if (!paymentTab || !flowsTab || !paymentBtn || !flowsBtn) {
    console.error('Required elements not found');
    return;
  }
  
  // Hide all tabs
  paymentTab.style.display = 'none';
  flowsTab.style.display = 'none';
  
  // Reset all button styles
  paymentBtn.className = 'px-6 py-3 rounded-md font-medium hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:border-gray-400';
  paymentBtn.style.backgroundColor = '';
  
  flowsBtn.className = 'px-6 py-3 rounded-md font-medium hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:border-gray-400';
  flowsBtn.style.backgroundColor = '';
  
  // Show selected tab and style active button
  if (tabName === 'payment-methods') {
    paymentTab.style.display = 'block';
    paymentBtn.className = 'px-6 py-3 rounded-md font-medium text-white shadow hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform';
    paymentBtn.style.backgroundColor = '#6FAD00';
  } else if (tabName === 'transaction-flows') {
    flowsTab.style.display = 'block';
    flowsBtn.className = 'px-6 py-3 rounded-md font-medium text-white shadow hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform';
    flowsBtn.style.backgroundColor = '#6FAD00';
  }
}

// Initialize tabs when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
  // Initialize with payment methods tab active
  switchTab('payment-methods');
});

// Make function globally available
window.switchTab = switchTab;


Match. Connect. Convert. Your unified BNPL orchestrator for smarter payment processing

Welcome to GreenBanana

Your unified BNPL orchestrator for smarter payment processing

GreenBanana

What is BNPL?

Buy Now, Pay Later (BNPL)

About Us

BNPL Flow

Environments

Quickstart

Account Setup

Get API Keys

Setup Connector

First payment

Authentication

Authentication & API Keys

Dashboard Overview

Webhook

Error Codes

Rate Limits

Go-live Checklist

FAQs

Overview

**Use this API to initiate a payment.**

When you create a payment, it is stored with GreenBanana. At this stage, the payment intent is generated but requires confirmation from either the user or merchant to proceed.

Once confirmed (by including confirm=true and payment_method), the request is sent to the selected BNPL provider to verify if the customer is eligible for credit to proceed with the Buy Now, Pay Later (BNPL) provider.

The following request body example demonstrates how to create a payment with GreenBanana, which can be processed through any BNPL provider.

**Note:** The `metadata` field is used to carry additional information required by the BNPL provider. We have compiled all necessary metadata fields to ensure compatibility with any BNPL provider.

Payments - Create

**Use this API to confirm the payment and forward it to the BNPL provider.**

Alternatively, you can confirm the payment directly in the *Payments/Create* API by setting `confirm=true`. After confirmation, the payment may result in one of the following outcomes:

Once payments confirm is successfully completed, we will have payment status as `requires_capture` or `succeeded` indicating the amount for customer is authorized by the BNPL provider

1. **Fail** with a `failed` status.
2. **Transition** to a `requires_customer_action` status, along with a `next_action` block.
3. **Succeed**, with either:
- `succeeded` (for automatic capture), or
- `requires_capture` (for manual capture).

`BNPL providers typically use methods like `manual_capture` or `manual_multiple_capture` for capturing payments, as specified in the Payments Create request.

You can configure routing rules to process specific payments through specific connectors. If you would like to route a specific payment with specific connector you can also pass
"connector": ["connector_name"] to process the payment.


Payments - Confirm

To capture the funds for an uncaptured payment

Payments - Capture

A Payment could can be cancelled when it is in one of these statuses: `requires_payment_method`, `requires_capture`, `requires_confirmation`, `requires_customer_action`.

Payments - Cancel

To update the properties of a *PaymentIntent* object. This may include attaching a payment method, or attaching customer object or metadata fields after the Payment is created

Payments - Update

Retrieves a Payment. This API can also be used to get the status of a previously initiated payment or next action for an ongoing payment

Payments - Retrieve

Payments - List

Authorized amount for a payment can be incremented if it is in status: requires_capture

Payments - Incremental Authorization

Creates a session object or a session token for wallets like Apple Pay, Google Pay, etc. These tokens are used by Green Banana's SDK to initiate these wallets' SDK.

Payments - Session token

To retrieve the properties of a Payment Link. This may be used to get the status of a previously initiated payment or next action for an ongoing payment

Payments Link - Retrieve

External 3DS Authentication is performed and returns the AuthenticationResponse

Payments - External 3DS Authentication

Payments - Complete Authorize

Creates a refund against an already processed payment. In case of some processors, you can even opt to refund only a partial amount multiple times until the original charge amount has been refunded

Refunds - Create

Updates the properties of a Refund object. This API can be used to attach a reason for the refund or metadata fields

Refunds - Update

Retrieves a Refund. This may be used to get the status of a previously initiated refund

Refunds - Retrieve

Lists all the refunds associated with the merchant, or for a specific payment if payment_id is provided

Welcome to BNPLX Documentation

Quick Setup

Dashboard Overview

Authentication

WooCommerce

Webhook

Shopware

Support Matrix

Need Help?