.gif)
Aprenda paso a paso cómo integrar con éxito Bubble.io y ConvertKit. Esta guía proporciona información detallada sobre cómo configurar la API y enviar datos desde Bubble.io a ConvertKit.
ConvertKit es una herramienta líder en marketing por correo electrónico diseñada principalmente para creadores - blogueros, podcasters y otros negocios que construyen audiencias. Proporciona capacidades avanzadas de segmentación y automatización, permitiendo a los creadores enviar correos electrónicos dirigidos basados en el comportamiento de los suscriptores. ConvertKit también viene con un constructor de páginas de aterrizaje y un creador de formularios de registro, incluso te permite vender productos digitales y suscripciones.
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.
Integrando Bubble.io con ConvertKit
La integración de Bubble.io y ConvertKit implica dos procesos principales. Primero, tienes que configurar el API de ConvertKit dentro de Bubble.io y luego agregar acciones en tu aplicación Bubble.io para enviar datos a ConvertKit.
Configurando el API de ConvertKit en Bubble.io
Paso 1: Navega hacia el panel de control de Bubble.io
Haz clic en el panel de control y selecciona la aplicación en la que deseas integrar ConvertKit.
Paso 2: Instala el complemento del Conector API
En el editor de tu aplicación, navega a la pestaña "Plugins", haz clic en "Añadir plugins", busca "API Connector" y instálalo.
Paso 3: Añade un nuevo API
Ve al "API Connector" y haz clic en "Añadir otro API."
Paso 4: Configura el API
La configuración implica lo siguiente:
Nombre del API: Ingresa ‘ConvertKit’ como el nombre del API.
Autenticación: Escoge "Ninguna o gestionada por uno mismo."
Encabezados Compartidos: Ingresa lo siguiente:
.png)
.png)
Content-Type application/jsonAdemás,
Authorization Bearer YOUR CONVERTKIT SECRET API KEYPara obtener tu Secret API Key de ConvertKit, navega a la página de API en ConvertKit y copia la clave etiquetada como "Secret API Key."
Paso 5: Añade una llamada de API
Haz clic en "Añadir otra llamada," y realiza la siguiente configuración:
Nombre de la llamada: Ingresa ‘New Subscriber’ como el nombre de la llamada.
Tipo de llamada: Escoge "POST."
Tipo de datos: Escoge "JSON."
Usar como Acción: Marca esta casilla. Esta configuración permite que la llamada de API sea activada manualmente por una acción en Bubble.io.
URL del Endpoint: Ingresa https://api.convertkit.com/v3/forms/YOUR_FORM_ID/subscribe. Reemplaza YOUR_FORM_ID con tu ID de formulario, que se encuentra en tu página de formularios de ConvertKit.
Parámetro del cuerpo: Configura de la siguiente manera:
email Añadir texto...Nota que dentro de la caja Añadir texto, debes ingresar los datos dinámicos que deseas enviar a ConvertKit para que se usen de acuerdo con la documentación de ConvertKit.
Haz clic en "Inicializar llamada," y si todo se ha hecho correctamente, la llamada de API se configurará con éxito.
Agregando Acciones en la Aplicación de Bubble.io para Enviar Datos a ConvertKit
Paso 1: Navega a la pestaña de Flujo de Trabajo
Dentro del editor de tu aplicación, navega a la pestaña "Flujo de Trabajo" y selecciona el flujo de trabajo en el que deseas que se envíen los datos enviados a ConvertKit.
Paso 2: Añade una Acción de Flujo de Trabajo
Haz clic en "+" para agregar una acción al flujo de trabajo.
Paso 3: Selecciona la llamada al API de ConvertKit
Navega a la sección "Plugins" y selecciona la llamada al API de ConvertKit (‘New Subscriber’) que añadiste antes en el Conector API.
Paso 4: Configura la Llamada al API
En el campo ‘Email’, haz clic en "Insertar datos dinámicos..." y selecciona la entrada o los datos que contienen el email del usuario que deseas enviar a ConvertKit.
Paso 5: Prueba la Integración
Para probar la integración, realiza la acción que activa el flujo de trabajo para verificar si ConvertKit está recibiendo los datos. Si todo está configurado correctamente, deberías ver los datos del nuevo suscriptor en tu panel de control de ConvertKit.
Esta guía proporciona una integración básica de Bubble.io y ConvertKit, donde se envían los datos de un nuevo suscriptor a un formulario de ConvertKit. Según tu caso de uso, es posible que necesites agregar más llamadas y acciones al API.
Escenario: Una plataforma de educación en línea está lanzando un nuevo curso. Están utilizando Bubble.io para diseñar una página web para promocionar el curso, donde los posibles estudiantes pueden registrarse para obtener más información sobre él o inscribirse en el curso. La plataforma desea agregar y segmentar automáticamente estas oportunidades en ConvertKit para futuras acciones de marketing y fomento por correo electrónico.
Solución: Integración de Bubble.io con ConvertKit
Creación de la página web: La plataforma de educación utiliza Bubble.io para diseñar una página web que incluye un formulario de registro que solicita la dirección de correo electrónico, nombre y curso de interés de los estudiantes.
Configuración de la integración: La plataforma instala el complemento de ConvertKit en Bubble.io y lo configura con su clave API de ConvertKit. Luego, crean flujos de trabajo en Bubble.io que se activan cuando un estudiante envía el formulario en la página web.
Flujo de trabajo de sincronización de datos: Cuando un estudiante envía el formulario, se activa el flujo de trabajo creado. Los datos enviados (nombre, correo electrónico, interés en el curso) se envían automáticamente a ConvertKit a través de la acción del complemento de ConvertKit configurado. Se crea un nuevo suscriptor o prospecto en ConvertKit con la información enviada. Este prospecto se etiqueta o se clasifica en un formulario o secuencia específica basado en el curso que ha mostrado interés.
Marketing por correo electrónico en ConvertKit: La plataforma de educación utiliza ConvertKit para configurar secuencias de correo electrónico automatizadas, cursos y tareas para los prospectos capturados. Pueden segmentar a los prospectos según el curso seleccionado y el compromiso, personalizando los correos electrónicos para mantener a los estudiantes interesados comprometidos y alentándolos a inscribirse en el curso completo.
Monitoreo y análisis: La integración de Bubble.io y ConvertKit permite el seguimiento impecable de las fuentes de prospectos e interacciones dentro de ConvertKit. La plataforma de educación puede observar la efectividad de su página web y secuencias de correo electrónico, tomando decisiones basadas en datos para ajustar su enfoque.
Beneficios:
Al fusionar Bubble.io con ConvertKit, la plataforma de educación en línea puede administrar eficientemente los prospectos para su nuevo curso, asegurando un seguimiento personalizado, y finalmente obteniendo mejores resultados.
.svg)
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.
.svg)
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.
.svg)
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.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
