Implemente rápidamente páginas de pago compatibles con dispositivos móviles con Stripe Checkout

Stripe Checkout es Raya Proporciona una solución de página de pago alojada que admite una gran variedad de métodos de pago y un diseño adaptable a dispositivos para ayudar a los desarrolladores a integrar rápidamente soluciones que no requieran la creación de una interfaz de usuario de pago compleja. En este artículo se describe cómo utilizar Stripe Checkout para crear rápidamente una página de pago adaptada a dispositivos móviles, desde la configuración básica hasta la...Parámetros personalizadosy lograr progresivamente la puesta en marcha del despliegue.

I. ¿Qué es Stripe Checkout?

Stripe Checkout es un servicio proporcionado por StripePágina de pagos alojadosEsto puede hacerse mediante una sencilla configuración:

Adaptación de las páginas a todos los dispositivos (incluidos móviles y tabletas)
Compatibilidad automática con multiidioma, multimoneda y multidivisa.método de pago(tarjetas de crédito, Apple Pay, Google Pay, etc.)
Validación de pagos integrada (3D Secure, compatible con PCI)
Admite múltiples escenarios, como pagos únicos, suscripciones, cupones, etc.

Su mayor ventaja -En lugar de escribir su propio formulario de pago front-end, basta con crear una sesión y saltar a ella para completar el proceso de pago..

Escenarios típicos para Stripe Checkout

Stripe Checkout es especialmente adecuado para los siguientes escenarios de aplicación:

venta rápidaProductos digitaleso servicio único (por ejemplo, descargas, cursos, reservas)
Alto porcentaje de usuarios móviles, necesidad de ofrecer la página de pago limpia definitiva
Desea poner en marcha los pagos rápidamente pero carece de capacidades de front-end
No necesita una interfaz de usuario totalmente personalizable, sólo quiere recibir pagos de forma rápida y segura.

Proceso de integración mediante Stripe Checkout

Todo el proceso puede dividirse en dos partes:Crear sesión de pago en el backend + Página de pago Front-end Jump.

Paso 1: Prepare su cuenta de Stripe

Regístrese e inicie sesión en su cuenta de Stripe:https://dashboard.stripe.com
Obtener la clave APIVaya a la página Desarrollador→ Claves API.
Clave pública (para uso del front-end)
Clave (para uso interno)

Paso 2: Instalar el SDK oficial de Stripe

Dependiendo del lenguaje backend utilizado en el sitio (por ejemplo, Node.js, PHP,Python etc.), instale el kit de desarrollo oficial de Stripe (SDK).

Paso 3: Crear sesión de pago en el backend

Crear una sesión de pago en el servidor basada en la información del producto (por ejemplo, nombre, precio, cantidad) y la configuración de pago (por ejemplo, moneda, impuestos incluidos o no, código de cupón activado o no, etc.).

Paso 4: Llevar al usuario a la página de pago de Stripe

El botón "Comprar" de su sitio web o aplicación debe enlazar con la cuenta de Stripe generada en el paso 3. Página de pagoPago con Stripe. Cuando el usuario hace clic en el botón, se le redirige a la página de Stripe Checkout.

Paso 5: El cliente completa el pago y vuelve a su sitio web

Los usuarios pueden completar un pago en la página de pago de Stripe después de que se haya completado en esa página:

Mostrar mensaje de pago correcto

Ventajas de la experiencia móvil de Stripe Checkout

1. Diseño adaptativo

Página de pago de StripeSe adapta automáticamente a móviles, tabletas y ordenadores de sobremesaLa aplicación está diseñada para ser muy fluida y fácil de usar, sin necesidad de que los desarrolladores realicen ajustes adicionales en el estilo. Los usuarios pueden abrir el enlace de pago en el navegador del móvil y disfrutar de una experiencia similar a la de una app.

2. Compatibilidad con métodos de pago por móvil

La página de pago muestra automáticamente el método de pago adecuado en función del dispositivo del usuario:

Pantalla del iPhone Apple Pay
Android Mostrar Google Pay
Soporta pago WeChat, Alipay (dependiendo de la apertura de la cuenta)

V. Pruebas y recomendaciones para la puesta en marcha

1. Prueba de tarjetas con Stripe

Stripe ofrece una serie de números de tarjeta de prueba para probar todo el proceso sin tener que realizar un pago real:

tipo de tarjeta	número de tarjeta	instrucciones
Pago satisfactorio general	4242 4242 4242 4242	más comunes
Falta de pago	4000 0000 0000 9995	desencadenará un evento de fallo
3D Secure	4000 0027 6000 3184	Probar la página de verificación de seguridad 3D

2. Activación de Webhooks

Para realizar un envío automático o enviar una notificación una vez completado el pago, puede escuchar los siguientes eventos:

checkout.session.completed: Pago efectuado
payment_intent.succeededPago efectuado

VI. Problemas comunes y soluciones

¿Puedo personalizar la interfaz de usuario de Stripe Checkout?

No se puede personalizar completamente, pero se puede hacer a través de la configuración de marca yConfiguración de parámetrosCambia el esquema de colores y los elementos de visualización. Si necesita personalizar completamente el front-end, considere la posibilidad de utilizar la función Elementos de rayas.

¿Puedo abrir la página de pago en una aplicación o app de WeChat?

La página de Stripe Checkout se puede cargar en una WebView y se recomienda abrirla en un navegador para asegurarse de que Apple Pay, Google Pay, etc. funcionan correctamente.

¿Cómo interactuar con el sistema de afiliación o el sistema de pedidos?

En la creación del Sesión de pago Cuando el metadatos Los campos se pasan con el ID de usuario, el número de pedido, etc. y se leen y procesan posteriormente tras un webhook o un salto con éxito.

VII. Resumen

Raya Checkout es adecuado para comerciantes y desarrolladores que no requieren grandes conocimientos de desarrollo front-end y desean ofrecer una experiencia de pago profesional, segura y adaptada a dispositivos móviles. Se puede realizar mediante una configuración sencilla:

Adaptación móvil
Múltiples formas de pagorespaldo
Garantía de cumplimiento de la seguridad
Administración de back-office madura y apoyo a la conciliación

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres