# SDK JavaScript

> Camino de integración en el que el formulario de tarjeta vive en tu página y el SDK manda los datos directo a Tilopay.

- kind: guide
- status: stable
- sdk_version: v2
- last_verified: 2026-08-28
- url: https://www.tilopay.com/developers/sdk

## Qué es [#que-es]

Los campos de tarjeta viven en tu página. El SDK V2 toma control de esos inputs y manda los
datos **del navegador directo a Tilopay**: no pasan por tu servidor.

## Para quién es [#para-quien]

Para equipos que quieren controlar el diseño del checkout sin que los datos de tarjeta toquen
su backend. Necesitás frontend con JavaScript y un backend mínimo para obtener el token del
SDK.

## Cómo se arma, en orden [#orden]

1. **Credenciales.** No hay credenciales de sandbox compartidas: obtené las tuyas en
   [registro de developer](/developers/registro).
2. **Token del SDK.** Tu backend lo pide con `POST /api/v1/loginSdk`. Ver
   [autenticación](/developers/api/autenticacion).
3. **Cargá el script.** Ver [instalación](/developers/sdk/instalacion).
4. **Poné los inputs con los ids del contrato** y el contenedor `responseTilopay`. Ver
   [campos del formulario](/developers/sdk/campos-del-formulario).
5. **Iniciá la compra** con [`Tilopay.Init()`](/developers/sdk/reference/init) y mostrale al
   cliente los métodos de pago que devuelve.
6. **Cerrá la compra** con
   [`Tilopay.startPayment()`](/developers/sdk/reference/startpayment). El SDK maneja 3DS y
   renderiza el resultado en tu URL de `redirect`.

## Antes de asumir que estás en pruebas [#entornos]

Pruebas y producción comparten host: el modo se verifica con el campo `test` de `Init()`. Ver
[entornos](/developers/concepts/entornos).

## Cumplimiento [#cumplimiento]

Los datos de tarjeta no pasan por tu servidor, pero tu página los captura: consultá con tu
equipo de cumplimiento el alcance que te corresponde.