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> tag1
<script src="https://unpkg.com/[email protected]/build/intasend-inline.js"></script>
Copied!
2. Add the payment button
Add the IntaSend standard button where you want the customers to click and initiate checkout.
1
<button class="intaSendPayButton" data-amount="10" data-currency="KES">Pay Now</button>
Copied!
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
1
new window.IntaSend({
2
publicAPIKey: "<REPLACE-WITH-YOUR-PUBLISHABLE-KEY>",
3
live: false //set to true when going live
4
})
5
.on("COMPLETE", (results) => console.log("Do something on success", results))
6
.on("FAILED", (results) => console.log("Do something on failure", results))
7
.on("IN-PROGRESS", (results) => console.log("Payment in progress status", results))
Copied!
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.
Last modified 2d ago