Simple Checkout

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, close) { 
19
      /*response of the tansaction*/
20
      /*close is a function to close the checkout*/
21
     }, 
22
     function close(close) {
23
      console.log(close) /*transaction close*/
24
     })
25
    }
26
   </script>
Copied!
Optional Configuration
By default this is activated on the checkout unless this script is added to deactivated it.
1
close_prompt: false // disable close transaction prompt.
2
close_on_success: true // close checkout immediately after a transaction is successful.
Copied!
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]​

Accept Payment

Standard Checkout

Last modified 2d ago

Copy link

Contents

How to Integrate

Try it out

Can we help?