Back to home
INTEGRATION
PAYMENT FEATURES
AFTER PAYMENT
Simple Checkout
Simple Checkout is an inline smart payment form that works seamlessly across devices, it supports all the payment methods you get with the checkout standard integration
Simple Checkout is PCI compliant, and supports the same range of payment methods.
How it Works
The SeerBit Simple Checkout allows you to embed the payment form on your webpage using our SeerbitPay() JavaScript function. The function responds to your request in accordance with the request configuration set, if you specify a redirect_url in your request, the function will redirect your users to the provided redirect URL when they complete the payment.
Parameter Description
Name
Type
Description
Required?
public Key
string
public key - this can be copied from the seerbit dashboard
Yes
currency
string
Payment Currency
Yes
tranref
string
Transaction Reference
Yes
amount
string
Amount to be paid
Yes
description
string
Decription of the transaction
Yes
Name
Type
Description
Required?
public Key
string
public key - this can be copied from the seerbit dashboard
Yes
currency
string
Payment Currency
Yes
tranref
string
Transaction Reference
Yes
amount
string
Amount to be paid
Yes
description
string
Decription of the transaction
Yes
Before you begin
Ensure you have your public key. You can find this on the SeerBit Merchant dashboard under accounts > api keys. If you don’t have an account with us yet, you can create a test account now
Add the code snippet to your site
Adding the Seerbit.js script to your page
Adding this will automatically inlcude all the features and payment methods the seerbit checkout has. Including our advanced fraud detection tools whenever your customers attempts to make a payment
1<html>
2 <head>
3 <title>SeerBit Simple Checkout</title>
4 <script src="https://checkout.seerbitapi.com/api/v2/seerbit.js"></script>
5 </head>
6 <body>
7 <button onlick="paywithSeerbit()">Pay Now</button>
8 </body>
9</html>Adding the Seerbit.js script to your page
Adding this will automatically inlcude all the features and payment methods the seerbit checkout has. Including our advanced fraud detection tools whenever your customers attempts to make a payment
1<html>
2 <head>
3 <title>SeerBit Simple Checkout</title>
4 <script src="https://checkout.seerbitapi.com/api/v2/seerbit.js"></script>
5 </head>
6 <body>
7 <button onclick="paywithSeerbit()">Pay Now</button>
8
9 <script type ="text/javascript">
10 function paywithSeerbit() {
11 SeerbitPay ({
12 "public_key": "sbpub_yywuuuywyyttwttwy", //replace with your public key
13 "tranref": new Date().getTime(), // payment reference
14 "currency": "NGN",
15 "country": "NG",
16 "amount": "150.00",
17 "email": "test@emaildomain.com",
18 "mobile_no": "", // Mobile Number
19 "productId": "", // Product ID
20 "description": "", // Product Description
21 "setAmountByCustomer": false, //optional field. Set to true to allow customer set the amount
22 "full_name": "John Doe", //optional
23 "tokenize" : false, // set to true to allow token capture
24 "planId" : "123456abcd", // subcription plan id.
25 "pocketReference" : "", // pocket reference number.
26 "vendorId" : "", // Vendor ID.
27 "callbackurl": "http://yourdomain.com",
28 },
29 function callback(response, closeModal) {
30 console.log(response) //response of transaction
31 },
32 function close(close) {
33 console.log(close) //transaction close
34 })
35 }
36 </script>
37
38 </body>
39</html>
40Optional Configuration
Adding this will automatically inlcude all the features and payment methods the seerbit checkout has. Including our advanced fraud detection tools whenever your customers attempts to make a payment
1"decription": "test payment description",
2"vendorID": "100001", //enter subaccount ID if you will using the split settlement featureCustomization
Adding this will automatically inlcude all the features and payment methods the seerbit checkout has. Including our advanced fraud detection tools whenever your customers attempts to make a payment
1Customization: {
2 theme: {
3 border_color: "0000",
4 background_color: "ECECEC",
5 button_color: "000",
6 },
7 payment_method: ["card", "account", "transfer", "wallet", "ussd"],
8 confetti: true,
9 logo: "logo_url || base64",
10 }
11}Testing your integration
Click on the button below to be redirected to the SeerBit Checkout page and use any of the test cards or test bank account provided below
Card Type
Card Number
Expiry Date
CVV
Mastercard
5123450000000008
05/21
100
Verve Card
6280511000000095
12/26
123
Need something else?
If you have any questions or need general help, visit our support page
Signup for developer update
You can unsubscribe at any time. Read our privacy policy.