/* Global Color Vars */
:root {
    --p-primary: #03a9f4;
    --p-primary-light: #9DDEFB;
    --p-primary-dark: #015074;
    --p-dark-blue: #015074;
    --p-dark-blue-dark: #0150743b;
    --p-secondary: #7B61FF;
    --p-secondary-light: #D6CCFF;
    --p-secondary-dark: #2700EB;
    --p-tertiary: #243BC1;
    --p-tertiary-light: #B0E4E8;
    --p-tertiary-dark: #14646B;
    --p-accent-dark: #051441;
    --p-accent-light: #CDD0D9;
    --p-dark-dark: #3b3b3b;
    --p-dark-light: #CCCED0;
    --p-light-light: #E5E5E5;
    --p-light-dark: #E6E6E6;
    --p-dark-light-light: #4a4a4a;
    --p-dark-light-dark: #646464;
    --p-white: #ffffff;
    --p-superlight-blue: #cee9fb;
    --p-superlight-purple: #e6deff;
    --p-almost-black:  #002435;
}

/* Dark mode text tweak */
:is(.dark .prose) {
    color: var(--p-accent-light);
}

/* ::::::::::: TABLES ::::::::::: */

/* HTML Tables */
.styled-table table {
    width: 100%;
    color: var(--p-dark-dark);
    font-size: 14px;
    text-align: left;
    border-radius: 5px;
    overflow-x: scroll;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    display: table;
}

.styled-table thead th:first-child {
    padding-left: 10px;
}

.styled-table table th {
    background-color: var(--p-primary-dark);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    letter-spacing: 1px;
    width: auto;
}

.styled-table table tr:hover td {
    background-color: #fff;
}

.styled-table table tbody {
    width: 100%;
}

.styled-table table td {
    padding: 10px;
    border-bottom: 1px solid var(--p-light-dark);
}

/* Dark Mode Tables */
.dark .styled-table table {
    color: #fff;
}

.dark .styled-table table tr:hover td {
    background-color: var(--p-primary-dark);
}

.dark .styled-table table td {
    border-bottom: 1px solid var(--p-dark-dark);
}

/* Column Size Overrides */
.lg-column {
    min-width: 180px;
}

.med-column {
    min-width: 140px;
}

.sm-column {
    min-width: 100px;
}

.hide {
    display: none;
}

/* Markdown table styles */
.prose table {
  width: 100%;
  color: var(--p-dark-dark);
  font-size: 14px;
  text-align: left;
  border-radius: 5px;
  overflow-x: auto; /* Changed from scroll to auto for better responsiveness */
  margin: 50px auto;
  display: table;
}

/* Header styling */
.prose thead th {
  background-color: var(--p-primary-dark);
  color: #fff;
  font-weight: bold;
  padding: 10px;
  letter-spacing: 1px;
  width: auto;
}

/* First cell in header */
.prose thead th:first-child {
  padding-left: 10px;
}

/* Styling for table body */
.prose tbody {
  width: 100%;
}

/* Styling for table body cells */
.prose tbody td {
  padding: 10px;
  border-bottom: 1px solid var(--p-light-dark);
}

/* Hover effect on rows */
.prose tbody tr:hover td {
  background-color: #fff;
}

/* Dark mode adjustments */
.dark .prose table {
  color: #fff;
}

.dark .prose tbody tr:hover td {
  background-color: var(--p-primary-dark);
}

.dark .prose tbody td {
  border-bottom: 1px solid var(--p-dark-dark);
}

/* ::::::::: END TABLES :::::::::: */

/* Ribbons */
.ribbon-for-card {
    width: 60px;
    font-size: 14px;
    padding: 4px;
    position: absolute;
    right: 5px;
    top: 10px;
    text-align: center;
    border-radius: 25px;
    background-color: var(--p-secondary);
    color: white;
}

.dark .ribbon-for-card {
    background-color: var(--p-tertiary-dark);
}

/* Backtick code boxes */

:not(pre)>code {
    overflow-wrap: break-word;
    border-radius: .375rem;
    border-width: 1px;
    border-color: var(--p-primary-dark);
    background-color: transparent;
    padding: 1px .375rem;
}

:is(.dark :not(pre)>code) {
    border-color: var(--p-dark-light-dark);
    background-color: transparent;
    color: rgb(var(--gray-100));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* :::::::::::: FLOWCHARTS :::::::::::: */

/* Flowcharts */

.flowchart-container-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.flowchart-box-horizontal {
    border: 1px solid var(--p-white);
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 20px;
    background-color: hsla(0,0%,100%,.5);
    transition: background-color 0.3s, border-color 0.3s;
    position: relative;
    display: inline-block;
    min-width: 100px;
    font-family: monospace;
}

.flowchart-box-horizontal:hover {
    border-color: var(--p-primary-dark);
    cursor: pointer;
}

.flowchart-arrow-horizontal {
    margin: 5px 10px;
    font-size: 24px;
    align-self: center;
}

.flowchart-arrow-horizontal {
  display: inline-block;
  position: relative;
  width: 50px; 
  text-align: center;
}

.flowchart-arrow-horizontal::before {
  content: attr(data-content);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.chip-number {
  position: absolute;
  top: -10px; 
  right: -10px; 
  background-color: var(--p-accent-light); /* Chip background color */
  color: var(--p-dark-dark); /* Text color */
  padding: 5px;
  border-radius: 50%; /* Creates a circular chip */
  width: 25px; /* Chip width */
  height: 25px; /* Chip height */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem; /* Chip text size */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); /* adds a slight shadow for depth */
  z-index: 1; /* Ensures the chip is above other elements */
}

/* Flowchart Tooltips */
.flowchart-tooltip .flowchart-tooltiptext {
    visibility: hidden;
    background-color: var(--p-white);
    color: var(--p-dark-dark);
    text-align: center;
    border-radius: 20px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    opacity: 0;
    transition: opacity 0.3s;
    max-width: 100%;
    width: auto;
    left: 0;
    right: 0;
    transform: none;
    border: 1px solid var(--p-accent-dark);
}

.flowchart-box-horizontal:hover .flowchart-tooltiptext,
.flowchart-box-start:hover .flowchart-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.flowchart-tooltip .flowchart-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--p-accent-dark) transparent transparent transparent;
}

/* Flowchart start Box Styling */
.flowchart-box-start {
    background-color: var(--p-dark-blue);
    color: var(--p-light-dark);
    border-radius: 20px;
    padding: 10px;
    border: 1px solid var(--p-white);
    padding: 10px;
    margin: 10px;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
    position: relative;
    display: inline-block;
    min-width: 100px;
    font-family: monospace;
}

:is(.dark) .flowchart-box-start {
  background-color: var(--p-dark-blue);
  color: var(--p-white);
  border-color: var(--p-primary-dark);
  border-radius: 20px;
  padding: 10px;
}

/* Flowchart dark mode styling for flowcharts */

:is(.dark) .flowchart-box-horizontal {
    border-color: var(--p-dark-blue);
    background-color: var(--p-dark-blue-dark);
    color: var(--p-white);
}

:is(.dark) .flowchart-box-horizontal:hover {
    background-color: var(--p-dark-blue-dark);
    border-color: var(--p-white);
}

:is(.dark) .flowchart-tooltip .flowchart-tooltiptext {
    background-color: var(--p-almost-black);
    color: var(--p-white);
    border: 1px solid var(--p-white);
  

}

:is(.dark) .flowchart-tooltip .flowchart-tooltiptext::after {
    border-color: var(--p-white) transparent transparent transparent;
}


.optional-box {
  border: 1px dashed var(--p-primary-light);
}


/* :::::::::::: END FLOWCHARTS :::::::::::: */


/* Neon Effect for Cards */
.block.not-prose.font-normal.group.relative.my-2.ring-2.ring-transparent.rounded-xl.bg-white\/50.dark\:bg-codeblock\/50.border.border-gray-100.shadow-md.dark\:shadow-none.shadow-gray-300\/10.dark\:border-gray-800\/50.overflow-hidden.w-full.cursor-pointer {
    transition: border-color 0.3s, box-shadow 0.3s;
}

.block.not-prose.font-normal.group.relative.my-2.ring-2.ring-transparent.rounded-xl.bg-white\/50.dark\:bg-codeblock\/50.border.border-gray-100.shadow-md.dark\:shadow-none.shadow-gray-300\/10.dark\:border-gray-800\/50.overflow-hidden.w-full.cursor-pointer:hover {
    border-color: var(--p-primary);
    box-shadow: 0 0 15px var(--p-primary);
}

@media (prefers-color-scheme: dark) {
    .block.not-prose.font-normal.group.relative.my-2.ring-2.ring-transparent.rounded-xl.bg-white\/50.dark\:bg-codeblock\/50.border.border-gray-100.shadow-md.dark\:shadow-none.shadow-gray-300\/10.dark\:border-gray-800\/50.overflow-hidden.w-full.cursor-pointer:hover {
        border-color: var(--p-primary-light);
        box-shadow: 0 0 15px var(--p-primary-light);
    }
}

/* Custom Definition List Styles */
.definition-list {
    background-color: transparent;
    border-radius: 8px;
    padding: 20px;
}

.term-definition-pair {
    margin-bottom: 20px; /* Space between pairs */
}

.term {
    font-weight: bold;
    margin-bottom: 5px;
}

.definition {
    margin-left: 20px;
    margin-bottom: 10px; /* Adjusted to give space below the text */
}


/* Base Chip Styles */
.chip {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 0.65em;
  font-weight: normal;
  vertical-align: middle;
  color: var(--p-dark-dark);
  margin-left: 5px;
  background-color: transparent; /* Transparent background */
  border: 1px solid var(--p-dark-light); /* Uniform subtle border */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

/* Specific Chip Types 
.chip-pay-in,
.chip-pay-out,
.chip-pay-ops {
}  /* saving this for later */

/* Dark Mode Chip Adjustments */
.dark .chip {
  color: var(--p-accent-light);
  border-color: var(--p-dark-light-dark); 
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1); 
}


/* Specific Chip Variants - Also globally available */
.chip.bug-fix {
  background-color: rgba(244, 67, 54, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(244, 67, 54, 0.1);
}

.chip.enhancements {
  background-color: rgba(123, 97, 255, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(123, 97, 255, 0.1);
}

.chip.creator {
  background-color: rgba(3, 169, 244, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(3, 169, 244, 0.1);
}

.chip.ui {
  background-color: rgba(0, 150, 136, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(0, 150, 136, 0.1);
}

.chip.boarding {
  background-color: rgba(206, 233, 251, 0.2);
  color: var(--p-dark-dark);
  border: 1px solid rgba(206, 233, 251, 0.1);
}

.chip.new-feature {
  background-color: rgba(144, 238, 144, 0.3); 
  color: var(--p-dark-dark); 
  border: 1px solid rgba(144, 238, 144, 0.1); 
}

.chip.audience-developers {
  background-color: rgba(144, 238, 144, 0.3); 
  color: var(--p-dark-dark); 
  border: 1px solid rgba(144, 238, 144, 0.1); 
}
.chip.audience-partners {
  background-color: rgba(123, 97, 255, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(123, 97, 255, 0.1);
}
.chip.audience-merchants {
  background-color: rgba(0, 150, 136, 0.15);
  color: var(--p-dark-dark);
  border: 1px solid rgba(0, 150, 136, 0.1);
}

.audience-info {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.audience-label {
  font-size: 14px;
  color: #6b7280;
  margin-right: 8px;
}

/* Dark mode styles */
.dark .audience-label {
  color: #9ca3af;
}

/* Dark Mode Chip Adjustments */
.dark .chip.bug-fix,
.dark .chip.enhancements,
.dark .chip.creator,
.dark .chip.ui,
.dark .chip.boarding,
.dark .chip.new-feature, 
.dark .chip.audience-developers,
.dark .chip.audience-partners,
.dark .chip.audience-merchants {
  color: var(--p-white)
}

.release-notes-container {
  max-width: 800px;
  margin: 40px auto;
}

.release-notes-container .release-note-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.release-notes-container .chip-container {
  width: 100px; /* Fixed width for the chip container */
  display: flex;
  justify-content: flex-start; /* Aligns chip to the left */
  align-items: center;
  margin: 10px;
}

/* Base RN Chip Styles */
.release-notes-container .chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  border-radius: 12px;
  min-width: 60px;
  font-size: 0.75em;
  font-weight: normal;
  white-space: nowrap;
}

.release-notes-container .release-note-content {
  flex-grow: 1;
  padding-left: 15px;
  width: calc(100% - 100px);
}

.release-notes-container ul {
  padding: 1px;
  margin: 0; 
}

.release-notes-container li {
  margin-bottom: 10px;
}

.release-notes-container li::before {
  padding-right: 5px;
}

.release-notes-container p {
  margin: 5px;
}

.heading-with-chip {
  display: flex;
  align-items: center;
}

.heading-with-chip h3 {
  margin: 0;
}

.heading-with-chip .chip {
  margin-left: 8px;
  margin-top: -4px;
  position: relative;
  font-size: .75em;
}

/* See Also Blocks */
.see-also {
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
}

.see-also-header {
  border-top: 1px solid var(--p-tertiary-dark);
  padding-top: 1em; /* Add 3px space between border and text */
}

.see-also h3 {
  margin-top: 0;
}

.see-also p {
  margin-bottom: 5px;
  margin-top: 3px;
  font-weight: 400;
}

.see-also p > *:last-child::after {
  content: "→";
  margin-left: 0.5em;
  font-size: 0.8em;
  color: var(--p-dark-light-dark);
}

.dark .see-also p > *:last-child::after {
  color: var(--p-dark-light);
}

.see-also a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
  border-bottom: none;
  font-weight: 400;
}

.see-also a:hover {
  color: var(--p-tertiary-dark);
}

.dark .see-also a:hover {
  color: var(--p-tertiary-light);
}
/* Home Page Styles */

.home-header-container {
  height: 16rem;
  overflow: hidden;
}

.home-background-image {
  flex: none;
}

.home-background-img {
  height: 68rem;
  width: 100rem;
}

.home-header-content {
  position: absolute;
  text-align: center;
  background-color: transparent;
  color: var(--p-almost-black);

}

.home-heading {
  font-weight: 400;
  font-size: 48px;
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.75px;

}

.home-subheading {
  font-weight: 400;
  font-size: 20px;
  opacity: 0.7;
  color: inherit;
}

.home-body-intro {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1rem;
  color: var(--p-almost-black);
 }

.home-search-button {
  max-width: 24rem;
  margin-top: 3rem;
  padding: 0.75rem;
  background-color: white;
}


.home-content-container {
  max-width: 70rem;
  margin: 0 auto;
  padding: 2rem;
}

.home-card-section {
  margin-top: 3rem;
}

.home-search-card {
  margin-top: 2rem;
}

/* Dark mode styles */
.dark .home-background-img {

}

.dark .home-header-content {
  color: #FFFFFF;
}

.dark .home-body-intro {
  color: var(--p-light-dark);
 }

/* Home page search button */

.flashy-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(to left, var(--p-primary), var(--p-secondary));
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.4s ease, color 0.3s ease;
}

.dark .flashy-btn {
  color: white;
}

.flashy-btn:hover {
  background: white;
  color: var(--p-primary-dark);
}

.dark .flashy-btn:hover {
  background: var(--p-tertiary-dark);
  color: var(--p-light-light);
}


.index-content-container {
    max-width: 70rem;
    margin: 0 auto;
    padding: 0 0 0 0rem;
}

.index-content-container:last-child {
  padding-bottom: 4em;
}

.index-content-container > h2 {
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: .6666666666666666em;
  line-height: 1.3333333;
  color: var(--p-almost-black);
  scroll-margin-top: 130px;
}


.index-content-container > h3 {
  font-weight: 700;
  font-size: 1.2em;
  margin-top: 1.5em;
  margin-bottom: .6666666666666666em;
  line-height: 1.3333333;
  color: var(--p-almost-black);
}

.index-content-container > p {
  margin-bottom: 1.5em;
  color: var(--p-almost-black)
}

.dark .index-content-container > h2,
.dark .index-content-container > h3,
.dark .index-content-container > p {
  color: var(--p-dark-light);
}

.index-card-section {
  margin-top: 1rem;
}

.index-header-content {
  text-align: center;
  background-color: transparent;
  color: var(--p-almost-black);

}
.index-header-container {
  height: 10rem;
  overflow: hidden;
  position: relative
}

.index-heading {
  font-size: 35px;
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.75px;

}

.index-subheading {
  font-weight: 400;
  font-size: 20px;
  opacity: 0.7;
  color: inherit;
}

/* Image Zoom Modal fixes */

div[data-rmiz-modal-overlay="visible"] {
  background-color: var(--p-light-dark);
}


.dark div[data-rmiz-modal-overlay="visible"] {
  background-color: #000000;
}

Using the Playground

Configuration drawer

Experimenting with the code

Next steps

Design, test, and preview the embedded components from you browser

Playground

Embedded Comoponent Playground

requestToken

Payabli Docs

Browse through resources by audience and area

Resources Index

Use these educational guides to become a payments expert

Intro

Overview Guides

Learn about Payabli's three Ps: Pay In, Pay Out, Pay Ops

The Three Ps

Learn how transactions, batches, and transfers work together in Payabli to move money

How Money Moves

Learn how to get from signing with Payabli to your first residual check

Getting Started

Get Started with Payabli

Learn about the Pay In transaction lifecycle and its stages and statuses

Pay In Transaction Lifecycle

ACH Payments Cycle

Credit Card Payments Cycle

Learn how payment disputes like chargebacks and ACH returns work

Payment Disputes

Learn about the fields required for Level I, II, and III processing

Level II & Level III Processing

Level II and Level III Processing

Learn how pass-through fees work in Payabli

Pass-Through Fees

Learn how Payabli handles chargebacks and ACH returns for split transactions

Split Chargebacks and Returns

Split Payment Chargebacks and Returns

Learn how payment method tokenization secures sensitive data and enhances security for your payments

Tokenization Overview

Payment Method Tokenization

Learn about refunds and what to do when refunds fail

Refunds and Refund Failures

Understand Refunds and Failures

Learn about Cardholder Initiated Transaction (CIT) and Merchant Initiated Transaction (MIT) indicators for Pay In transactions

CIT & MIT indicators

Understanding CIT and MIT Indicators

Learn about managed payables and the vendor enablement process

Managed Payables

Understanding Managed Payables

Learn more about the know-your-customer (KYC) and know-your-business (KYB) fields required for merchant onboarding

KYC and KYB Requirements

Required Fields for Boarding Applications

Use Creator to build your own PCI-compliant embeddable components with no code

Build Your Own Components

Use these developer-focused guides and to build your integration with Payabli

Integration Guides and Developer Resources

Learn how to build a world-class payments integration with Payabli

Getting Started for Developers

Learn the difference between these commonly used terms

Paypoint vs Entrypoint

Learn more about Payabli's Pay In features for developers, and find all the guides in one place.

Pay In Developer Overview

Learn more about Payabli's Pay Out features for developers, and find all the guides in one place.

Pay Out Developer Overview

Learn more about Payabli's Pay Ops features for developers, and find all the guides in one place.

Pay Ops Developer Overview

Use these references to get to know Payabli's APIs

API Reference

Learn how authentication and API tokens work with the Payabli API

Authentication and API Tokens

Use idempotency keys to prevent duplicate requests

Request Idempotency

Prevent Duplicate Requests

Learn about the environments you can use to build with Payabli

Environments

Learn about entrypoints and how they are used in Payabli

Entrypoint Overview

Learn about responseCode and resultCodes returned by the API

API Responses

API responseCode and resultCode Reference

Learn about request limits and fraud controls in Payabli

Rate Limits

Download a Payabli Postman collection to get testing fast

Postman Collection

Use these guides to learn about using Payabli as a partner or a merchant

User Guides

Learn how to set up a PAX A920 device in PayHub to make card-present sales

PAX A920 Setup

Set Up a PAX A920 Device in PayHub

Learn how to get the check image for a paid payout to a vendor from PartnerHub or PayHub

Get payout check image

Get Payout Transaction Check Image

Use these references to look up glossary terms, response codes, errors, and statuses

References

Understand common terms used in Payabli and across the payments industry

Payment Glossary

Use these payment methods to test your integration with Payabli

Payment Methods for Testing

Money In Schemas

Money In Statuses

Understand how to handle different types of ACH returns

ACH Return Codes

ACH Return Codes Reference

Learn about payment response codes for different payment methods

Payment Responses

Payment Response Codes and Errors

Learn about money out statuses and events and how they work together

Money Out Schemas

Money Out Statuses

Learn about statuses and substatuses during the merchant boarding process

Boarding Statuses

Boarding Statuses Reference

TransEvent Reference

Changes, improvements, and fixes to the Payabli APIs and UIs in 2025

2025 API and UI Changelog

Changes, improvements, and fixes to the Payabli APIs and UIs in 2024

2024 API and UI Changelog

Changes, improvements, and fixes to the Payabli APIs and UIs in 2023

2023 API and UI Changelog

component.js Changelog

Embedded Components Library Changelog

Read answers to common questions and learn how to troubleshoot problems

Support

Home

Integration Guides

Changelog

Contact Sales

Status Page

Learn about enabling Apple Pay via the Payabli UI

Activate Apple Pay

Activate Apple Pay (UI)

Learn about managing Apple Pay and payment method domains via the Payabli UI

Manage Apple Pay

Manage Apple Pay (UI)

Board Merchants

Learn how to see an application's notes and events in PartnerHub

Notes & Events

Get Boarding App Notes and Events in PartnerHub

Learn how to bulk board merchants in Payabli

Bulk Boarding

Bulk Boarding Guide

Learn how to access Payabli's PartnerHub and PayHub UIs

Access UI

Access PartnerHub and PayHub

Learn about how threshold amounts affect your payment processing

Thresholds

Understanding Thresholds

Learn how to update a paypoint's bank account information

Change Bank Accounts

Request Bank Account Change

Learn which countries and territories are supported for money in and money out features

Supported Regions

Learn about merchant pricing structures offered by Payabli

Pricing Structures

Understanding Merchant Pricing Structures

Learn how to interpret merchant statements for processing fees

Merchant Statements

Understanding Processing Fees Statements

Learn how migrating tokenized card data works in Payabli

Card Token Migration

Migrate Tokenized Card Data

Learn how to migrate tokenized payment data from Stripe into Payabli

From Stripe

Migrate from Stripe

Learn how to migrate tokenized payment data from Authorize.net into Payabli

From Authorize.net

Migrate from Authorize.net

Learn how to migrate tokenized payment data from Payabli to a different provider

Out of Payabli

Migrate Token Data from Payabli

Payabli's public PGP key for migrating stored payment method tokens

Public PGP Key

Understand how entities work in PartnerHub and PayHub

Entities Overview

Entities Overview for Partners and Paypoints

Learn how to add and manage customers in PartnerHub and PayHub

Manage Customers

Manage Customers in the UI

Learn how to add and manage users in PartnerHub and PayHub

Manage Users

Manage Users in the UI

Learn how to add and manage vendors in PartnerHub and PayHub

Manage Vendors

Manage Vendors in the UI

Learn how custom identifiers work and how to manage them in PartnerHub

Custom Identifiers

Make a single transaction. This method authorizes and captures a payment in one step.

Make Transaction

Make a Sale Transaction

Authorize a card transaction. This returns an authorization code and reserves funds for the merchant. Authorized transactions aren't flagged for settlement until [captured](/api-reference/moneyin/capture-an-authorized-transaction).

**Note**: Only card transactions can be authorized. This endpoint can't be used for ACH transactions.


Authorize Transaction

Capture an [authorized transaction](/api-reference/moneyin/authorize-a-transaction) to complete the transaction and move funds from the customer to merchant account.

Capture Transaction

Capture Authorized Transaction

Retrieve a processed transaction's details.

Get Transaction Details

Get Details for Processed Transaction

Validates a card number without running a transaction or authorizing a charge.

Validate Card

Cancel a transaction that hasn't been settled yet. Voiding non-captured authorizations prevents future captures. If a transaction has been settled, refund it instead.

Pay In

Pay Out

Pay Ops

​Using the Playground

​Configuration drawer

​Experimenting with the code

​Next steps

See Also:

Using the Playground

Configuration drawer

Experimenting with the code

Next steps