IntaSend Integration Examples

How to test

Click on the buttons i.e in the examples and prompted to pay, use the following test cards to complete your test payment.

Test cards

Card 1: 4000 0000 0000 0002

Card 2: 4242 4242 4242 4242

Expiry - any future MM/YY

CVV - 123

M-Pesa test

Use own number. We have set small test amount of KES for M-Pesa test.

Normally, M-Pesa will refund payments made to test accounts within 72 hours, but that is not guaranteed.

Payment Button - Standard

Install Plugin - Add it in your before closing the `head` tag

<script src="https://unpkg.com/intasend-inlinejs-sdk@3.0.2/build/intasend-inline.js"></script>

Add button tag in your `body`

<button class="btn btn-primary btn-lg intaSendPayButton" data-amount="10" data-currency="KES">Pay Now</button>

Add JavaScript code before closing the `body` tag

new window.IntaSend({
    publicAPIKey: "REPLACE-WITH-YOUR-PUBLISHABLE-KEY",
    live: false // set to true when going live
})
.on("COMPLETE", () => alert("Do something on success"))
.on("FAILED", () => alert("Do something on failure"))
.on("IN-PROGRESS", () => console.log("Payment in progress status"))

Simply add a pay now button to your site with a few lines of code.

Payment Button - Custom

Install Plugin - Add it in your before closing the `head` tag

<script src="https://unpkg.com/intasend-inlinejs-sdk@3.0.2/build/intasend-inline.js"></script>

Add button tag in your `body`

<button class="btn btn-primary btn-lg" id="customBtn">Pay USD 10</button>

Add JavaScript code before closing the `body` tag

let customBtnObj = new window.IntaSend({
    publicAPIKey: "REPLACE-WITH-YOUR-PUBLISHABLE-KEY",
    live: false // set to true when going live
})
document.getElementById("customBtn").onclick = () => {
    customBtnObj.run({
        amount: 10,
        currency: "USD",
        email: "john@doe.com",
        first_name: "John",
        last_name: "Doe",
        country: "US"
    })
    .on("COMPLETE", () => alert("Do something on success"))
    .on("FAILED", () => alert("Do something on failure"))
    .on("IN-PROGRESS", () => console.log("Payment in progress status"))
}

Parse extra parameters e.g customer email, amount etc after initialization.

Express check-out link

Install Axios for post request

<!-- This example use Axios to send post request. Feel free to use any other plugin that works for you -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>

Add button tag in your `body`

<button class="btn btn-primary btn-lg" id="customBtn">Pay USD 10</button>

Add JavaScript code before closing the `body` tag


function generateLink() {
    // Use https://payment.intasend.com/api/v1/checkout/ for live payments
    let url = "https://sandbox.intasend.com/api/v1/checkout/"
    let payload = {
        public_key: "REPLACE-WITH-YOUR-PUBLISHABLE-KEY",
        amount: 10,
        currency: "KES",
        email: "john@doe.com",
        first_name: "John",
        last_name: "Doe",
        country: "US"
    }
    axios.post(url, payload).then((resp) => {
        if (resp.data.url) {
            window.open(resp.data.url, '_blank').focus();
        }
    }).catch((err) => alert("Problem experienced while initializing your request: " + err))
}

Generate a check-out link for users to complete payment.

IntaSend Integration Examples

How to test

Test cards

M-Pesa test

Payment Button - Standard

Install Plugin - Add it in your before closing the head tag

Add button tag in your body

Add JavaScript code before closing the body tag

Payment Button - Custom

Install Plugin - Add it in your before closing the head tag

Add button tag in your body

Add JavaScript code before closing the body tag

Express check-out link

Install Axios for post request

Add button tag in your body

Add JavaScript code before closing the body tag

Install Plugin - Add it in your before closing the `head` tag

Add button tag in your `body`

Add JavaScript code before closing the `body` tag

Install Plugin - Add it in your before closing the `head` tag

Add button tag in your `body`

Add JavaScript code before closing the `body` tag

Add button tag in your `body`

Add JavaScript code before closing the `body` tag