---
title: "Pago único"
description: "¿Cómo aceptar pagos únicos de tus clientes con LaunchFa.st?"
source: "https://www.launchfa.st/es/documentation/tutorials/one-time-payment"
---

> **Site index for agents**
> Fetch https://www.launchfa.st/llms.txt to discover every page on this site.
> Every page is also available as Markdown by appending `.md` to its URL.

import { Tabs, TabItem } from '@astrojs/starlight/components'

Capturar pagos únicos es facilísimo con LaunchFa.st. Los procesos posteriores al pago, como actualizar usuarios en una base de datos o enviarles correos, resultan súper fáciles con las APIs que incluye LaunchFa.st.

## Aceptar pagos con Stripe

Para empezar a aceptar pagos con Stripe y crear sesiones de checkout:

- Actualiza el `STRIPE_SECRET_KEY` en el archivo `.env`
- Importa el componente Button-Checkout para empezar a aceptar pagos. Por ejemplo, en la página de inicio:

<Tabs>

<TabItem label="Astro">

```astro
---
import ButtonCheckout from '@/components/Button-Checkout.astro'
---

<html>
  <body>
    <ButtonCheckout />
  </body>
</html>
```

</TabItem>

<TabItem label="SvelteKit">

```svelte
<script>
import ButtonCheckout from '@/components/Button-Checkout.svelte'
</script>

<ButtonCheckout />
```

</TabItem>

</Tabs>

<div style="height: 1px; background: #C1C1C150; width: 100%;" />

Haz clic en el botón de pago para realizar un pago con el número de tarjeta de crédito `4242 4242 4242 4242`.

El webhook de Stripe se disparará y el usuario se creará en la base de datos.

Puedes añadir tu propia lógica en `src/pages/api/stripe/webhook.js`, como enviar un correo usando el helper de resend, activar un booleano en la base de datos para dar cierto acceso, etc.

## Aceptar pagos con Lemon Squeezy

Una vez que hayas terminado de configurar tu cuenta de Lemon Squeezy y de añadir tu(s) producto(s), importa el componente Button-LS-Checkout para empezar a aceptar pagos. Por ejemplo, en la página de inicio:

<Tabs>

<TabItem label="Astro">

```astro
---
import ButtonLSCheckout from '@/components/Button-LS-Checkout.astro'
---

<html>
  <body>
    <ButtonLSCheckout product_url="https://launchfast.lemonsqueezy.com/checkout/buy/30dd570f-3598-440d-a29a-1e002bda0eb6?checkout[discount_code]=M0OTIWMA" />
  </body>
</html>
```

</TabItem>

<TabItem label="SvelteKit">

```svelte
<script>
import ButtonLSCheckout from '@/components/Button-LS-Checkout.svelte'
</script>

<ButtonLSCheckout
    product_url="https://launchfast.lemonsqueezy.com/checkout/buy/30dd570f-3598-440d-a29a-1e002bda0eb6?checkout[discount_code]=M0OTIWMA"
/>
```

</TabItem>

</Tabs>

<div style="height: 1px; background: #C1C1C150; width: 100%;" />

Haz clic en el botón de pago para realizar un pago con el número de tarjeta de crédito `4242 4242 4242 4242`.

El webhook de Lemon Squeezy se disparará y el usuario se creará en la base de datos.

Puedes añadir tu propia lógica en `src/pages/api/lemonsqueezy/webhook.js`, como enviar un correo usando el helper de resend, activar un booleano en la base de datos para dar cierto acceso, etc.
