nopCommerce is a self-hosted .net eCommerce solution. Find out more about the nopCommerce platform here.
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.
The merchant must be registered as a Zapper Merchant to use the Zapper plugin
The merchant must have one of the following nopCommerce versions installed:
4.00, 4.10, 4.20
The merchant must have their Zapper Merchant ID and Site ID (or retrieve them at the Zapper Merchant Portal).
The merchant must have access to the email address that was used during the Zapper registration.
The Zapper payment plugin can be installed from the marketplace just like any other plugin. One way to do this is as follows:
Navigate to the Administration section of the site.
Navigate to Configuration > Plugins > All plugins and themes
Search for Zapper and download the plugin zip file.
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.
Install the Zapper payment method plugin by selecting the Install button
The Zapper payment plugin can be setup in 3 simple steps:
Enter the Merchant and Site IDs (received during registration as Zapper Merchant).
Click on the "Request OTP" button to have an OTP emailed to the Zapper Merchant email address.
Enter the "OTP" (a.k.a "Verification Code") received in the email and click "Submit OTP".
The Zapper plugin is now configured and ready to be used as a payment method in the nopCommerce store.
This section describes the user experience when making a payment using the Zapper payment method. The payment process is as follows:
When a user checks out and selects the Zapper payment method, the user will be redirected to the Zapper payment page.
The user will use the mobile app to scan the QR Code on screen and pay.
On successful payment, the user will see a tick and then be redirected back to the store's default payment completion page.