Ofrece tarjetas ACR Card desde tu propio sitio.

1. El visitante elige tarjeta y rellena sus datos en el widget
2. El widget llama a POST /v1/card-requests con tu clave pública
3. Recibes el id de la solicitud (req_…) y el visitante ve la confirmación
4. Nuestro equipo la revisa y le envía las instrucciones en 24–72 h
5. Tú consultas el estado cuando quieras con tu clave secreta

<div id="acr-card"></div>

<script src="https://acr-pay.com/embed.js"
        data-key="acr_pk_TU_CLAVE_PUBLICA"
        data-target="#acr-card"></script>

<script src="https://acr-pay.com/embed.js"></script>
<script>
  const widget = ACRCard.mount('#acr-card', {
    key: 'acr_pk_TU_CLAVE_PUBLICA',
    tier: 'vip',            // tarjeta preseleccionada
    lang: 'es',
    accent: '#1a5a85',      // color de acento, para casarlo con tu sitio
    onStep(step)     { console.log('paso:', step) },
    onComplete(data) { console.log('solicitud enviada:', data.cardType) },
  })

  // widget.destroy() lo retira y libera el escuchador de mensajes
</script>

const contenedor = document.querySelector('#acr-card')

contenedor.addEventListener('acrcard:step', (e) => {
  // e.detail.step → 'tier' | 'form' | 'success'
  gtag('event', 'acr_paso', { paso: e.detail.step })
})

contenedor.addEventListener('acrcard:submitted', (e) => {
  // e.detail.cardType → 'acr' | 'vip' | 'daily'
  // e.detail.duplicate → true si ya existía una solicitud igual
  gtag('event', 'acr_solicitud', { tarjeta: e.detail.cardType })
})

Content-Security-Policy:
  script-src 'self' https://acr-pay.com;
  frame-src  'self' https://acr-pay.com;

curl https://acr-pay.com/api/v1/card-requests \
  -H "Authorization: Bearer acr_sk_TU_CLAVE_SECRETA" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Ana",
    "surname": "Pérez Gómez",
    "document": "X1234567Z",
    "email": "ana@ejemplo.com",
    "phone": "+34600111222",
    "card_type": "acr",
    "external_ref": "pedido-4821"
  }'

{
  "id": "req_9f2a4c8e1b7d3a5f6c0e2d41",
  "object": "card_request",
  "status": "pending",
  "card_type": "acr",
  "cardholder": {
    "name": "Ana",
    "surname": "Pérez Gómez",
    "email": "ana@ejemplo.com",
    "phone": "+34600111222"
  },
  "external_ref": "pedido-4821",
  "source_url": "https://tu-sitio.com/tarjetas",
  "created_at": "2026-09-01T10:24:11.482Z",
  "duplicate": false,
  "request_id": "req_trace_4b1c9e02aa73f5d8"
}

const res = await fetch('https://acr-pay.com/api/v1/card-requests', {
  method: 'POST',
  headers: {
    Authorization: `Bearer ${process.env.ACR_SECRET_KEY}`,
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    name, surname, document, email, phone,
    card_type: 'acr',
    external_ref: pedidoId,   // tu identificador: hace el reintento seguro
  }),
})

const solicitud = await res.json()
if (!res.ok) throw new Error(solicitud.error.message)

<?php
$ch = curl_init('https://acr-pay.com/api/v1/card-requests');
curl_setopt_array($ch, [
  CURLOPT_POST           => true,
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_HTTPHEADER     => [
    'Authorization: Bearer ' . getenv('ACR_SECRET_KEY'),
    'Content-Type: application/json',
  ],
  CURLOPT_POSTFIELDS => json_encode([
    'name'         => $nombre,
    'surname'      => $apellidos,
    'document'     => $documento,
    'email'        => $email,
    'phone'        => $telefono,
    'card_type'    => 'acr',
    'external_ref' => $pedidoId,
  ]),
]);

$solicitud = json_decode(curl_exec($ch), true);

curl "https://acr-pay.com/api/v1/card-requests?limit=25&status=pending" \
  -H "Authorization: Bearer acr_sk_TU_CLAVE_SECRETA"

{
  "object": "list",
  "data": [ { "id": "req_9f2a…", "status": "pending", … } ],
  "has_more": true,
  "next_cursor": "Y3JfNDgyMQ",
  "request_id": "req_trace_1a0f…"
}

{
  "error": {
    "type": "invalid_request_error",
    "code": "invalid_parameter",
    "message": "El teléfono debe ir en formato internacional, por ejemplo +34600111222.",
    "param": "phone"
  },
  "request_id": "req_trace_9d02f7b1c4e6a380"
}