> ## Documentation Index
> Fetch the complete documentation index at: https://docs.onflay.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Link de pago

> Nivel 0 — cobra con una sola URL hospedada. Cero código de backend, con parámetros opcionales de UTM y prefill.

Un **link de pago** es una URL de checkout hospedado para una oferta.
Compártelo donde quieras — landing page, email, WhatsApp, link-in-bio, un
`<a href>` en tu app — y Onflay maneja el pago, impuestos, recibos y pagos.
Esto es el Nivel 0 de la [escalera de integración](/developers/escalera-de-integracion):
cero código de backend.

<Note>
  Para creadores, la guía de share y mensajería está en
  [Compartir tu link de venta](/creadores/link-de-venta). Esta página es la
  referencia técnica para integradores.
</Note>

## Crea un link de pago

1. Crea una oferta en el dashboard (sandbox o live).
2. Abre la oferta y copia el **link de pago** (también disponible desde la
   tarjeta de la oferta / espacio).
3. Compártelo.

El link apunta al checkout hospedado de Onflay. El comprador revisa la oferta,
paga con tarjeta en USD, y Onflay registra la venta. Onflay es el Merchant of
Record de impuestos, reembolsos, disputas y pagos — sin plumbing financiero de
tu lado.

## Link desde tu app

Si quieres un botón "Comprar" en tu UI sin escribir backend, solo enlaza:

```html theme={"dark"}
<a href="https://pay.onflay.com/l/main-saas">Comprar Pro</a>
```

Para compradores dinámicos, añade los query params de abajo para prefill del
checkout y atribución de la venta.

## Parámetros de UTM y prefill

Todos opcionales. Añádelos a la URL del link de pago.

| Parámetro        | Para qué                                                                |
| ---------------- | ----------------------------------------------------------------------- |
| `customer_email` | Pre-rellena el email del comprador en el checkout                       |
| `customer_name`  | Pre-rellena el nombre del comprador                                     |
| `discount_code`  | Aplica un código de descuento al checkout                               |
| `reference_id`   | Tu id interno de orden / sesión; se devuelve en webhooks y el dashboard |
| `utm_source`     | Atribución — fuente                                                     |
| `utm_medium`     | Atribución — medio                                                      |
| `utm_campaign`   | Atribución — campaña                                                    |
| `utm_content`    | Atribución — variante de contenido                                      |
| `utm_term`       | Atribución — término de búsqueda                                        |

Ejemplo:

```
https://pay.onflay.com/l/main-saas?customer_email=buyer@example.com&reference_id=order_789&utm_source=newsletter&utm_medium=email&utm_campaign=julio_launch
```

## Confirmar acceso después de un link de pago

Como el link de pago es Nivel 0, puede que no tengas backend. Si lo tienes y
quieres gatear features server-side, empareja el link con un
`externalCustomerId` (pásalo como `reference_id` o vía tu propio redirect) y
haz poll de [customer-access](/developers/customer-access):

```bash theme={"dark"}
curl https://api.onflay.com/v1/customer-access/user_123 \
  -H "Authorization: Bearer $ONFLAY_API_KEY"
```

Si aún no tienes backend, el dashboard muestra cada venta y suscriptor de la
oferta — empieza ahí y sube la escalera cuando necesites confianza
server-side.

## Cuándo subir al Nivel 1

Pasa a [checkout por catálogo](/developers/inicio-rapido) (Nivel 1) cuando
necesites:

* UI de precios server-controlled generada desde el recipe.
* `externalCustomerId` por usuario atado a tu sistema de auth.
* Creación de checkout protegida con `Idempotency-Key`.
* Confirmación de pago server-side (poll de receipt o customer-access).

Mientras tanto, los links de pago son una ruta completa y production-grade.

<CardGroup cols={2}>
  <Card title="Escalera de integración" icon="stairs" href="/developers/escalera-de-integracion">
    Dónde se ubica el Nivel 0 en los 4 niveles.
  </Card>

  <Card title="Inicio rápido (Nivel 1 + 2)" icon="rocket" href="/developers/inicio-rapido">
    Sube cuando necesites backend.
  </Card>
</CardGroup>