# IDTech VP8300

The **JavaScript SDK** supports an IDTech VP8300 card reader for payments acceptance. This card reader supports three interaction methods:

* Contactless
* Chip
* Swipe

{% hint style="warning" %}
Ensure the **VP8300** card reader has a USB connection to communicate with the JavaScript SDK.
{% endhint %}

## Prerequisites <a href="#prerequisites" id="prerequisites"></a>

Before using the **VP8300** card reader, make sure you have the following:

:white\_check\_mark: Use a device with Windows or macOS that includes a USB port.

:white\_check\_mark: Serve your application over HTTPS in both development and production environments.

:white\_check\_mark: Your domain must have a valid SSL certificate.

:white\_check\_mark: Implement the manual card entry of the JavaScript SDK solution.

## Process payment <a href="#initializing-the-sdk" id="initializing-the-sdk"></a>

To process payment using the IDTech VP8300:

{% stepper %}
{% step %}
Add the `ClearentSDK.init()` function that has the `enableReader` flag set to `true` and the `deviceType` set to `IDTECH`.

{% code lineNumbers="true" %}

```javascript
ClearentSDK.init({
                  "baseUrl": "https://gateway-sb.clearent.net",
                  "pk": "YOUR PUBLIC KEY GOES HERE"
                  "enableReader":true,
                  "deviceType": "IDTECH"
                 });
```

{% endcode %}
{% endstep %}

{% step %}
Plug the card reader into a USB port on your device.

{% hint style="info" %}
Use an external adapter if your device does not have a USB port.
{% endhint %}
{% endstep %}

{% step %}
Select the **Reader** button next to the Card Number input field to complete the entry of card details into the fields of the payment form.

<figure><img src="https://content.gitbook.com/content/yN9CLsR8tlS8G8avRMB5/blobs/FdgCaTuVeW5rZhKImtq7/image.png" alt=""><figcaption><p>Payment form</p></figcaption></figure>
{% endstep %}

{% step %}
Present the card when you see the **Ready for card reader…** message on the payment form.

<figure><img src="https://content.gitbook.com/content/yN9CLsR8tlS8G8avRMB5/blobs/djWEk7j36dZiLho7sZ7N/image.png" alt=""><figcaption><p>Payment form</p></figcaption></figure>

{% hint style="warning" %}
Do not present the card to the reader unless you see the message ‘**Ready for card reader…**’ on the Payment Details form to avoid incorrectly filling the card data into the fields.
{% endhint %}

The **Payment Details** section displays the masked information in the fields.

<figure><img src="https://content.gitbook.com/content/yN9CLsR8tlS8G8avRMB5/blobs/8hrq3x4E8WcvkTEgGNMO/image.png" alt=""><figcaption><p>Payment form</p></figcaption></figure>

{% hint style="info" %}
To clear the information from all fields in the Payment Details form, select the **Clear** button in the upper-right corner.
{% endhint %}
{% endstep %}

{% step %}
Select the **Submit Payment** button.

<figure><img src="https://content.gitbook.com/content/yN9CLsR8tlS8G8avRMB5/blobs/obGuB8hmblKg8C2yuCUy/image.png" alt=""><figcaption><p>Payment form</p></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
The `success` and `error` functions are triggered when you call the mobile JWT or ACH mobile JWT to create a secure JWT, which presents the card or ACH data. See [ACH Transaction](https://docs.xplorpay.com/guides/payment-processing-solutions/ach-transactions) for more information.
{% endhint %}

## Connect HID Mode <a href="#connecting-in-hid-mode" id="connecting-in-hid-mode"></a>

When you connect to the [VP8300](https://idtechproducts.com/products/vp8300/) in HID mode, a security window appears in your browser. This window allows you to select the terminal for connecting to the VP8300 in HID mode, enabling access to the [VP8300](https://idtechproducts.com/products/vp8300/) device.

<img src="https://content.gitbook.com/content/yN9CLsR8tlS8G8avRMB5/blobs/TzUVZhrwjBv6UehrWAmh/image.png" alt="" data-size="original">

Before connecting to the [VP8300](https://idtechproducts.com/products/vp8300/) in HID mode, you must:

:white\_check\_mark:Set the [VP8300](https://idtechproducts.com/products/vp8300/) Card Reader to HID mode.

:white\_check\_mark: Enable the `is-hid-reader-enabled` field on the terminal of your public key.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.xplorpay.com/guides/payment-processing-solutions/javascript/idtech-vp8300.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.