.gif)
Descubre nuestra guía paso a paso sobre cómo integrar rápidamente Bubble.io con Intercom para mejorar tu comunicación y eficiencia de flujo de trabajo.
Intercom es una plataforma de mensajería para clientes que permite a las empresas comunicarse con sus clientes dentro de su aplicación, en su sitio web, a través de las redes sociales o vía correo electrónico. Esta herramienta proporciona un conjunto de productos integrados para cada equipo, incluyendo ventas, marketing, producto y soporte. Ayuda en la generación de leads, la participación del cliente, y el soporte al cliente, haciendo las interacciones fáciles y personales. Las características incluyen chatbots personalizables, correos electrónicos dirigidos, recorridos por productos, y robustas analíticas. Es ampliamente utilizado en empresas orientadas al cliente globalmente.
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.
Paso 1: Configurando tu cuenta de Intercom
Para integrar Bubble.io con Intercom, lo primero que necesitas hacer es registrarte en el sitio web de Intercom. Completa el proceso de registro y obtén acceso completo al panel de control.
Una vez completado, navega hasta la sección de 'Configuración' en Intercom. Aquí, encontrarás la opción de 'Instalación'. Debajo de esta, busca 'Web'.
Al hacer clic en 'Web', se mostrará un campo de texto que contiene la ID del espacio de trabajo de Intercom, que parece una serie de caracteres alfanuméricos (123a456b7c89d0e123f456g).
Copia esta ID y guárdala a mano porque la necesitarás para completar la integración en Bubble.io.
Paso 2: Configurando el complemento de Intercom en Bubble
A continuación, abre una nueva pestaña en tu navegador y navega hasta tu panel de control de Bubble.io.
Luego, haz clic en 'Plugins' desde el panel de navegación y elige el botón 'Agregar Plugins' en la parte superior. Esto abrirá una página con una gran variedad de plugins.
Busca entre los plugins o usa la barra de búsqueda para encontrar el plugin de 'Intercom'. Haz clic en el botón 'Instalar' en él.
Ahora, en la pestaña de Plugins, verás a Intercom listado entre los plugins instalados. Haz clic en él para acceder a su configuración.
Aquí, encontrarás un campo llamado 'ID de la aplicación'. Aquí es donde debes pegar la ID del espacio de trabajo que copiaste de Intercom.
Integración Intercom - Bubble.io
Intercom ahora está instalado en tu plataforma Bubble.io. Es importante mencionar aquí que la funcionalidad básica del complemento (mostrar tu widget de chat de Intercom, recibir mensajes, etc.) ahora funcionará desde el primer momento.
Ahora tienes que establecer diferentes instrucciones en la interfaz de Bubble.io para controlar explícitamente el comportamiento del widget de chat según tus necesidades, como ocultar o mostrar el widget de chat en función del comportamiento del usuario, cargar conversaciones específicas y demás. Sigue los pasos a continuación para hacer esto:
Paso 3: Configurando el complemento de Intercom
Ve al editor de Bubble.io y localiza el diseño de la página donde deseas agregar el widget de chat.
En la parte superior izquierda del editor, haz clic en el botón '+ Element'. Aparecerá un menú desplegable.
Busca la sección 'Visual Elements' en el desplegable. Aquí, verás el 'Widget de Intercom'. Haz clic en él para agregar el widget a tu página.
Esto agregará un botón de Intercom a la página. Puedes redimensionarlo y ubicarlo en cualquier lugar de la página según tus necesidades.
Paso 4: Configuraciones avanzadas
Continúa haciendo clic en el widget. Esto abrirá el panel de propiedades del widget. Aquí puedes configurar diferentes aspectos del widget, como qué usuarios pueden verlo y cuáles se deben ocultar, etc.
Basándote en cómo hayas estructurado tu proyecto en Bubble.io, utiliza el campo de datos dinámico para establecer quién debería ver el widget. Por ejemplo, puedes configurarlo para que los usuarios que hayan iniciado sesión lo vean y los que no, no.
De manera similar, haz clic en el widget de Intercom en el editor de diseño. Desde el panel de propiedades, localiza y haz clic en 'Iniciar / Detener Tour'.
Hacerlo te permitirá establecer las condiciones bajo las cuales se mostrará una guía / tour de producto en el widget de chat. Puedes establecer múltiples condiciones basándote en tu caso de uso.
Paso 5: Probando la Integración
Has completado el proceso de integración. Ahora es el momento de probar la funcionalidad.
Cambia al modo 'Previsualizar' en Bubble.io y navega hasta la página en la que agregaste el widget.
Verifica si el widget de chat está funcionando como lo configuraste. Envia algunos mensajes y verifica en el panel de control de Intercom para verificar que lleguen.
Con estos pasos, has integrado con éxito Bubble.io con Intercom y lo has configurado para que funcione según tus necesidades. Sigue iterando y probando hasta que funcione como tú lo imaginas.
Escenario: Una plataforma de educación en línea utiliza Bubble.io para crear contenido interactivo para sus usuarios. Quieren ofrecer soporte en tiempo real a los usuarios para que puedan abordar sus consultas o problemas de inmediato. Deciden utilizar Intercom para este propósito, pero necesitan que funcione en paralelo con su plataforma Bubble.io.
Solución: Integración de Bubble.io con Intercom
Integración del Widget de Chat: La plataforma educativa instala el complemento de Intercom en Bubble.io y lo configura usando su Intercom App ID. Esto coloca un widget de chat en su sitio web donde los usuarios pueden hacer preguntas mientras navegan a través del contenido del curso.
Flujos de Trabajo y Sincronización de Datos: Configuran flujos de trabajo automáticos en Bubble.io para activarse cada vez que un usuario envía un mensaje a través del widget de chat de Intercom. La información del usuario (como nombre, correo electrónico) y el contenido del mensaje se envían directamente a la plataforma de Intercom.
Respuesta en Tiempo Real en Intercom: Una vez que los datos se capturan en Intercom, el equipo de soporte al usuario puede responder a estas consultas en tiempo real, mejorando la experiencia del aprendiz.
Segmentación en Intercom: Intercom permite al equipo de soporte crear mensajes automáticos dirigidos para preguntas frecuentes y segmentar a los usuarios según sus consultas. Esto permite un enfoque personalizado y acelera el proceso de soporte.
Seguimiento del Desempeño: Intercom también proporciona analíticas, ayudando al equipo a entender la interacción del usuario - los problemas comunes enfrentados por los usuarios, el tiempo de respuesta del equipo, los niveles de satisfacción del usuario, etc.
Beneficios:
Soporte Instantáneo: La integración proporciona asistencia en tiempo real a los usuarios, mejorando su experiencia de aprendizaje.
Comunicación Personalizada: Basándose en la segmentación de usuarios, la plataforma puede ofrecer un soporte y mensajes más personalizados.
Perspectiva Analítica: Seguir la eficiencia del proceso de soporte se vuelve fácil, permitiendo a la plataforma mejorar su soporte al usuario.
Al integrar Bubble.io con Intercom, la plataforma educativa mejora efectivamente su sistema de soporte al usuario, proporcionando asistencia en tiempo real y personalizada que conduce a una mejor experiencia de aprendizaje.
.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.
.png)
.png)
