---
updatedAt: 2026-05-04T12:18:57.000Z
agentTools:
  projectIndex: https://docs.interswitchgroup.com/llms.txt
---

# Introduction

Discover how Interswitch's API products can supercharge your apps and services with seamless payment solutions and streamlined workflows. Dive into our product suites and unlock new possibilities!

<HTMLBlock>{`
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Interswitch Services</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <style>
    :root {
      --isw-primary: #00425F;
      --isw-secondary: #009FE4;
      --isw-dark: #1a1a2e;
      --isw-light: #f8f9fa;
      --isw-gray: #6c757d;
      --card-radius: 16px;
      --transition: all 0.3s ease;
    }

    * {
      box-sizing: border-box;
    }

    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
      min-height: 100vh;
      color: var(--isw-dark);
      padding: 2rem 0;
    }

    /* Section Headers */
    .section-header {
      font-size: 1.75rem;
      font-weight: 700;
      color: var(--isw-primary);
      margin: 3rem 0 1.5rem;
      padding-left: 1rem;
      border-left: 4px solid var(--isw-secondary);
    }

    .section-header:first-of-type {
      margin-top: 1rem;
    }

    /* Card Styles */
    .service-card {
      background: #fff;
      border-radius: var(--card-radius);
      overflow: hidden;
      transition: var(--transition);
      height: 100%;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .service-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(0, 66, 95, 0.15);
    }

    /* Image Container - Fixed proportions */
    .card-img-wrapper {
      height: 200px;
      background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }

    .card-img-wrapper img {
      max-width: 80%;
      max-height: 80%;
      object-fit: contain;
      transition: var(--transition);
    }

    .service-card:hover .card-img-wrapper img {
      transform: scale(1.05);
    }

    /* Card Content */
    .card-content {
      padding: 1.5rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .card-title {
      font-size: 1.25rem;
      font-weight: 600;
      color: var(--isw-primary);
      margin-bottom: 0.75rem;
      line-height: 1.3;
    }

    .card-text {
      font-size: 0.95rem;
      color: var(--isw-gray);
      line-height: 1.6;
      flex: 1;
      margin-bottom: 1rem;
    }

    .card-link {
      display: inline-flex;
      align-items: center;
      font-weight: 500;
      color: var(--isw-secondary);
      text-decoration: none;
      transition: var(--transition);
    }

    .card-link:hover {
      color: var(--isw-primary);
      text-decoration: none;
    }

    .card-link::after {
      content: '→';
      margin-left: 0.5rem;
      transition: var(--transition);
    }

    .card-link:hover::after {
      transform: translateX(4px);
    }

    /* CTA Cards */
    .cta-card {
      border-radius: var(--card-radius);
      padding: 2rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }

    .cta-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
      pointer-events: none;
    }

    .cta-card:hover {
      transform: translateY(-8px);
    }

    .cta-card.primary {
      background: linear-gradient(135deg, var(--isw-primary) 0%, #003347 100%);
      box-shadow: 0 10px 30px rgba(0, 66, 95, 0.3);
    }

    .cta-card.secondary {
      background: #fff;
      border: 2px solid var(--isw-primary);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .cta-card.primary:hover {
      box-shadow: 0 20px 40px rgba(0, 66, 95, 0.4);
    }

    .cta-card.secondary:hover {
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
      border-color: var(--isw-secondary);
    }

    .cta-icon {
      margin-bottom: 1rem;
    }

    .cta-icon img,
    .cta-icon svg {
      height: 32px;
      width: auto;
    }

    /* Card SVG Icons */
    .card-icon {
      width: 100px;
      height: 100px;
    }

    .card-icon-primary {
      fill: var(--isw-primary);
    }

    .card-icon-secondary {
      fill: var(--isw-secondary);
    }

    .service-card:hover .card-icon {
      transform: scale(1.05);
      transition: var(--transition);
    }

    .cta-title {
      font-size: 1.35rem;
      font-weight: 600;
      margin-bottom: 0.75rem;
    }

    .cta-card.primary .cta-title,
    .cta-card.primary .cta-text {
      color: #fff;
    }

    .cta-card.secondary .cta-title {
      color: var(--isw-primary);
    }

    .cta-text {
      font-size: 0.95rem;
      line-height: 1.6;
      opacity: 0.9;
    }

    .cta-card.secondary .cta-text {
      color: var(--isw-gray);
    }

    .cta-card a.stretched-link::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }

    /* Row spacing */
    .card-row {
      margin-bottom: 1rem;
    }

    .card-col {
      margin-bottom: 1.5rem;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .section-header {
        font-size: 1.5rem;
        margin: 2rem 0 1rem;
      }

      .card-img-wrapper {
        height: 160px;
      }

      .cta-card {
        min-height: 200px;
      }
    }
  </style>
</head>
<body>

<div class="container-fluid px-4 px-md-5">

  <h1 class="section-header">Payments</h1>
  <section class="row card-row">
    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="2" y="5" width="20" height="14" rx="2" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M2 10H22" stroke="#00425F" stroke-width="2"/>
            <path d="M6 15H10" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
            <circle cx="18" cy="15" r="2" fill="#009FE4"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Accept Payments</h4>
          <p class="card-text">Securely receive payments from customers online or in-store, leveraging our diverse payment options.</p>
          <a href="/docs/overview" class="card-link">Learn More</a>
        </div>
      </article>
    </div>

    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7 12L3 8L7 4" stroke="#00425F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M3 8H16C18.2091 8 20 9.79086 20 12" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M17 12L21 16L17 20" stroke="#009FE4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M21 16H8C5.79086 16 4 14.2091 4 12" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Transfers</h4>
          <p class="card-text">Send money seamlessly between bank accounts or wallets with our secure transfer APIs.</p>
          <a href="/docs/send-money-overview" class="card-link">Learn More</a>
        </div>
      </article>
    </div>
  </section>

  <h1 class="section-header">Digital Services</h1>
  <section class="row card-row">
    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="5" y="2" width="14" height="20" rx="2" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M9 18H15" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <circle cx="12" cy="9" r="3" stroke="#009FE4" stroke-width="2" fill="none"/>
            <path d="M12 6V9L13.5 10.5" stroke="#009FE4" stroke-width="1.5" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Value Added Services</h4>
          <p class="card-text">Provide airtime, data, SMS, and bill payment services to your customers with ease.</p>
          <a href="/docs/value-added-services-overview" class="card-link">Learn More</a>
        </div>
      </article>
    </div>

    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="2" y="4" width="16" height="12" rx="1" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M6 20H22V10C22 9.44772 21.5523 9 21 9H18" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <circle cx="10" cy="10" r="2" fill="#009FE4"/>
            <path d="M5 16H13" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Agent Cashout</h4>
          <p class="card-text">Activate cashout capability on your Point of Sale devices for seamless agent banking.</p>
          <a href="/docs/cash-out-service-1" class="card-link">Learn More</a>
        </div>
      </article>
    </div>
  </section>

  <h1 class="section-header">Loans & Wallet Services</h1>
  <section class="row card-row">
    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="9" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M12 7V12L15 14" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M8 12C8 9.79086 9.79086 8 12 8" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
            <path d="M9 17L7 19" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
            <path d="M15 17L17 19" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Loans</h4>
          <p class="card-text">Whether you're a loan provider or channel partner, leverage our powerful Lending APIs to provide nano loans to your customers.</p>
          <a href="/docs/overview-4" class="card-link">Learn More</a>
        </div>
      </article>
    </div>

    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="2" y="6" width="20" height="14" rx="2" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M2 10H22" stroke="#00425F" stroke-width="2"/>
            <rect x="14" y="13" width="6" height="4" rx="1" fill="#009FE4"/>
            <circle cx="17" cy="15" r="1" fill="white"/>
            <path d="M6 4V6" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M18 4V6" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Wallet Services</h4>
          <p class="card-text">Leverage our wallet service as a store of value for your customers to top up and purchase items on your platform.</p>
          <a href="/docs/wallet-services" class="card-link">Learn More</a>
        </div>
      </article>
    </div>
  </section>

  <h1 class="section-header">Cardless & Virtual Cards</h1>
  <section class="row card-row">
    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="4" y="2" width="16" height="20" rx="2" stroke="#00425F" stroke-width="2" fill="none"/>
            <rect x="7" y="5" width="10" height="6" rx="1" fill="#009FE4" fill-opacity="0.2" stroke="#009FE4" stroke-width="1.5"/>
            <path d="M8 14H10" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M14 14H16" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M8 17H10" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M14 17H16" stroke="#00425F" stroke-width="2" stroke-linecap="round"/>
            <path d="M11 14H13" stroke="#009FE4" stroke-width="2" stroke-linecap="round"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Cardless Withdrawal</h4>
          <p class="card-text">Use our Paycode APIs to generate codes for payments or cash withdrawals at ATMs and POS terminals—no card required.</p>
          <a href="/docs/cardless-services-1" class="card-link">Learn More</a>
        </div>
      </article>
    </div>

    <div class="col-12 col-md-6 card-col">
      <article class="service-card">
        <div class="card-img-wrapper">
          <svg class="card-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="1" y="7" width="18" height="12" rx="2" stroke="#00425F" stroke-width="2" fill="none"/>
            <path d="M1 11H19" stroke="#00425F" stroke-width="2"/>
            <path d="M5 15H9" stroke="#00425F" stroke-width="1.5" stroke-linecap="round"/>
            <rect x="5" y="3" width="18" height="12" rx="2" stroke="#009FE4" stroke-width="2" fill="none" stroke-dasharray="3 2"/>
            <path d="M5 7H23" stroke="#009FE4" stroke-width="2" stroke-dasharray="3 2"/>
          </svg>
        </div>
        <div class="card-content">
          <h4 class="card-title">Virtual Cards</h4>
          <p class="card-text">Create virtual cards for your customers to perform secure online transactions with our virtual card service.</p>
          <a href="/docs/virtual-cards" class="card-link">Learn More</a>
        </div>
      </article>
    </div>
  </section>

  <h1 class="section-header">Get Started</h1>
  <section class="row card-row">
    <div class="col-12 col-md-6 card-col">
      <div class="cta-card primary">
        <div class="cta-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 15C6 16.1046 5.10457 17 4 17C2.89543 17 2 16.1046 2 15C2 13.8954 2.89543 13 4 13H6V15Z" fill="white"/>
            <path d="M7 15C7 13.8954 7.89543 13 9 13C10.1046 13 11 13.8954 11 15V20C11 21.1046 10.1046 22 9 22C7.89543 22 7 21.1046 7 20V15Z" fill="white"/>
            <path d="M9 6C7.89543 6 7 5.10457 7 4C7 2.89543 7.89543 2 9 2C10.1046 2 11 2.89543 11 4V6H9Z" fill="white"/>
            <path d="M9 7C10.1046 7 11 7.89543 11 9C11 10.1046 10.1046 11 9 11H4C2.89543 11 2 10.1046 2 9C2 7.89543 2.89543 7 4 7H9Z" fill="white"/>
            <path d="M18 9C18 7.89543 18.8954 7 20 7C21.1046 7 22 7.89543 22 9C22 10.1046 21.1046 11 20 11H18V9Z" fill="white"/>
            <path d="M17 9C17 10.1046 16.1046 11 15 11C13.8954 11 13 10.1046 13 9V4C13 2.89543 13.8954 2 15 2C16.1046 2 17 2.89543 17 4V9Z" fill="white"/>
            <path d="M15 18C16.1046 18 17 18.8954 17 20C17 21.1046 16.1046 22 15 22C13.8954 22 13 21.1046 13 20V18H15Z" fill="white"/>
            <path d="M15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13H20C21.1046 13 22 13.8954 22 15C22 16.1046 21.1046 17 20 17H15Z" fill="white"/>
          </svg>
        </div>
        <h4 class="cta-title">Join Our Developer Community</h4>
        <p class="cta-text">Our community of innovators strives for greatness. Together, we're building Africa's digital economy for a prosperous future.</p>
        <a href="https://iswdevelopercommunity.slack.com/join/shared_invite/zt-2pknvjlm8-ynmHzS0jjzbUDdVPdWiOKw#/shared-invite/email" target="_blank" class="stretched-link"></a>
      </div>
    </div>

    <div class="col-12 col-md-6 card-col">
      <div class="cta-card secondary">
        <div class="cta-icon">
          <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M13 3L4 14H12L11 21L20 10H12L13 3Z" fill="#009FE4" stroke="#00425F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </div>
        <h4 class="cta-title">Get Started</h4>
        <p class="cta-text">Create an Interswitch Developer account to get your API credentials and start building today.</p>
        <a href="https://developer.interswitchgroup.com" target="_blank" class="stretched-link"></a>
      </div>
    </div>
  </section>

</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
`}</HTMLBlock>