IntaSend Payments API
Developers SandboxProduction SitePricingSupport
Search…
Overview
Card and Mobile Payments
How to collect card payment
Code Examples
Collect a payment
Payment data parameters
Payment results
Using a custom button
Checkout API
Direct M-Pesa STK-Push
React and Vue Examples
WordPress
Easy Digital Download
WooCommerce
Flutter (Mobile)
Shopify
Bubble.io (no-code)
Send Payments
Wallet as a service
Refunds
WebHooks
REST API Plugins and SDKs
Testing
Errors reference
Support
Powered By GitBook
Collect a payment
How to add IntaSend payment collection on your website and start collecting payment

How to add IntaSend payments on your website

1. Install IntaSend plugin for web

Add the latest IntaSend web plugin before closing your </head> tag
<script src="https://unpkg.com/[email protected]/build/intasend-inline.js"></script>

2. Add the payment button

Add the IntaSend standard button where you want the customers to click and initiate checkout.
<button class="intaSendPayButton" data-amount="10" data-currency="KES">Pay Now</button>
Note: For standard button integration, IntaSend uses the class name to intaSendPayButton to recognize the button and trigger the payment action on click. On the payment button, you can add already available options e.g amount, currency, customer emails, etc using the data-* attribute. Learn more on the available payment data options here.

3. Complete setup

Complete setup by setting your publishable key and other options e.g redirect URL. Access your public API Key from your account under settings - API keys panel. IntaSend also provides a sandbox environment for testing
Get test publishable key here https://sandbox.intasend.com/ (No sign-up needed).
new window.IntaSend({
publicAPIKey: "<REPLACE-WITH-YOUR-PUBLISHABLE-KEY>",
live: false //set to true when going live
})
.on("COMPLETE", (results) => console.log("Do something on success", results))
.on("FAILED", (results) => console.log("Do something on failure", results))
.on("IN-PROGRESS", (results) => console.log("Payment in progress status", results))
IntaSend uses events to communicate the status of the transaction. Events will be emitted on COMPLETE, FAILED, and IN-PROGRESS state. From the example above, the on events will also a results which is simply the payment details results.
Now that you have payment configured, you might want to capture payment results and customize the button for a better payment experience. Below are useful resources for your reference.
Previous
Code Examples
Next
Payment data parameters
Last modified 8mo ago
Copy link
Outline
How to add IntaSend payments on your website
1. Install IntaSend plugin for web
2. Add the payment button
3. Complete setup