Cómo conectar HubSpot a WebFlow para hacer una automatización de marketing completa.

Hermoso sitio web ... pero los clientes están completamente perdidos? Problemas que Web People Webflow y el equipo de marketing realmente conocen.
¿Alguna vez ha tenido dolor de cabeza con esta situación? Tiene un sitio web diseñado en el flujo web maravillosamente, moderna y rápida carga. Pero cuando realmente se usa, descubrió que ... ¡La información del cliente que se llena a través del formulario en la web está dispersa! El equipo de marketing tiene que esperar la información de manual de uno por uno para ponerla en Hubspot, el equipo de ventas no conoce el origen de cada líder. En particular, finalmente, el plomo había caído en el aire. No hay seguimiento (nutritivo) que debería ser ... si está asentiendo, muestra que ha venido al lugar correcto.
Solicitud de ilustraciones: imágenes que muestran la irritabilidad del equipo de marketing que debe trabajar con información dispersa. Un lado es una hermosa pantalla de flujo web. El otro lado es una mesa de Excel desordenada y el ícono principal ha desaparecido.
¿Por qué WebFlow y Hubspot no se hablan? Desbloquear la razón por la que los datos no están conectados
Muchas personas a menudo malinterpretan que solo usan las 2 mejores herramientas (flujo web para Web y Hubspot para marketing) y todo funcionará juntos automáticamente. Pero en realidad, ambas plataformas son como "isla". WebFlow es una isla de diseño flexible y hermoso. Hubspot es la isla de la información y los sistemas automáticos automáticos sin el "puente" correcto que conecta estas dos islas. La información no puede viajar entre sí. La razón principal es de:
- El sistema que está completamente separado: WebFlow administra el hogar (sitio web y formularios), mientras que HubSpot administra el patio trasero (CRM y Automation) naturalmente, no se crea para conectarse de un solo clic.
- Complejo técnico: muchas personas piensan que conectar el sistema es difícil. Debe usar un programador para escribir un código complejo, por lo tanto, elegir continuar con el manual de trabajo porque es más fácil
- No sé si hay una manera más fácil: ¡ la buena noticia es que no siempre tenemos que escribir el código! Hay herramientas y métodos que ayudan a crear este "puente" fácilmente de lo que creo.
Solicitud de ilustraciones: 2 mapas de islas llamados "isla de flujo web" y "isla Hubspot" con grandes espacios separados entre ellos. Transmite el sistema que aún no se ha conectado
¡Vete ... dañado de lo que piensas! El impacto cuando sus datos de marketing son "Silo"
Permitir la información del cliente del flujo web web y el sistema de automatización de marketing de Hubspot por separado, no solo hacer que el equipo funcione más cansado. Pero afecta directamente el negocio que puede no esperar:
- Oportunidades comerciales perdidas (clientes potenciales perdidos): es posible que no se siga el formulario. O siga demasiado tarde hasta que los clientes vayan a los competidores
- Marketing sin dirección: no sabe qué liderazgo del artículo está interesado en leer. O vea qué página del producto en la web antes de contactar, haciendo que el plomo sea nutritivo o enviando un correo electrónico para sembrar.
- No se puede medir el ROI: ¿Cuánto gastas dinero en anuncios? Pero no puedo decir claramente cuán calidad ha sido el plomo y qué campaña son los mejores resultados porque faltan los datos del viaje del cliente.
- Mala experiencia del cliente: piense que los clientes completan la forma de demostración, pero en su lugar recibieron un correo electrónico para recomendar artículos generales que no están relacionados con lo que le interesa es una mala relación. Crear una buena experiencia desde el principio es muy importante. Especialmente en el proceso de incorporación del cliente
Solicitud de ilustraciones: una gran imagen de tubería de agua con fugas con un icono en forma de plomo y el dinero fluye de esa fuga. Transmitir la pérdida de oportunidades y presupuestos
¡Hay una solución! 2 Métodos principales que conectan el flujo web a HubSpot (y cómo comenzar)
¡Es hora de construir un "puente" que conecte estas dos islas juntas! Cómo conectar el flujo web con el Hubspot más popular y efectivo. Hay 2 métodos principales, cada uno de los cuales tiene diferentes ventajas:
- Método 1: Integración directa: ¡recomendado para comenzar a partir de este método!
Esta es la forma más fácil y poderosa de traer el "código de seguimiento" de Hubspot para enterrarse en su sitio web de flujo web y usar "formularios de hubspot" en lugar del formulario de flujo web original. Esto permitirá a HubSpot rastrear el comportamiento de todos en su sitio web en detalle. Y toda la información que se llena a través del formulario se enviará al Hubspot CRM de tiempo real - Método 2: Integración de middleware.
Este método es utilizar los formularios de flujo web como de costumbre, pero utilizando un medio como Zapier o el Integromat) para enviar información de WebFlow a HubSpot. Con las herramientas de flujo web, pero debe intercambiarse con muchos pasos y puede tener costos adicionales del intermediario.
Sugerencias: para el 90% del negocio, debe comenzar con el método 1 (conexión directa) porque proporciona los datos más profundos (seguimiento completo del viaje del cliente). Fácil de configurar y le permite usar la potencia de HubSpot al máximo.
Solicitud de ilustraciones: la imagen del diagrama compare 2 métodos. El primer método es una línea recta desde el flujo web hasta HubSpot (integración directa) y el segundo método tiene un logotipo más zapador en el medio entre el flujo web y el hubspot (integración de middleware).
Ejemplo de éxito: cuando B2B Tech Company aumenta el liderazgo de calidad 250%
Para ser más claro, me gustaría dar un ejemplo de una compañía de tecnología que proporciona servicios de software B2B. Tienen un excelente centro de contenido en el flujo web, proporcionando un conocimiento constante del cliente, pero el problema es "no saber quién lee qué" y el plomo que es todo lo mismo.
Antes de conectarse: el equipo de ventas recibió solo el nombre de correo electrónico y el número de teléfono. "Solicitar una cotización" en el sitio web de flujo web sin saber que el líder ha leído el artículo. "Comparación de características" o ¿Alguna vez ha ingresado el "estudio de caso" antes? Hace que hablar sea difícil
Después de la conexión de flujo web con HubSpot: enterraron el código de seguimiento y cambiaron a formularios de Hubspot tan pronto como se hizo. ¡Sucedió el milagro! Ahora, cuando una nueva ventaja ingresó al equipo de ventas, puede ver toda la "actividad de la línea de tiempo" de esa ventaja en Hubspot.
- "¡Oh! Khun A proviene de esta campaña de Cam de Facebook".
- "Está especialmente interesado en el artículo para el flujo de trabajo automatizado. Lea 3 artículos".
- "¡Presionó para ver nuestro precio de la página 2 veces también!"
Resultados: El equipo de ventas puede abrir la conversación directamente. ("Veo que estás especialmente interesado en nuestra automatización ...") hace que los clientes sientan que la compañía realmente entiende su problema, la tasa de conversión de conducir a مرحله Demo aumentó en un 25% y puede cerrarse más rápido. Porque pueden centrarse en el plomo de calidad "sí"
Solicitud de ilustraciones: Pantalla HubSpot que muestra la actividad de la línea de tiempo de un cliente Hay varias actividades como "Página vista: /Blog /X", "Página vista: /Precio", "Formulario completado: solicitud de demostración".
¡Sostra tu mano! Cómo conectar HubSpot al flujo web paso a paso (se puede usar de inmediato).
¿Listo para hacerlo todavía? Veamos cómo conectarse directamente (integración directa), que es la mejor manera de a fondo. ¡Puede decir que es más fácil de lo que piensas!
Paso 1: Busque y copie el código de seguimiento de Hubspot
- Inicie sesión en su cuenta Hubspot
- Haga clic en el icono de configuración (Configuración) en la esquina superior derecha.
- En el menú izquierdo para el seguimiento y el análisis> Código de seguimiento
- Verá el cuadro de código llamado "código de incrustación". Copie todo el código en ese cuadro se almacena.
Paso 2: Tome el código de seguimiento para incrustarse en el flujo web.
- Abra su proyecto de flujo web y vaya a la configuración del sitio (no al diseñador).
- pestaña Código personalizado
- En el canal llamado Código Cabezas , coloque el código que se copia de HubSpot.
- Presione Guardar cambios y publique su sitio web nuevamente. ¡Completó la instalación de seguidores!
Paso 3: Crear formulario en HubSpot.
- Volver a Hubspot a los formularios de marketing> Captura de plomo>.
- Cree un nuevo formulario (Crear formulario) y elija el tipo de forma incrustada.
- Diseñe su formulario de planificación deseado, como primer nombre, apellido, correo electrónico y puede tener un canal de mensajes.
- Ajuste el texto en el botón Llamado a la cita para que sea interesante, como "Obtenga una demostración gratuita" o "Descargue el libro electrónico"
- Cuando termine el diseño, haga clic en el Actualizar o publicar en la esquina superior derecha.
Paso 4: Traiga el formulario HubSpot para incrustarse en el diseñador de flujo web.
- En el formulario del HubSpot, haga clic en la Compartir y copie el "código de incrustación" del formulario.
- Vuelve al diseñador de flujo web. Abre tu deber. Desea poner un formulario (como contáctenos).
- Desde el panel Agregar elementos ( + + botón), arrastre la herramienta llamada incrustación en la posición deseada.
- Habrá una ventana abierta. Traiga el código que se copia de Hubspot para colocar y presione Guardar y cerrar.
- Publique su sitio web nuevamente . ¡E intente abrir el sitio web real que verá aparecer el formulario de HubSpot!
Solo esto, su sitio web de flujo web ya se ha conectado a HubSpot. ¡Cada información que se ha completado se encontrará inmediatamente con CRM con los datos de seguimiento, lo que hace que automatización de crianza principal sea fácil!
Solicitud de ilustraciones: imágenes infográficas de 4 pasos que son fáciles de entender. Con iconos en cada paso (código de icono, icono de configuración de flujo web, formularios de hubspot, icono de elemento
Preguntas que las personas tienden a sospechar (preguntas frecuentes) sobre las conexiones de flujo web y Hubspot
P1: ¿Tiene que usar el flujo web y el Hubspot?
R: Para el flujo web, el plan para perder dinero (plan central) para poder usar la función de código personalizado para incorporar el código de seguimiento. HubSpot puede comenzar con planes gratuitos, que tienen un código de seguimiento y formularios para usar.
P2: ¿Podemos ajustar el diseño del formulario Hubspot a nuestro sitio web?
R: Sí, en el formato HubSpot, habrá una pestaña de "estilo" para que pueda ajustar el color, las fuentes y las caras hasta cierto punto para que coincida con su marca. Pero si realmente desea personalizar puede requerir un pequeño conocimiento de CSS para escribir el código directamente.
P3: ¿Qué hará la información en los formularios de flujo web original?
R: Los datos antiguos que solían estar en el flujo web permanecerán en el mismo lugar. Puede exportar a un archivo CSV y luego importar a Hubspot para combinar toda la información del cliente en un solo lugar.
P4: ¿Estos códigos harán que la web sea más lenta?
R: El código de seguimiento de HubSpot está diseñado para funcionar como asíncrono, lo que significa que se cargará junto con otras partes del sitio web sin obstruir la pantalla principal, por lo tanto, el impacto en la velocidad de la web es muy pequeño. Hasta que casi no se sienta
Solicitud de ilustraciones: Iconos de preguntas grandes (?) Con el logotipo de flujo web y Hubspot uno al lado del otro.
Resumen: ¡Cambie el hermoso sitio web en una máquina de producción principal hoy!
La conexión de flujo web con HubSpot ya no es un asunto técnico aterrador, pero es una "inversión necesaria" para todas las empresas que desean crecer seriamente en el mundo digital. Solo un poco de tiempo para instalar el código de seguimiento y cambiar a formularios Hubspot desbloqueará el potencial de marketing que nunca antes había recibido.
Detendrá el tiempo de trabajo manual y estará lleno de errores, comenzará a ver el viaje del cliente de los clientes de 360 grados y puede crear campañas de marketing automáticas que son realmente el cliente. Es hora de cambiar su hermoso sitio web de flujo web a "maquinaria de producción de plomo de calidad" que funcione para usted las 24 horas del día.
¡No esperes! Trate de traer los pasos que recomiendo hacer. Y encontrará cuán poderoso se mide el mercado basado en datos. Si necesita un experto para ayudar a establecer un sistema de automatización más complejo, nuestro equipo de expertos en automatización N8N ¡O si desea crear un sitio web perfecto desde el comienzo de los servicios de diseño y desarrollo del sitio web de flujo web, están listos para conocerlo!
Solicitud de ilustraciones: imágenes de gráficos que muestran el crecimiento del número de plomo de calidad con el telón de fondo del flujo web y el logotipo de Hubspot que sostiene las manos con fuerza
Blog reciente

¡Agregue clientes para alquilar con SEO! En profundidad, la estrategia de SEO para las empresas de alquiler, especialmente desde el SEO local hasta la página del producto.

¡Deja de perder el tiempo haciendo un reportable! Enseñe cómo conectarse a N8N con Google Looker Studio (Data Studio) para crear un tablero y un marketing automático.

¡Haga que el usuario "huele" la información deseada! Aprenda el principio de "aroma de información" para diseñar la navegación y UX que guíe a los usuarios a la meta y agregue la conversión.