Stripe Payment Links: configuración, botones para tu web y páginas de agradecimiento
Guía de Payment Links de Stripe
Payment Link de Stripe: configúralo, inserta un botón y redirige tras el pago | We.Inc
Crea un Payment Link de Stripe, ponlo en tu web como un botón con estilo o como Buy Button, lleva a los compradores a tu propia página de agradecimiento y mide qué campaña generó la venta. Con código de botones listo para copiar.
Un Payment Link de Stripe es una página de pago alojada que creas en el Dashboard de Stripe sin código. Crea un producto con un precio, genera el enlace y ponlo detrás de un botón en tu sitio. Puedes redirigir a los compradores a tu propia página de agradecimiento después del pago y añadir parámetros al enlace para rellenar de antemano el email o etiquetar la venta.
¿Payment Link, Buy Button o Checkout?
Opción
Código necesario
Ideal para
Payment Link
Ninguno; compartes o enlazas una URL
Vender pocos productos, facturas por enlace, bios de redes sociales
Buy Button
Pegar un script y una etiqueta
Un botón con el estilo de Stripe insertado en tu página
Checkout (API)
Código de servidor que crea cada sesión
Carritos, precios por cliente, apps con inicio de sesión
Esta guía cubre la configuración en el Dashboard, tres formas de poner el enlace en una web, la redirección a tu propia página de pago completado, los parámetros del enlace para rellenar datos y hacer seguimiento, y los ajustes que la gente pasa por alto: impuestos, cantidades y códigos promocionales.
En el Dashboard de Stripe, añade un producto con un nombre, una imagen y un precio único o recurrente.
Crea un enlace de pago para ese precio y elige opciones como la cantidad, los códigos promocionales, el cobro de impuestos y qué datos recoger.
En los ajustes posteriores al pago, mantén la página de confirmación de Stripe o redirige a una página de tu propio sitio.
Copia el enlace y ponlo detrás de un botón en tu web, o crea un Buy Button y pega su código de inserción.
Prueba todo el flujo en modo de prueba con la tarjeta de prueba de Stripe, luego cambia al modo real y repítelo con una compra real que después reembolses.
Crea un enlace por cada producto y precio. Cuando cambie el precio, crea un enlace nuevo y sustitúyelo en tu sitio en lugar de reutilizar un enlace al que todavía apuntan publicaciones y emails antiguos.
Activa los códigos promocionales en los ajustes del enlace si piensas hacer descuentos. Así, los códigos que crees más adelante funcionarán sin tocar el sitio.
Lleva a los compradores a tu propia página de agradecimiento para mostrarles los siguientes pasos, medir la conversión y ofrecerles algo relacionado.
Escribe en el botón una etiqueta clara con el precio, por ejemplo Comprar la plantilla, $29. Menos sorpresas en el pago significa menos pagos abandonados.
Preguntas frecuentes
¿Los Payment Links cuestan algo extra?
Stripe no cobra por el enlace en sí. Pagas la comisión de procesamiento normal de Stripe por cada pago completado, que depende de tu país y del método de pago. Usa la calculadora de comisiones de procesamiento de pagos para ver cuánto te deja neto una venta.
¿Se puede vender una suscripción con un Payment Link?
Sí. Ponle al producto un precio recurrente, por ejemplo mensual o anual, y el enlace inicia una suscripción. Después, los clientes pueden gestionarla desde el portal de clientes de Stripe si lo activas.
¿Cómo redirijo a mi propia página después del pago?
En los ajustes posteriores al pago del enlace, elige no mostrar la página de confirmación de Stripe e introduce la URL de tu página. Puedes incluir {CHECKOUT_SESSION_ID} en la URL, y Stripe lo sustituye por el ID de la sesión para que tu página o tu servidor puedan consultar el pedido.
¿Basta con la redirección para entregar un producto digital?
Por sí sola, no. Cualquiera que tenga la URL puede abrir una página de agradecimiento. Para descargas o acceso a cuentas, haz la entrega mediante algo que Stripe confirme, como un webhook en tu servidor, una automatización que reaccione al pago o una plataforma de entrega conectada a Stripe.
¿Puedo ver de qué campaña viene una venta?
Sí. Stripe documenta utm_source, utm_medium, utm_campaign, utm_term y utm_content como parámetros del enlace, y client_reference_id para tu propia referencia. Añádelos al enlace detrás de cada anuncio o publicación.
Configurar el enlace
Empieza en modo de prueba para que no se cobre nada real. Crea primero el producto, porque el enlace se construye a partir de un producto y un precio. Añade un nombre claro y una imagen cuadrada; ambos aparecen en la página de pago.
Al crear el enlace, decide qué datos recoger: dirección de facturación, dirección de envío, número de teléfono o campos personalizados como el nombre de la empresa. Cada campo extra te cuesta algunos pagos completados, así que pide solo lo que necesitas para entregar el pedido.
Si vendes a lugares que cobran impuesto sobre las ventas o IVA, activa el cobro automático de impuestos, que usa Stripe Tax y requiere tener configurados tus registros fiscales. Si no, incluye el impuesto en tu precio e indícalo en la página.
Ponerlo en tu sitio
La vía más sencilla es un enlace normal con estilo de botón, que carga al instante y encaja con tu diseño. Los ejemplos de abajo ofrecen tres estilos para copiar. El Buy Button es la segunda vía: Stripe dibuja el botón por ti dentro de tu página y gestiona el clic.
Abre el enlace en la misma pestaña. Abrir el pago en una pestaña nueva confunde a la gente en el móvil y rompe la vuelta a tu página de agradecimiento.
Código de botones para tu enlace de pago
Sustituye el href por tu propio enlace. Cada botón es un enlace normal, así que funciona en cualquier creador de sitios que acepte HTML.
Botón sólido con precio
Un botón llamativo a todo el ancho en el móvil que se ajusta a su contenido en pantallas más anchas.
Tarjeta de precio con botón
Una pequeña tarjeta para un único producto con lo que incluye y una frase tranquilizadora bajo el botón.
Botón con contorno para una opción secundaria
Usa un estilo más discreto para un segundo precio, como un plan anual junto a uno mensual.
Insertar el Buy Button de Stripe
Crea el Buy Button desde la página del enlace de pago en el Dashboard y pega el código que te da. Tiene esta forma.
Código de inserción del Buy Button
El script se carga una vez por página; cada etiqueta stripe-buy-button dibuja un botón. Los IDs vienen de tu Dashboard.
Buy Button en React
Carga el script una vez y después renderiza el elemento personalizado. En TypeScript puede que tengas que declarar el elemento en un archivo .d.ts.
Parámetros del enlace para rellenar datos y hacer seguimiento
Añádelos al final del enlace como query string. Los valores deben ir codificados para URL.
Parámetros de URL de Payment Link documentados por Stripe
Parámetro
Ejemplo
Qué hace
?prefilled_email=ana%40example.com
Rellena el campo de email
?prefilled_promo_code=LAUNCH20
Aplica un código promocional (los códigos promocionales deben estar activados)
Copia las etiquetas UTM de la URL de la página a cada enlace de pago de la página, para que la venta se atribuya al anuncio o la publicación que trajo al visitante.
Una página de agradecimiento que lee la sesión
Configura la redirección posterior al pago a una URL como https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. La página puede mostrar enseguida un mensaje amable y, si tienes un servidor, confirmar el pago.
Cuerpo de la página de agradecimiento
HTML sencillo que funciona en cualquier sitio. Deja la entrega real (enlace de descarga, acceso a la cuenta) detrás de una comprobación en el servidor o de un webhook.
Confirma la sesión en tu servidor (Node)
Usa la librería oficial de Stripe para Node. Nunca te fíes solo de la URL; pregúntale a Stripe si la sesión se pagó.