nopCommerce

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

Overview

nopCommerce

nopCommerce is a self-hosted .net eCommerce solution. Find out more about the nopCommerce platform here.

Zapper Payment Plugin

The Zapper Payments plugin facilitates easy payments by providing customers with an interactive dynamic QR code at checkout, allowing them to use the Zapper app to scan and pay for their order. Real time payment updates are pushed to the merchants store. Learn more about the payments flow here.

Pre-requisites

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

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

    4.00, 4.10, 4.20

  3. The merchant must have their Zapper Merchant ID and Site ID (or retrieve them at the Zapper Merchant Portal).

  4. The merchant must have access to the email address that was used during the Zapper registration.

Zapper Supports nopCommerce versions 4.00, 4.10, 4.20.

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 3 simple steps:

  1. Enter the Merchant and Site IDs (received during registration as Zapper Merchant).

  2. Click on the "Request OTP" button to have an OTP emailed to the Zapper Merchant email address.

  3. Enter the "OTP" (a.k.a "Verification Code") received in the email and click "Submit OTP".

    ​

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

This section describes the user experience when making a payment using the Zapper payment method. The payment process is as follows:

  1. When a user checks out and selects the Zapper payment method, the user will be redirected to the Zapper payment page.

  2. The user will use the mobile app to scan the QR Code on screen and pay.

  3. On successful payment, the user will see a tick and then be redirected back to the store's default payment completion page.

Zapper Redirect to Zapper Payment Page

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