Installation

In this guide, you’ll learn how to install and initialize OpenPay.js in your project by using either OpenPay’s package manager or CDN, so you can start securely collecting and tokenizing payment data.

Option 1: Via Package Manager

Install @getopenpay/openpay-js using your preferred package manager:

npm install @getopenpay/openpay-js

yarn add @getopenpay/openpay-js

pnpm add @getopenpay/openpay-js

Then import and initialize the form:

// index.js
import { OpenPayForm } from '@getopenpay/openpay-js';
const opForm = new OpenPayForm();

Option 2: Via CDN

Add the following script tag to your HTML file:

<!-- index.html -->
<script src="https://cdn.jsdelivr.net/npm/@getopenpay/openpay-js@latest/dist/index.umd.js"></script>
<script>
  const opForm = new OpenPay.OpenPayForm();
</script>