nopCommerce

This page describes how to install and configure Zapper as a payment method on the nopCommerce eCommerce platform.

Overview

nopCommerce

Experience nopCommerce, a robust eCommerce platform that empowers businesses with its user-friendly approach. With a rich selection of built-in features and customizable options, nopCommerce simplifies online store setup. Explore its marketplace for plugins and extensions to effortlessly enhance your store's capabilities, aligning with your unique needs. This holistic approach ensures nopCommerce provides essential tools right from the start, making your eCommerce journey seamless and successful. Discover nopCommerce here.

Zapper Payment Plugin

Introducing the Zapper payment solution to nopCommerce, catering to diverse payment preferences. Our system extends convenience by offering customers two choices: scanning a dynamic QR code using the Zapper app or directly entering card details during checkout. This versatile approach ensures a seamless payment process, enhancing the shopping experience for all customers. Real-time payment updates are effortlessly integrated, providing merchants with enhanced transparency and order management. This consistent and adaptable approach ensures a unified payment journey across nopCommerce. Learn more about the payments flow here.

Pre-requisites

1. The merchant must be registered as a Zapper Merchant to use the Zapper plugin in production.

2. The merchant must have one of the following nopCommerce versions installed:

   4.20, 4.30, 4.40. 4.50, 4.60

3. The merchant must be able to log in to the Zapper Merchant Portal.

Zapper Supports nopCommerce versions 4.20, 4.30, 4.40. 4.50, 4.60

Installation

The Zapper payment plugin can be installed from the marketplace just like any other plugin. One way to do this is as follows:

Zapper Plugin Download

1. Navigate to the Administration section of the site.

2. Navigate to Configuration > Plugins > All plugins and themes

3. Search for Zapper and download the plugin zip file.

4. Once downloaded go to Plugins > Local plugins and click the Upload plugin or theme button and select the zip file downloaded in the previous step.

5. Install the Zapper payment method plugin by selecting the Install button

Zapper Plugin Installation

Configuration

The Zapper payment plugin can be setup in 2 simple steps:

1. Enter the Merchant ID, Site ID and Merchant API Key (received during registration as Zapper Merchant or can be retrieved here).

2. Click "Submit".

Zapper Configuration Screen

Remember to ensure that the Zapper payment method is "enabled" in nopCommerce (Plugins > Local plugins)

The Zapper plugin is now configured and ready to be used as a payment method in the nopCommerce store.

Payments

The payment process is as follows:

1. When the user selects the Zapper payment option on checkout and proceeds to finalize their order, they will be presented with Zapper Hosted Payment page.

2. If the user prefers the familiar convenience of our dynamic QR code solution, they can proceed by using the Zapper mobile app to effortlessly scan the on-screen QR Code. For users accessing the store from a mobile device, the QR Code is seamlessly replaced with a deep-link button, ensuring a smooth transition to the Zapper application.

3. However, if the user prefers to use their credit or debit card for payment, they can now opt for the new card payment option. This straightforward method allows users to directly input their card details and complete the payment process right on the spot.

4. Once the payment is successfully processed – whether through QR code scanning or card payment – users will receive a confirmation in the form of a checkmark symbol. With this assurance of payment, they will then be seamlessly redirected back to the store's default payment confirmation page.

By introducing this new card payment option alongside our existing QR code solution, we're committed to delivering a more inclusive and user-friendly payment experience that caters to a diverse range of customer preferences.

Zapper Payment Gateway - Desktop QR Payment

Zapper Payment Gateway - Desktop Card Payment

Zapper Payment Gateway - Desktop Successful Payment

Zapper Payment Gateway - Mobile Payment Methods

Zapper Payment Gateway - Mobile Card Payment

The order on the merchants store will automatically be updated with payment complete.