---
updatedAt: 2025-11-10T23:58:30.000Z
agentTools:
  projectIndex: https://docs.interswitchgroup.com/v1.1/llms.txt
---

# Overview

Interswitch offers secure and flexible payment solutions that empower businesses to accept payments across various channels and methods. From simple website checkouts requiring no technical expertise to custom API integrations, our solutions cater to businesses of all sizes and technical knowledge.

> 📘 Get payment Methods By Country
>
> Interswitch APIs allow you to accept payments from different countries  and in different currencies accross Africa. [View supported countries ](/docs/accept-payments-methods)

With Interswitch APIs you can increase conversion rates, reduce transaction fees, and enhance overall customer satisfaction while offering your customers the power of choice.

Here are the different ways you can securely accept payments with Interswitch:

<HTMLBlock>{`
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
    .card-container {
        display: flex;
        margin: 10px;
    }

    .card {
        flex: 1; /* Equal width for all cards */
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 10px;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
        cursor: pointer;
    }

    .card:hover {
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
    }

    .card-content {
        padding: 10px;
    }

    .card-title {
        font-size: 18px;
        font-weight: bold;
    }

    .card-subtopic {
        font-size: 14px;
        color: #888;
    }

    .divider {
        width: 1px;
        background-color: #ccc;
        margin: 0 10px;
    }

    .symbol {
        font-size: 24px;
        color: #888;
        margin-left: 10px;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 6px;
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .button2 {
        background-color: white;
        color: black;
        border: 2px solid #008CBA;
    }

    .button2:hover {
        background-color: #008CBA;
        color: white;
    }
</style>
</head>
<body>
    <div class="card-container">
        <div class="card" >
            <div class="card-content">
                <div class="card-title">Web Checkout</div>
                <div class="card-subtopic">Interswitch provides a simple way to integrate a checkout feature into your existing products.</div>
                	
                   <a href="/docs/web-checkout"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
        <div class="card">
            <div class="card-content">
                <div class="card-title">Card Payments API</div>
                <div class="card-subtopic">You can use the card payment APIs if you want to manage the payment flow from end to end.</div>
            <a href="/docs/payment-api"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
       
        
        
    </div>
  
</body>
</html>
`}</HTMLBlock>

<HTMLBlock>{`
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
    .card-container {
        display: flex;
        margin: 10px;
    }

    .card {
        flex: 1; /* Equal width for all cards */
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 10px;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
        cursor: pointer;
    }

    .card:hover {
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
    }

    .card-content {
        padding: 10px;
    }

    .card-title {
        font-size: 18px;
        font-weight: bold;
    }

    .card-subtopic {
        font-size: 14px;
        color: #888;
    }

    .divider {
        width: 1px;
        background-color: #ccc;
        margin: 0 10px;
    }

    .symbol {
        font-size: 24px;
        color: #888;
        margin-left: 10px;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 6px;
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .button2 {
        background-color: white;
        color: black;
        border: 2px solid #008CBA;
    }

    .button2:hover {
        background-color: #008CBA;
        color: white;
    }
</style>
</head>
<body>
    <div class="card-container">
        <div class="card">
            <div class="card-content">
                <div class="card-title">Hosted Fields</div>
                <div class="card-subtopic">Hosted Fields allows merchants who may not be PCIDSS compliant to have control over the lookand feel of their checkout page.</div>
            <a href="/docs/hosted-fields"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
        
        <div class="card">
            <div class="card-content">
                <div class="card-title">Non Card Payments</div>
                <div class="card-subtopic">We understand that the ability to seamlessly and conveniently accept payments from your customers is important to every business,.</div>
            <a href="/docs/non-card-payments"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
        
        
    </div>

   
</body>
</html>
`}</HTMLBlock>

<HTMLBlock>{`
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
    .card-container {
        display: flex;
        margin: 10px;
    }

    .card {
        flex: 1; /* Equal width for all cards */
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 10px;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
        cursor: pointer;
    }

    .card:hover {
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
    }

    .card-content {
        padding: 10px;
    }

    .card-title {
        font-size: 18px;
        font-weight: bold;
    }

    .card-subtopic {
        font-size: 14px;
        color: #888;
    }

    .divider {
        width: 1px;
        background-color: #ccc;
        margin: 0 10px;
    }

    .symbol {
        font-size: 24px;
        color: #888;
        margin-left: 10px;
    }

    .button {
        border: none;
        border-radius: 5px;
        color: white;
        padding: 10px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 6px;
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .button2 {
        background-color: white;
        color: black;
        border: 2px solid #008CBA;
    }

    .button2:hover {
        background-color: #008CBA;
        color: white;
    }
</style>
</head>
<body>
    <div class="card-container">
        <div class="card">
            <div class="card-content">
                <div class="card-title">Pay Bill</div>
                <div class="card-subtopic">This feature enables business owners create a link that is tied to a transaction that can then be shared for a customer to make a one-time payment with.</div>
            <a href="/docs/hosted-fields"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
        
        <div class="card">
            <div class="card-content">
                <div class="card-title">In Store (POS)</div>
                <div class="card-subtopic">POS is a point-of-sale system that allows businesses to accept customer payments using various methods, including debit cards, credit cards, mobile money, and cash.</div>
            <a href="/docs/non-card-payments"> <button class="button button2">Learn More</button></a>
            </div>
           
        </div>
        
        
    </div>

   
</body>
</html>
`}</HTMLBlock>