DEV Community: Nomba Financial Service

How to Setup Nomba Checkout on shopify

Makanju Oluwafemi — Mon, 10 Mar 2025 11:49:06 +0000

Introduction

Nomba provides a Shopify checkout plugin to accept payment in your online store. This plugin is similar to the WordPress plugin simply because they are both used for accepting online payments. Also, it belongs to the no-code ecosystem. When building a Shopify store, there are different ways to accept payment.

Typically, payment is a third-party thing for Shopify, but then they support some providers by default. This process is slightly different when you want to use Nomba as a payment provider in your Shopify store.

This Plugin is available to Nigerian merchants and it can be used to process internatio
nal and local Payments.

To use Nomba as your Shopify store payment provider, you will need to create an account on the Nomba Website > go to the settings page on your dashboard. Click on Get API Keys. The process is straightforward.

These are the 3 things to get on the settings page before adding Nomba as a payment provider on your store. We provide the option to switch between live and test keys.

ClientID
Private Key
Account ID

Step-by-step installation guide

The step requires that you add Nomba as a third-party app. Look at Nomba Shopify plugin here and click on Install

When you click on Install, you will be redirected to your Shopify admin page, where you can now properly install the Nomba app.

Click on Install to continue.
When you successfully install this app, You will be redirected to Nomba payment gateway config page. On this page, You will add your Client ID, private secret, and account ID.

You can get test and live keys on your settings page when you have completed setting up your dashboard.

Click on the Ready checkbox, then click the Submit button, and you will get a notification that your data was saved without issue. Click go back to payment settings to activate the Nomba app.

This image shows a notification update, describing the status of the action you just completed.

Click on the arrow left button and you will be redirected to a page where you can now activate Nomba for your Shopify app.

Click on the activate button and you have successfully enabled Nomba as a payment service in your Shopify App. You can also choose to select which card you would love your business to accept but for this tutorial we have all selected.

conclusion

With Nomba, you gain access to a reliable and secure payment solution that enhances your store’s checkout experience. Whether you're running a small business or scaling an enterprise, using Nomba as a payment provider, ensures that your customers enjoy smooth payment processing experience. Now, your business can thrive without thinking of any payment hassle.

How Charge APIs Enhance Payment Processing in Fintech

Makanju Oluwafemi — Wed, 29 Jan 2025 14:04:29 +0000

As developers building payment solutions, we often encounter the term "charge," which can sometimes be confusing. In some cases, you might also come across the term Direct Charge. A charge refers to the specific action of processing a payment, which typically involves the authorization and capture of funds from the customer's payment method. Essentially, it’s the step where the transaction is finalized and the money is transferred from the customer to the merchant.

Importance of Charge API in modern payment systems

Customization and Branding
Unlike traditional checkout systems, which typically redirect customers to a third-party page, the Charge API allows you to fully customize the payment experience. You can tailor the design and user flow to match your brand's identity.

Enhanced Security Features
Charge APIs often include built-in security measures like 3D Secure authentication and OTP verification to further protect against fraudulent transactions. This helps provide legitimate information about the card owner's identity.

Charge API offers enhanced flexibility, better control, and a more personalized, secure payment experience than traditional checkout methods. This makes it an ideal choice for developers looking to take full control of their payment experience.

Introducing Nomba Charge API and the Process Flow

The Nomba Charge API is a user-friendly payment solution that helps businesses securely process payments. Whether you’re accepting card payments, handling OTP-based authorizations, or offering transfer payments, Nomba Charge makes it simple. It lets you save customer card details for future purchases, authenticate transactions through OTPs, and track transaction statuses with ease. The process flow is straightforward, guiding you from getting order details to saving cards and even canceling incomplete transactions.

Process Diagram

This flowchart provides developers with a comprehensive understanding of how the Nomba Charge API works. To begin, you'll create an order and submit the customer’s card details. An OTP will then be sent to the customer’s phone number. The customer can either enter the code to complete the verification or request a new code if the OTP expires. They also have the option to use a Flash account number. Once the process is complete, you can prompt the customer to decide if they’d like to save their card information for future payments.

Key Features of Nomba Charge API

Flash Payment Integration
The Charge API supports Flash payments, allowing users to complete transactions quickly and securely using their Flash account number. This feature simplifies payment by offering a convenient alternative to traditional card payments.

Card Saving for Future Payments
With the Nomba Charge API, you can offer customers the option to save their card details securely for future transactions. This will make future payments faster and more convenient, improving the overall user experience.

Secure OTP Verification
Security is important! The API uses OTP to verify user transactions. This two-factor authentication ensures that payments are processed securely and that only authorized users can complete a transaction.

Charge API vs Traditional Payment Gateways

Unlike traditional checkout systems, where customers are redirected to an external page to complete their payment and then returned to a callback URL set during transaction initialization, the Charge API allows you to create a fully customized payment gateway that aligns with your brand's look and feel.

This gives you greater control over the entire payment process. With the Charge API, you can easily implement features such as saving customer cards for recurring payments, authorizing transactions via OTP (One-Time Password), and enabling 3D Secure authentication for enhanced security.

Conclusion

Really glad you made it this far, haha! There are so many possibilities with building your product around the Nomba API. The charge API is just one of them. looking to explore our payment product? check here.

How to setup Nomba checkout on Woocommerce

Makanju Oluwafemi — Mon, 27 Jan 2025 01:01:45 +0000

WooCommerce is a free online WordPress plugin that allows developers to manage online stores by providing quick setup configurations for product display, managing orders, and processing payments via the multiple payment gateways option provided.

In this guide, we will walk through a step-by-step guide on how to add a nomba to your e-commerce website.

It’s important to know that this payment plugin is currently only available for Nigerian merchants.

Before diving deep into the "how" of this guide, I have summarized what is expected. This will give you an overview or brief into what we need to do to get this checkout page up and running quickly.

Install WooCommerce, Classic Editor Plugin and Nomba Payment Gateway for WooCommerce.
Get Nomba API keys
Setup Nomba plugins

How to Install a WordPress Plugin

Adding a plugin in WordPress is synonymous with installing an NPM package when writing code. Ideally, plugins extend the capabilities of a project by enabling more functionalities. To add a plugin to your WordPress site, go to the WordPress admin page. Select ** Plugins ** You should be presented with a page that looks Like this.

Select the Add Plugins button, then search for the WooCommerce plugin. Click on install and activate.

To install the Nomba Checkout Plugin, repeat the same process. When you search for the Nomba plugin, you will be presented with this.

This image shows the result of a search when a developer types in Nomba.

It's possible that when you complete all of these installations and are about to test, you will be presented with an error description like the one in the image below.

This image can be found on this site, where you can learn more about why the error exists and how to fix it using the Classic Editor Plugin.

How to get Nomba API keys

When you have completed the installation of all the plugins, head over to Nomba > Create account > Dashboard, click on settings on the right pane, and select Webhooks and API Keys

A pictorial representation API keys page.

How to Setup Nomba Plugin

Next, when you have completed the installation of all plugins, ensure that you activate the plugins so they can work as expected. Click on Manage to add API keys.

This Image explains how to manage the plugin

Next, you will add your Nomba credentials to the plugins.

We use the API keys and account ID to connect with your Nomba account. Add the appropriate keys in the box. Select Test mode and Click Save Changes

Voila!, You have completed the installation and setup of your checkout plugin.

Accept payment on your Nomba Checkout Page

If you are here, it means you have followed us through from beginning to end, and I'm glad you have been able to see how to install and use the Nomba WooCommerce plugin.

Next, when you click on the checkout page, it will redirect you to the checkout page, and you can proceed to pay.

. This image shows a checkout order.

When you click on Place Order, you will be redirected to this screen to complete your payment.
Add your card details, and you are ready to go.

You’ve successfully integrated the Nomba payment gateway into your WooCommerce store. With this setup, you can now accept payments seamlessly on your checkout page. Just ensure your store is set up correctly with the provided API keys and the Nomba plugin.

If you run into any issues, consult the Nomba developer community. You're now ready to offer your customers a smooth checkout experience!