Conecta Webflow a ActiveCampaign

Con la integración de Webflow de ActiveCampaign, puedes conectar varios sitios web y formularios de Webflow a tu cuenta de ActiveCampaign. La integración está diseñada para apoyar tanto a clientes con un único sitio web en Webflow como a agencias en crecimiento que gestionan varias cuentas de clientes finales.

Con esta integración, puedes:

• Sincronizar y mapear formularios de Webflow con ActiveCampaign.
• Incrustar formularios de ActiveCampaign con un clic.
• Crear listas, etiquetas y campos personalizados en Webflow sin salir de tu entorno.
• Activa un seguimiento potente del sitio y de eventos con unos pocos clics, sin necesidad de código.
• Ver todo el historial de formularios en el registro de tu contacto (solo en el plan Enterprise de ActiveCampaign).

Toma nota

• Esta es una integración directa dentro de tu espacio de trabajo de Webflow. La configuración de la integración se completa dentro de cada sitio web de Webflow.
• Esta integración está disponible en todos los planes de ActiveCampaign y Webflow.
• Los clientes de ActiveCampaign Enterprise tendrán acceso a Objetos personalizados para capturar múltiples envíos de formulario del mismo contacto.
• El mapeo de campos está disponible cuando se integra con un formulario de Webflow.
• No necesitas asignar campos cuando integras con un formulario de ActiveCampaign.

Conectar tu cuenta de Webflow a ActiveCampaign

1. Desde tu cuenta de Webflow, haz clic en el ícono de Apps en el menú de la izquierda.
2. Busca ActiveCampaign en la barra de búsqueda en la parte superior izquierda.
3. Pasa el cursor sobre ActiveCampaign en la lista, luego haz clic en el botón "Instalar" que aparece.
4. Una vez instalada, pasa el cursor sobre ActiveCampaign en la sección "Conectadas" y haz clic en "Iniciar".
5. En el modal de inicio de sesión de ActiveCampaign:
   
   • Ingresa tu URL de ActiveCampaign.
   • Ingresa tu clave de API de ActiveCampaign.
   • (Opcional) Asigna a tu cuenta de ActiveCampaign un nombre descriptivo para identificar fácilmente las cuentas en Webflow.
   • Marca la casilla "Añadir a este sitio", y la cuenta de ActiveCampaign conectada se conectará solo a este sitio.
   • Haz clic en la casilla "Add to workspace", y la cuenta de ActiveCampaign conectada estará disponible en todos los sitios de tu espacio de trabajo de Webflow.
6. Haz clic en "Sign in".
   
   

Sincronizar formularios de Webflow con ActiveCampaign

Sincronizar tu formulario de Webflow te permite asociar campos de Webflow con campos de ActiveCampaign, crear nuevas listas, etiquetas y campos personalizados, y recuperar listas, etiquetas y campos existentes. Una vez que se actualice la asignación de campos, todos los envíos nuevos reflejarán las nuevas reglas de asignación.

1. Desde tu cuenta de Webflow, haz clic en el ícono de Apps en el menú izquierdo.
2. Buscar ActiveCampaign en la barra de búsqueda en la parte superior izquierda.
3. Pasa el cursor sobre ActiveCampaign en la sección "Conectado" y haz clic en "Iniciar".
4. Haz clic en la cuenta de ActiveCampaign con la que quieres trabajar.
5. Haz clic en "Sincronizar formularios de Webflow con ActiveCampaign".
6. Haz clic en el formulario de Webflow que quieres sincronizar, luego haz clic en "Set up form sync."
7. Si hay varios formularios de Webflow en tu sitio web, puedes seleccionar manualmente el formulario para asignar campos haciendo clic en "¿Seleccionar formulario manualmente?"
8. En el menú desplegable “Select ActiveCampaign List”, selecciona una lista existente o crea una lista nueva.
   
   • Si creas una lista nueva, completa los siguientes campos:
     
     • Nombre de la lista
     • Descripción
     • URL de la lista (URL del sitio web de la empresa para cumplir con requisitos legales)
     • Mensaje de recordatorio
       
       

         Una vez que se cree la nueva lista, se seleccionará automáticamente en el menú desplegable "Select ActiveCampaign List".

9. Una vez que selecciones una lista, haz clic en "Continuar con la asignación de campos".
10. Revisar la configuración de sincronización, luego haz clic en "Save & Active Sync".
11. Vincular campos de Webflow a campos de ActiveCampaign:
    
    • Sincronizar campos adicionales seleccionando Add Another Field Mapping
    • Crea nuevos campos personalizados de ActiveCampaign haciendo clic en "Create New ActiveCampaign Field", luego:
      
      1. Escribe el nombre del nuevo campo personalizado y tipo de campo.
      2. Hacer clic en Crear campo
    • Si los tipos de campo no coinciden, aparecerá un mensaje de advertencia. Obtén más información sobre alertas de advertencia del tipo de campo.
12. En el campo "Etiquetas", puedes incluir varias etiquetas existentes o nuevas para asociarlas con un contacto. Para añadir etiquetas:
    
    • Etiquetas existentes: tienes que escribir el nombre completo de la etiqueta, luego haz clic en el nombre de la etiqueta cuando aparezca debajo del campo.
    • Etiquetas nuevas: escribe el nombre de la etiqueta, luego haz clic en "Crear (nombre de la etiqueta)".
13. Después de completar la asignación de campos y la selección de la etiqueta, haz clic en "Iniciar sincronización".
14. Importante: haz clic en "Publicar sitio de Webflow". Publicar tu sitio activará la configuración de sincronización para los envíos del formulario.
15. Para editar o eliminar la sincronización de tu formulario, haz clic en "View All Syncs".

Alertas de advertencia de tipo-de-campo

Objetos personalizados: registrar varias respuestas de contactos

Disponible en Enterprise.

• Conoce cómo mejorar tu cuenta de ActiveCampaign o comunicarte con nuestro equipo de experiencia del cliente.
• Si eres agencia o socio revendedor, contacta a tu Partner Manager.

Si usas un formulario incrustado de ActiveCampaign:

Solo puedes agregar campos de objeto personalizado a formularios en línea. Esto te permite recopilar datos de varios envíos de formulario del mismo contacto y luego mostrar esa información y actuar en consecuencia.

Conoce cómo crear formularios con Objetos Personalizados para configurar esto.

Si usas un formulario de Webflow:

ActiveCampaign creará automáticamente un registro histórico de cada envío de formulario del mismo contacto en la sección de Objeto Personalizado de Webflow dentro del registro de tu contacto.

Para encontrar el objeto personalizado de Webflow en ActiveCampaign, haz clic en un registro de contacto, luego desplázate hacia abajo hasta la sección debajo de la sección de Etiquetas, Lista y Automatizaciones:

• Para nombrar tu objeto personalizado, actualiza la sección de configuración del formulario en Webflow.
• Para ver una lista de campos relacionados con tu formulario de Webflow y su valor de campo, haz clic en los tres puntos > Detalles en la sección de objeto personalizado del registro del contacto, y aparecerá un panel a la derecha.
  
  

Obtén más información sobre cómo usar datos de tu objeto personalizado de Webflow para desencadenar automatizaciones y personalizar correos electrónicos en nuestra visión general de objetos personalizados.

Usar objetos personalizados de contacto con automatizaciones.

Puedes usar objetos personalizados para desencadenar automatizaciones, además de personalizar tus mensajes y crear condiciones con el generador de segmentos.

Aquí tienes una lista de acciones de automatización que puedes usar para hacer referencia a datos de un objeto personalizado.

También puedes usar objetos personalizados al crear segmentos de listas, búsquedas avanzadas, campañas, puntuaciones de un cliente potencial y webhooks. Conoce cómo usar objetos personalizados con automatizaciones.

Incrustar un formulario de ActiveCampaign en Webflow

Puedes buscar y insertar cualquiera de tus formularios de ActiveCampaign en línea, barra flotante, casilla flotante o formulario modal en tu sitio de Webflow con un clic.

Importante:

• No verás una vista previa de tu formulario de ActiveCampaign en tu entorno de Webflow.
• No necesitas mapear tu formulario de ActiveCampaign.
• Los envíos de formularios se registrarán según tus campos estándar y personalizados.
• Se pueden sobrescribir varios envíos del mismo formulario del mismo contacto, a menos que tengas un objeto personalizado configurado para el formulario. Esto está disponible para clientes de ActiveCampaign Enterprise.
• Si usas el bloque "File Upload" en tu formulario, el archivo no se sincroniza en tu campo personalizado ni se carga en ActiveCampaign.
• Haz clic en "Publicar sitio de Webflow". Al publicar tu sitio, la configuración de sincronización se activará para los envíos de formulario.

Cómo incrustar un formulario de ActiveCampaign en Webflow:

1. Desde tu cuenta de Webflow, haz clic en el icono Apps en el menú de la izquierda.
2. Busca ActiveCampaign en la barra de búsqueda en la esquina superior izquierda.
3. Pasa el cursor sobre ActiveCampaign en la sección "Conectado" y haz clic en "Launch".
4. Haz clic en la cuenta de ActiveCampaign con la que quieres trabajar.
5. Haz clic en "Insertar formularios de ActiveCampaign en Webflow".
6. Buscar el formulario de ActiveCampaign en la lista.
   
   
   
   
7. En el entorno de Webflow , selecciona la sección de tu formulario donde quieres incrustar tu formulario.
8. Luego, en el modal, haz clic en "Insertar" junto al formulario que quieres incrustar. Se mostrará un mensaje de éxito en verde arriba a la derecha cuando el formulario se haya incrustado.
9. Para revisar la posición del formulario una vez que esté insertado en Webflow, haz clic en el ícono con tres líneas horizontales. También puedes mover el formulario a otra sección desde esta área en Webflow.
   
   
   
   
10. Importante: haz clic en "Publicar sitio de Webflow".

Activar el seguimiento de eventos de ActiveCampaign

Agregar seguimiento de eventos a tu sitio de Webflow para capturar interacciones de usuarios y desencadenar automatizaciones en ActiveCampaign. Los tipos de evento disponibles para el seguimiento incluyen:

• Clic: Hacer seguimiento de clics en imágenes, campos, botones, etc. para un contacto conocido.
• Elemento visible: realizar el seguimiento si un contacto conocido llegó o vio distintas secciones del sitio web.
• Tiempo en la página: Mide la duración en segundos que un contacto conocido pasa en una página específica.

Cómo configurar el seguimiento de eventos de ActiveCampaign en Webflow:

1. Desde tu cuenta de Webflow, haz clic en el ícono de Apps en el menú de la izquierda.
2. Buscar ActiveCampaign en la barra de búsqueda arriba a la izquierda.
3. Pasa el cursor sobre ActiveCampaign en la sección "Conectado" y haz clic en "Iniciar".
4. Haz clic en la cuenta de ActiveCampaign con la que quieres trabajar.
5. Haz clic en "Enable ActiveCampaign event tracking."
6. Para recuperar tu Event Key y Act ID, Ir a tu cuenta de ActiveCampaign y hacer clic en Website > seguimiento de sitio en el menú de la izquierda. En la sección "Seguimiento de eventos", activa el interruptor:
   
   • La clave de evento es la información en el campo "Event Key".
   • ID de actividad: Haz clic en el hipervínculo "Seguimiento de eventos API". El ID de Act es el número del primer punto de la lista.
7. En Webflow, ingresa tu Event Key y Act ID.
8. Haz clic en "Guardar credenciales". Una vez guardadas, tu inicio de sesión se registrará para futuros inicios de sesión.

Cómo configurar el seguimiento de eventos en tu página web de Webflow:

1. Cuando configures el seguimiento de eventos, desde el modal de seguimiento de eventos, selecciona cualquier elemento en Webflow Designer para añadir seguimiento de eventos y monitorear las interacciones de usuario.
2. El modal se actualizará con nuevas opciones según el elemento que selecciones en el último paso. Selecciona un "Tipo de evento" y un "ActiveCampaign Event" para el elemento.
3. Para crear un nuevo evento de ActiveCampaign: Haz clic en "Create New ActiveCampaign Event", luego escribe una "Event Description" y un "Event Name". Estos se mostrarán en el registro de actividad del contacto:
   
   
   
   • "Descripción del evento" - En el ejemplo de abajo, la descripción del evento es "Este evento me envía a una segunda página."
   • "Nombre del evento" - En el siguiente ejemplo, el nombre del evento es "Texto del botón".
     
     
     
     
4. Haz clic en "Crear evento". El evento recién creado estará en el menú desplegable y se verá en la sección de seguimiento de eventos de tu cuenta de ActiveCampaign.
5. IMPORTANTE: Haz clic en "Publish Webflow Site. Publicar tu sitio activará la configuración de sincronización para el seguimiento de eventos.
6. Para eliminar el seguimiento de eventos de elementos, haz clic en el ícono de la papelera.

Seguimiento de eventos de tiempo en página

Registrar eventos de Tiempo en página es una gran forma de medir la interacción de los usuarios en tu sitio web. Esta métrica mide cuánto tiempo pasa un usuario en una página específica, desde el momento en que la página carga hasta que navega a otra o cierra el navegador. Estos datos son muy valiosos para quienes hacen marketing y buscan optimizar su sitio para la experiencia del usuario y la relevancia del contenido.

Podrás seguir el evento en el registro de Actividades recientes en el registro de tu contacto. El evento también puede funcionar como desencadenar para iniciar una automatización, personalización en correos electrónicos y usarse para segmentación.

Para activar el seguimiento de Tiempo en la página, en el modal de Seguimiento de eventos, haz clic en el interruptor para ponerlo en la posición de encendido.

Activar el seguimiento de sitio de ActiveCampaign

El seguimiento de sitio conecta tus procesos de marketing y ventas con la actividad de tu sitio web. Permite que ActiveCampaign "vea" y "reaccione" en tiempo real cuando los contactos visitan tu sitio y ven categorías y páginas específicas.

Activar el seguimiento de sitio en todo tu sitio de Webflow con un clic te permite monitorear el comportamiento de tus visitantes y mejorar la automatización.

1. Desde tu cuenta de Webflow, haz clic en el ícono de Apps en el menú de la izquierda.
2. Buscar ActiveCampaign en la barra de búsqueda arriba a la izquierda.
3. Pasa el cursor sobre ActiveCampaign en la sección "Connected" y haz clic en "Launch".
4. Haz clic en la cuenta de ActiveCampaign con la que quieres trabajar.
5. Haz clic en "Activar seguimiento de sitio de ActiveCampaign".
6. Haz clic en la casilla de verificación junto a la URL de tu sitio de Webflow para activar el seguimiento de sitio en tu sitio de Webflow.
7. Para comprobar el estado de tus dominios en la lista blanca: desde ActiveCampaign, haz clic en Website > Seguimiento de sitio en el menú de la izquierda y ver la sección "Lista blanca e instalar código".
8. IMPORTANTE: Haz clic en "Publicar sitio de Webflow". Publicar tu sitio activará la configuración de sincronización para el seguimiento de sitio.
9. Haz clic en "Desactivar seguimiento de sitio" para eliminar.

ActiveCampaign no muestra datos anónimos de seguimiento de sitio para visitantes anónimos. El seguimiento de sitio solo funcionará con contactos conocidos. Conoce más sobre cómo funciona el seguimiento de sitio.

Desconectar ActiveCampaign de Webflow

1. Desde tu cuenta de Webflow, haz clic en el icono de Apps en el menú izquierdo.
2. Buscar "ActiveCampaign" en la barra de búsqueda arriba a la izquierda.
3. Pasa el cursor sobre ActiveCampaign en la sección "Conectado" y haz clic en "Launch".
4. Haz clic en el ícono de papelera junto a la cuenta de ActiveCampaign en la parte inferior del modal de inicio de sesión.
   
   
   
   
5. Para evitar eliminar tu cuenta por accidente, tendrás la opción de mantener la sincronización de tu formulario incluso si tu cuenta se elimina desde la pantalla de inicio de sesión.