Integraciones y API

¿Cómo integrar Recurrente con Bubble?

Guía de integración para la plataforma Bubble.

Actualizado 31 de julio de 2026

En esta guía vamos a hacer un flow de checkout de Recurrente usando Bubble.

Paso 1: Crea un plugin de API Connector hacia Recurrente

Desde API Connector, haz click en Add Another API

API Connector de Bubble con una API llamada Recurrente y el botón Add another API

Para sacar tus keys, ve a configuración:

Sección Claves de API en Configuración de Recurrente con flechas hacia las claves Live

Llena los datos de la siguiente manera:

Configuración de la API en Bubble con X-PUBLIC-KEY y X-SECRET-KEY como llaves de autenticación

Llamada Create Checkout en Bubble: POST a app.recurrente.com/api/checkouts con body JSON de items

{ "items": [{ "price_id": "<priceId>" }] }

Paso 2: Crear un Checkout al hacer click en un botón

Crea un botón en tu página que diga "Pagar ahora"

Workflow de Bubble al hacer clic en Pagar Ahora: crear checkout y abrir la checkout_url externa

En caso necesiten user:

Paso Make changes to User en Bubble guardando el resultado del checkout en el campo recurrente_id

Paso 3: Webhooks

Click en Webhook Dashboard

Sección Claves de API de Recurrente con el botón Webhook Dashboard en la esquina superior derecha

Click en Add Endpoint

Listado de endpoints de webhooks con el botón Add Endpoint y una URL de Bubble registrada

Ir a backend workflows:

Menú de páginas del editor de Bubble con la opción Backend workflows al final

Crear un workflow nuevo:

API workflow recurrente-endpoint en Bubble expuesto como público con Detect request data

Endpoint URL:

Ventana Detecting Request Data de Bubble mostrando la URL del endpoint terminada en /initialize

IMPORTANTE: Luego de inicializar, editar el endpoint y quitarle /initialize

Ventana API Workflow Request data con el campo created_at configurado como tipo date

Cambiar created_at a type = date

payment_intent.succeeded payment_intent.failed subscription.create subscription.past_due subscription.cancel

Hacer las acciones correspondientes a cada event_type:

Workflow del endpoint con acción Make changes to User condicionada al event_type payment_intent.failed

¿Necesitas más ayuda? Contacta a soporte por correo [email protected] o escríbenos por WhatsApp.