Blog Single
Home
Blog
How to integrate Zapper as a Payment Provider with your Shopify Store

Shopify

How to integrate Zapper as a Payment Provider with your Shopify Store

July 31, 2020

What is Zapper?

Zapper for your e-commerce site means that new customers only need to scan a QR Code with Zapper and they’re instantly registered or logged-in. And then for payments at checkout, another Zap and they’re done. Quick and convenient for the user. Profitable for you. With Zapper securely passing the registration details from the customer’s profile, all you have to do is extend a warm welcome. No registration forms, no usernames, no passwords, no hassle. Just instant access to your site and more qualified sales opportunities.

Overview

The Zapper payment provider for Shopify 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.

Pre-requisites

  • You the merchant must be registered as a Zapper Merchant to use the Zapper plugin in production.
  • You the merchant must have their Zapper Merchant ID and Site ID and POS (Point of Sale) token (can be retrieved at the Zapper Merchant Portal).
  • Installation

    The Zapper payment provider for Shopify is available via this link: https://www.shopify.com/login?redirect=authorize_gateway%2F1030428

    NOTE: After clicking this link, you will be required to log into your Shopify store to install the Zapper payment provider.

    Zapper Payment Gateway Installation

    Configuration

    Navigating to the Zapper Settings

    Once installed, configure the Zapper payment provider as follows:

    1. Go to Settings > Payments
    2. Under "Alternative payment methods", click the "Edit" button next to "Zapper is active":
    Zapper Payment Gateway Installation

    NOTE: If Zapper is not listed as active, it may need to be activated by clicking on "Choose alternative payment" and then selecting Zapper.

    Configuring the plugin

    Configure the Zapper plugin as follows:

    1. Enter your Zapper Shopify ID in the format: {merchant_id}-{site_id}, e.g. 1234-5678
    2. Enter your unique POS Token
    3. Save updates by clicking the Save or Activate Zapper button.

    NOTE: The Merchant ID, Site ID and POS token may be retrieved from the Zapper Merchant Portal

    Zapper Payment Provider Configuration

    NOTE: Do not use the ID's in this example. Retrieve your ID's from the Zapper Merchant Portal

    Warning: Make sure to leave the Use test mode option unchecked

    Checkout and Payments

    This section describes the user experience when checking out and making a payment using the Zapper payment method.

    Checkout

    NOTE: Checkout page may differ slightly based on the Shopify theme.

    On Checkout the user will be provided with Zapper as a payment provider option. The following image is a snippet of the payment options on the Shopify checkout page:

    Zapper Payment Provider on Shopify Checkout

    Payments

    The payment process is as follows:

    1. When a user selects the Zapper payment option and proceeds to complete the order, the user will be redirected to the Zapper payment gateway.
    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 confirmation page.
    Zapper Payment Gateway Page
    Zapper Payment Gateway Page - Successful Payment


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

    Snippet of Shopify Order Confirmation Page

    Athena UI Kit Template

    4 Facts About Athena

    To design is much more than simply to assemble, to order, or even to edit: it is to add value and meaning, to illuminate, to simplify.

    450

    Cups of Coffee

    2488

    Support

    3499

    Line of Code

    1230

    Happy Hours

    Artemas UI Kit Template

    Our Latest Blog Posts

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum. Duis cursus, mi quis viverra ornare

    SEO

    11 Advanced SEO Techniques & Tips To Boost Search Traffic in 2021

    What determines SEO search factors? The elements that contribute to how and where your site is displayed on the Google results page; impact how your content makes its way to your audience. Understanding SEO is crucial to significantly increase your traffic and brand awareness. Come learn more about Advanced SEO Techniques for 2021!

    Thursday, March 11, 2021

    Shopify

    Breaking News! Google Ads to Phase Out Modified Broad Match

    Google announced today what is potentially a large change for certain paid search managers: the broad-match modified version of keywords will be going away. Modified broad match will be sunset, with phrase match taking over. Here's what this means for advertisers and how queries match to keywords.

    Wednesday, February 24, 2021

    Shopify

    Why you should be blogging on your Shopify store in 2021 and how to do it!

    Blogging is most definitely still alive and kicking – and will be throughout 2021 and beyond! Blogging is fast becoming the quickest way to express yourself online. With it being both free and potentially valuable to start a blog, more people are joining the blogging community than ever; so why should you join too? What is so good about blogging that means everyone should have a go?

    Thursday, February 11, 2021