Aprende a integrar una pasarela de pago en tu aplicación Bubble.io con nuestra guía fácil paso a paso y lleva tu plataforma de comercio electrónico al siguiente nivel.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
La incorporación de una pasarela de pago con Stripe en tu aplicación Bubble.io implica varios pasos esenciales. Para ayudarte en este proceso, aquí te presento una guía simple, paso a paso:
Paso 1: Comienza instalando el Plugin de Stripe en tu aplicación Bubble.io. Este plugin te permitirá cobrar tarjetas de crédito y manejar suscripciones para tus usuarios. Puedes habilitar Strong Customer Authentication (SCA) desde el menú del plugin seleccionando "Checkout v3".
Paso 2: Configura acciones para cobrar al usuario actual, pidiéndole que ingrese su información de la tarjeta de crédito. Cuando un usuario es cobrado con éxito, la respuesta de Stripe, como el ID del cargo de Stripe, la cantidad y la confirmación, se puede acceder en las acciones posteriores como 'Resultado del paso anterior'.
Paso 3: Define el 'Correo electrónico del pagador' como el correo electrónico del usuario que se va a cobrar. Típicamente, usarás 'Correo electrónico del usuario actual'.
Paso 4: Ingresa la 'Cantidad' a ser cobrada. Puedes insertar datos dinámicos dependiendo del precio de tu producto o servicio.
Paso 5: Define el 'Nombre' del producto que aparecerá en el flujo de pago y el recibo de correo electrónico de Stripe.
Paso 6: Proporciona una 'Descripción' para tu producto o servicio, que aparecerá en el flujo de pago y el correo electrónico al usuario.
Paso 7: Si tienes una 'Imagen' que representa tu producto o servicio, añádela para que aparezca durante el flujo de pago.
Paso 8: Especifica la 'Moneda' de la transacción. Si no está listada, puedes añadirla manualmente.
Paso 9: Personaliza la 'Leyenda del botón' para el formulario de Pago de Stripe. Ten en cuenta que la cantidad se incluirá en la leyenda cuando esté en vivo.
Paso 10: Opcionalmente, crea un 'Descriptor de declaración' para personalizar cómo aparecerá el pago en el estado de cuenta del cliente.
Paso 11: Decide si 'Autorizar solo el cargo', lo que significa que el cargo será autorizado pero no capturado inmediatamente; puedes capturarlo después.
Paso 12: Para mercados, configura los ajustes para asegurar que el pago vaya a otro usuario, como un vendedor o proveedor de servicios, marcando 'El beneficiario de esta transacción es otro usuario'.
Paso 13: Asigna el 'Beneficiario de la transacción', generalmente el creador del producto o servicio que se vende.
Paso 14: Si corresponde, establece una 'Tarifa de la aplicación' que cobrarás en las transacciones. Este debería ser un monto fijo en moneda.
Paso 15: Si planeas ofrecer promociones o descuentos, marca 'Permitir códigos de promoción' para permitir a los usuarios introducir un código durante el pago.
Paso 16: Añade una 'Tasa de impuesto al pago' si es necesario marcando la casilla y asegurándote de que has creado tus objetos de tasa de impuesto en tu Tablero de Stripe.
Paso 17: Decide si mostrar o no un mensaje de éxito predeterminado de Bubble. Si prefieres un mensaje personalizado, desmarca la opción de alerta predeterminada.
Paso 18: Si es necesario, utiliza la acción para 'Recolectar la información de la tarjeta de crédito del usuario' sin cobrar la tarjeta inmediatamente, lo que puede ser útil para pagos demorados o sistemas de financiamiento colectivo.
Finalmente, probar es crucial. Realiza múltiples transacciones de prueba para asegurar que todo funciona como se pretende, especialmente con la forma en que Stripe maneja los cargos y cómo tu aplicación procesa estas transacciones. Esta guía incorpora instrucciones generales, pero consulta la documentación de Stripe y el manual de Bubble.io para requisitos más detallados específicos a tu contexto.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.