EMV JavaScript API for the Creditcall Payment Gateway

If you accept credit card payments from your kiosk or POS then you’ve probably been thinking it’s about time to become EMV compliant.

This can be especially challenging if your kiosk or POS has been developed as a web application.

Options are limited when it comes to finding an EMV JavaScript API that will play nice with your website.

This is why we built an EMV JavaScript API into KioskSimple which interfaces directly to the Creditcall payment gateway.

The following example will show how to easily integrate the Creditcall EMV payment gateway into your web application using the KioskSimple EMV JavaScript API.

Creditcall EMV JavaScript API

EMV JavaScript API Example Website

The following example website demonstrates just how easy we’ve made it to interface with the Creditcall EMV payment gateway using the KioskSimple EMV JavaScript API.

CreditCall EMV JavaScript Test
Example web application for integrating the Creditcall EMV JavaScript API.

EMV JavaScript API Code Example

You can download the example code here called “Creditcall EMV Payment Gateway Example – Web JavaScript”.

You’ll see from the following EMV JavaScript code example the basic flow for interacting with the Creditcall EMV Payment Gateway is as follows…

  1. Initialize the KioskSimple API “window.external.KioskSimpleAPIInit();”
  2. Wire-up the bank events for tracking the user’s credit (OnCreditChanged)
  3. Wire-up the Creditcall EMV Payment Gateway events (OnCardDetails, OnCardNotification, etc…)
  4. Wait for user input

How to get this example working with a free demo of KioskSimple

KioskSimple configuration settings

  1. Download the example here called “Creditcall EMV Payment Gateway Example – Web JavaScript” and store the uncompressed folder on your desktop.
  2. Download and install the free demo of KioskSimple.
  3. Connect your EMV terminal to your PC.  If you don’t have an EMV terminal, you can use the Creditcall virtual pin pad which we’ll explain how to setup later.
  4. Run the KioskSimple Configuration Tool and navigate to the PLUGIN STORE.
  5. Install the Creditcall EMV Payment Gateway Plugin.  The configuration tool will restart and some dependencies will be installed.  You should now see a menu option called CARD READERS.  Navigate there and select the Creditcall EMV Payment Gateway Plugin then press CONFIGURE.
  6. Add your EMV terminal device and enter the settings provided by Creditcall and your EMV terminal.  The settings can be a little confusing so feel free to contact us if you need help.  If you don’t have an EMV terminal, then follow this procedure to setup the virtual terminal.
  7. Navigate to BROWSER->BROWSER SETTINGS and set the Start-up Web Page to the HTML file in this example.  In the case of my PC the path is “file:///C:/Users/Andrew/Desktop/CreditCall/CreditCallTest.html”.  This could also point to your web server if you stored the folder there, but I find it easier to store the files locally for this example.
  8. Save your settings and close the KioskSimple Configuration Tool.

Running the example in KioskSimple

  1. Start KioskSimple.
  2. Select “Try the Demo” and then “Test Mode”.
  3. Now you’ll see the EMV JavaScript API website example shown above.  Press “Get Status” and you should see the status of your EMV terminal or virtual terminal.  You can also press “Start Authorization” to begin your transaction.
  4. When you’re done press ESC and any password will work while KioskSimple is unregistered.

Got Questions?

Please contact us and we’ll get you in touch with a developer.  We offer free phone and email technical support for all of our code examples.  Try finding that anywhere else in this industry.

We’re dedicated to making your next kiosk project a success and are happy to hold your hand through the hardware integration.

Be Sociable, Share!
Andrew Savala
Follow me

Andrew Savala

Andrew Savala is the CEO of RedSwimmer Inc., creators of the kiosk lockdown software KioskSimple. Andrew has been developing kiosk software since 2007, with an emphasis on self-service retail payment applications.
Andrew Savala
Follow me

Author: Andrew Savala

Andrew Savala is the CEO of RedSwimmer Inc., creators of the kiosk lockdown software KioskSimple. Andrew has been developing kiosk software since 2007, with an emphasis on self-service retail payment applications.