Skip to content

Aquí tienes los pasos detallados para integrar formularios de Elementor con HubSpot usando WP Fusion, una herramienta avanzada que facilita la conexión de WordPress con múltiples CRMs, incluyendo HubSpot.

Paso 1: Instalar y Configurar WP Fusion

1.1 Instala WP Fusion en WordPress

  1. Inicia sesión en tu panel de control de WordPress.
  2. Dirígete a Plugins > Añadir nuevo.
  3. Haz clic en Subir plugin.
  4. Descarga WP Fusion desde su sitio oficial (requiere una licencia).
  5. Sube el archivo ZIP que descargaste y haz clic en Instalar ahora.
  6. Activa el plugin.

1.2 Conecta WP Fusion con HubSpot

  1. Ve al nuevo menú WP Fusion en el panel de WordPress.
  2. Accede a la pestaña Configuración.
  3. Selecciona HubSpot como tu CRM en el menú desplegable.
  4. Obtén tu clave API de HubSpot:
    • Inicia sesión en tu cuenta de HubSpot.
    • Ve a Configuración > Integraciones > API key.
    • Si no tienes una clave API generada, haz clic en Crear clave y copia el código.
  5. Vuelve a WP Fusion y pega la clave API en el campo correspondiente.
  6. Haz clic en Conectar para establecer la conexión.

1.2 Conecta WP Fusion con HubSpot

  1. Ve al nuevo menú WP Fusion en el panel de WordPress.
  2. Accede a la pestaña Configuración.
  3. Selecciona HubSpot como tu CRM en el menú desplegable.
  4. Obtén tu clave API de HubSpot:
    • Inicia sesión en tu cuenta de HubSpot.
    • Ve a Configuración > Integraciones > API key.
    • Si no tienes una clave API generada, haz clic en Crear clave y copia el código.
  5. Vuelve a WP Fusion y pega la clave API en el campo correspondiente.
  6. Haz clic en Conectar para establecer la conexión.

1.3 Configuración inicial en WP Fusion

  1. Una vez conectado, WP Fusion cargará automáticamente tus campos de HubSpot, como nombre, correo electrónico, teléfono, y cualquier campo personalizado.
  2. Configura las etiquetas predeterminadas para los nuevos contactos que se creen desde WordPress:
    • Por ejemplo, puedes etiquetar contactos como “Formulario Elementor”.

Paso 2: Configurar el Formulario en Elementor

2.1 Crear o Editar un Formulario

  1. En WordPress, abre Elementor y crea una nueva página o edita una existente.
  2. Arrastra el widget Formulario al diseño de tu página.
  3. Añade los campos necesarios:
    • Nombre.
    • Correo electrónico.
    • Teléfono (u otros campos relevantes).
  4. Personaliza los mensajes de confirmación, estilo y ajustes según tus necesidades.

2.2 Configurar la Acción de WP Fusion

  1. En el editor de Elementor, selecciona tu formulario.
  2. En la pestaña Acciones tras el envío, añade WP Fusion a la lista de acciones.
  3. Una nueva pestaña llamada WP Fusion aparecerá en el menú de configuración del formulario.

2.3 Mapear Campos del Formulario a HubSpot

  1. En la pestaña WP Fusion, verás una lista de campos disponibles.
  2. Mapea los campos del formulario de Elementor a los campos de HubSpot:
    • Por ejemplo:
      • Campo “Nombre” en Elementor → Campo “Nombre” en HubSpot.
      • Campo “Correo electrónico” en Elementor → Campo “Email” en HubSpot.
  3. Si tienes campos personalizados en HubSpot, asegúrate de crearlos previamente en HubSpot y que estén disponibles en WP Fusion.

2.4 Aplicar Etiquetas (Opcional)

  1. En la misma sección, puedes asignar etiquetas a los contactos que completen el formulario:
    • Por ejemplo: “Nuevo lead” o “Interesado en Producto X”.
  2. Estas etiquetas pueden usarse dentro de HubSpot para segmentación y automatizaciones.

Paso 3: Probar la Integración

3.1 Enviar un Formulario de Prueba

  1. Abre la página donde está tu formulario.
  2. Completa el formulario con datos de prueba.
  3. Envía la información.

3.2 Verificar en HubSpot

  1. Inicia sesión en HubSpot.
  2. Ve a Contactos.
  3. Busca el contacto de prueba que enviaste.
  4. Verifica que:
    • Los datos ingresados en Elementor se sincronizaron correctamente con HubSpot.
    • Las etiquetas aplicadas desde WP Fusion aparecen en el contacto.

Paso 4: Personalizar y Optimizar

4.1 Añadir Automatizaciones en HubSpot

  1. Usa las etiquetas o datos sincronizados desde WP Fusion para crear flujos de trabajo en HubSpot:
    • Enviar correos de bienvenida.
    • Asignar el contacto a un representante de ventas.
    • Agregar el contacto a una lista específica.

4.2 Sincronizar Datos de Usuario

Si tu sitio tiene usuarios registrados, WP Fusion también puede sincronizar automáticamente sus datos con HubSpot:

  1. Ve a WP Fusion > Configuración > Sincronización de Usuarios.
  2. Configura qué datos de usuario deseas sincronizar automáticamente con HubSpot (como actualizaciones de perfil).

Paso 5: Monitorear y Ajustar

  • Revisa regularmente tus contactos en HubSpot para asegurarte de que la integración sigue funcionando correctamente.
  • Ajusta los campos o etiquetas en WP Fusion si añades nuevos campos personalizados o cambian tus necesidades de datos.

Resumen de Beneficios de WP Fusion en esta Integración

  • Automatización sin esfuerzo: Los datos de Elementor se envían automáticamente a HubSpot.
  • Campos personalizados: Posibilidad de mapear cualquier campo, incluso aquellos que sean personalizados.
  • Gestión avanzada: Usa etiquetas para organizar y segmentar contactos en HubSpot.
  • Ampliabilidad: Si decides usar otros formularios (como Gravity Forms o Ninja Forms), también puedes integrarlos con HubSpot usando WP Fusion.

Documentación por Revisar de WP Fusion