Simple Checkout
The quickest way to build conversion - optimized payment forms, hosted on SeerBit.
Simple Checkout is our simplest integration method and requires little technical knowledge, you don’t require authentication or an API call.
Simply use SeerBit inline code, a smart payment form that works seamlessly across devices and is designed to increase your conversion. It supports all our payment methods such as Cards, Bank Direct Debit, Transfers and Wallet Payments.

How to Integrate

Before you start ensure you have your public_key This can be found on the settings page of your dashboard. If you don't have an account with us yet, sign up for your free test account now.
    1.
    Copy the code snippet below and add it on your website where you want to accept payments.
    2.
    Add pay button anywhere on your website where you want to collect a payment
    3.
    You'll need to replace the sample public_key with your own public_key and edit the required attributes to reflect the order details.
    4.
    Now you are all set up and ready to recieve your first payment.
1
<button class="btn-go-checkout" onclick="paywithSeerbit()">
2
<script src="https://checkout.seerbitapi.com/api/v2/seerbit.js"></script>
3
<script>
4
function paywithSeerbit() {
5
SeerbitPay({
6
"tranref": new Date().getTime(),
7
"currency": "NGN",
8
"description": "TEST",
9
"country": "NG",
10
"amount": "100.00",
11
"full_name": "test test", //optional
12
"email": "[email protected]", //optional
13
"vendorId": "attach yor sub-account ID", //optional
14
"callbackurl": "http://yourdomain.com",
15
"public_key":"your pk_78892hhiiw82", //replace this with your own public key
16
"setAmountByCustomer": false //optional (set true to allow customer set the amount on the checkout)
17
},
18
function callback(response) {
19
console.log(response) /*response of transaction*/
20
},
21
function close(close) {
22
console.log(close) /*transaction close*/
23
})
24
}
25
</script>
Copied!

Optional Configuration

This allows you to customize the look and feel of the checkout and also add a successful confetti when payment has been completed successfully.
By default this is activated on the checkout unless this script is added to deactivated it.
1
customization: {
2
theme: {
3
border_color: "#000000",
4
background_color: "#004C64",
5
button_color: "#0084A0",
6
},
7
payment_method: ["card", "account", "transfer", "wallet", 'ussd'],
8
confetti: true, // false;
9
logo: "logo_url || base64",
10
}
11
}
Copied!
Field
Type
Decription
public_key
string
This is available after sign-up
dash board -> settings -> api keys.
currency
string
Payment currency
tranref
string
Transaction reference
amount
string
Amount to be paid
description
string
Description of the transaction

Try it out

You need to replace thepublic_key in the script below, with your own public key. You can get your public key by visiting your dashboard Go to dashboard - as described Get Started here

Can we help?

Thank you for choosing SeerBit. If you need help or have a question, message our Support team at [email protected]
Last modified 4mo ago