Paso 1: Importar la librería JS de Directo Pago

El primer paso para generar un botón de pago es incluir la librería JS de la siguiente manera:

<script src="https://static.directopago.com/directopago.min.js"></script>

Paso 2: Crear una instancia de DirectoPago

Para generar una instancia de Directo Pago, precisará utilizar su API Key que puede ser obtenida desde el Panel.

const directoPago = new DirectoPago('API_key');

Paso 3: Generar el botón de pago

Para poder generar un botón de pago, deberá utilizar los parámetros de configuración. Los parámetros requeridos soncountry y amount los cuales se utilizan para indicar el país en el cuál se desea realizar el pago y el monto. También se puede incluir el parámetro currency (si no se incluye, se asume por defecto USD como moneda para el pago).

Luego de definir el array de parámetros, el mismo debe ser utilizando al invocar la función createCheckout junto con el ID del elemento HTML del DOM donde se quiere desplegar el botón.

const params = {
		country: 'BR',
		currency: 'BRL',
		amount: 700.00
	}
	
directopago.createCheckout('CONTAINER_ID', params);