Inline Checkout

The quickest way to build conversion - optimized payment forms, hosted on FCMB

Inline Checkout is our simplest integration method and requires little technical knowledge, you don’t require authentication or an API call.

Simply use FCMB 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 receive your first payment.

<button class="btn-go-checkout" onclick="paywithFcmb()">
 <script src="https://checkout.seerbitapi.com/api/v2/seerbit.js"></script>
  <script>
    function paywithFcmb() {
      SeerBit({
      "tranref": new Date().getTime(),
      "currency": "NGN",
      "description": "TEST",
      "country": "NG",
      "amount": "100.00",
      "full_name": "test test", //optional
      "email": "[email protected]", //optional
      "vendorId": "attach yor sub-account ID", //optional
      "callbackurl": "http://yourdomain.com",
      "public_key":"your pk_78892hhiiw82", //replace this with your own public key
      "setAmountByCustomer": false  //optional (set true to allow customer set the amount on the checkout) 
     }, 
     function callback(response, close) { 
      /*response of the tansaction*/
      /*close is a function to close the checkout*/
     }, 
     function close(close) {
      console.log(close) /*transaction close*/
     })
    }
   </script>

Optional Configuration

By default this is activated on the checkout unless this script is added to deactivated it.

close_prompt: false // disable close transaction prompt.
close_on_success: true // close checkout immediately after a transaction is successful.

customization: {
        theme: {
          border_color: "#000000",
          background_color: "#004C64",
          button_color: "#0084A0",
        },
        payment_method: ["card", "account", "transfer", "wallet", 'ussd'],
        confetti: true, // false;
        logo: "logo_url || base64", 
      }
    }

Field	Type	Description
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

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 FCMB. If you need help or have a question, message our Support team at [email protected]