.png)
.webp)
Bubble.io permite crear aplicaciones web sin necesidad de escribir código extenso. Gracias a la con ChatArchitect , también puedes conectar WhatsApp a tu aplicación Bubble.io y enviar mensajes directamente desde un flujo de trabajo.
En esta guía, explicaremos cómo instalar el plugin ChatArchitect, conectar tu cuenta usando tu ID de aplicación y tu SECRETO DE APLICACIÓN, y enviar tu primer mensaje de WhatsApp desde Bubble.io.
Lo que necesitarás
Antes de comenzar, asegúrese de tener:
- Una aplicación de Bubble.io
- Una cuenta de ChatArchitect
- Tu ID de aplicación y SECRETO DE APLICACIÓN
- Una conexión de WhatsApp configurada en ChatArchitect
Una vez que todo esté listo, puedes comenzar a configurar la integración en Bubble.io.
Paso 1: Añade un botón en Bubble.io
Abre tu aplicación en el editor de Bubble.io y añade un Button a la página.
Este botón activará el flujo de trabajo responsable de enviar tu mensaje de WhatsApp.
Por ejemplo, puedes nombrar el botón:
Enviar mensaje de WhatsApp
Paso 2: Crear un flujo de trabajo para el botón
Haz clic en el botón que acabas de crear y selecciona:
Iniciar/Editar flujo de trabajo
Bubble.io abrirá el editor de flujo de trabajo, donde podrá definir qué debe suceder cuando un usuario haga clic en el botón.
Paso 3: Instalar el complemento ChatArchitect
Dentro del editor de flujo de trabajo, haga clic en el Más y navegue hasta:
Plugins → Instalar más plugins
Esto abrirá el mercado de complementos de Bubble.io.
Buscar:
ChatArchitect.com para WhatsApp
Es posible que deba seleccionar todos los filtros de búsqueda relevantes para que el complemento aparezca en los resultados.
Una vez que encuentre la integración de ChatArchitect, haga clic en Instalar.
El plugin ya estará disponible en tu aplicación Bubble.io.
Paso 4: Conectar ChatArchitect
Tras instalar el plugin, abre la Plugins en Bubble.io y localiza la integración de ChatArchitect.
Introduzca sus credenciales de la siguiente manera:
Nombre de usuario: Tu ID de la aplicación
Contraseña: Tu SECRETO DE LA APLICACIÓN
Estas credenciales permiten que tu aplicación Bubble.io se comunique con ChatArchitect y envíe mensajes de WhatsApp.
Mantén tu aplicación en secreto y nunca la expongas públicamente ni la compartas con usuarios no autorizados.
Paso 5: Agregar la acción Enviar mensaje
Regrese a la Flujo de trabajo .
Hacer clic:
Haz clic aquí para añadir una acción
A continuación, seleccione:
Plugins → Enviar un mensaje de texto
Esto añade la acción de mensajería de WhatsApp de ChatArchitect a tu flujo de trabajo.
Paso 6: Introduzca el destinatario y el mensaje
A continuación, configure la "Enviar un mensaje de texto" .
En el Destino , introduzca el destinatario.
En el de texto , escriba el mensaje que desea enviar.
Por ejemplo:
¡Hola! Este mensaje fue enviado desde mi aplicación Bubble.io.
También puedes usar datos dinámicos de Bubble.io en lugar de introducir estos valores manualmente. Por ejemplo, el número de teléfono del destinatario puede provenir de tu base de datos, mientras que el mensaje en sí puede generarse a partir de la información enviada mediante un formulario.
Paso 7: Prueba tu mensaje de WhatsApp
Una vez configurado el flujo de trabajo, haga clic en el Vista previa situado en la esquina superior derecha del editor de Bubble.io.
Serás redirigido a la versión preliminar de tu aplicación.
Haz clic en el botón que creaste anteriormente.
Bubble.io activará el flujo de trabajo y ChatArchitect enviará el mensaje al destinatario especificado a través de WhatsApp.
Si todo está configurado correctamente, el destinatario debería recibir el mensaje de WhatsApp.
Cómo funciona
Ya has conectado Bubble.io con ChatArchitect y has creado un flujo de trabajo básico para enviar mensajes de WhatsApp.
El proceso es sencillo:
El usuario pulsa el botón → Bubble.io activa el flujo de trabajo → ChatArchitect procesa la solicitud → El mensaje se envía a través de WhatsApp
Este es solo un ejemplo básico. Puedes usar la misma integración para automatizar la comunicación de WhatsApp en función de diversos eventos en tu aplicación Bubble.io.
Por ejemplo, puedes enviar automáticamente mensajes de WhatsApp cuando:
- Un nuevo usuario se registra
- Un cliente realiza un pedido
- Alguien envía un formulario
- Un pedido o solicitud cambia de estado
- Se confirma la cita
- Se produce otro evento dentro de su aplicación
Al combinar Bubble.io, ChatArchitect y WhatsApp, puedes añadir la mensajería de WhatsApp a tus aplicaciones sin código y automatizar la comunicación con los clientes sin tener que crear toda la integración desde cero.
