Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Forms

Crear formularios emergentes

Última actualización: diciembre 1, 2022

Requisitos

Todos los productos y planes

Con la herramienta formularios emergentes, puedes crear formularios atractivos para captar nuevos leads. Puedes utilizarformularios emergentes con cualquier entrada de blog, página de destino o página web alojada en HubSpot

Para agregar formularios emergentes a una página externa, debes instalar el código de seguimiento de HubSpot en tu sitio externo o instalar el plugin de WordPress de HubSpot en tu sitio de WordPress.

Crear un formulario emergente

Para crear un nuevo formulario emergente: 
  • En tu cuenta de HubSpot, navega a Formularios:
    • Para cuentas Pro y Enterprise, navega a Marketing > Captación de lead > Formularios.
    • Para cuentas Starter y Gratuitas, navega a Marketing > Formularios.
  • En la parte superior derecha, haz clic en Crear formulario.
  • Para asociar el formulario a una unidad de negocio (solo en el complemento de unidades de negocio):
    • Haz clic en el menú desplegable Selecciona una unidad de negocio.
    • Selecciona la unidad de negocio a la que deseas asociar este formulario.  
  • Selecciona el tipo de formulario. Para crear un formulario emergente, selecciona uno de los siguientes tipos de formulario:
    • Cuadro emergente:
    • Banner desplegable:
    • Cuadro deslizante izquierda
    • Cuadro deslizante derecha
  • En la parte superior derecha, haz clic en Siguiente.
  • En la parte superior del editor de formularios, haz clic en el edit ícono de lápiz para editar el nombre del formulario.

Configura tu llamada 

En la pestaña Llamada, agrega y personaliza una llamada para captar la atención de los visitantes. Cualquier personalización de llamadas aparecerá inmediatamente en la vista preliminar de la derecha, para que tangas una idea de cómo se verá tu formulario emergente cuando está en directo en tu página.

  • Imagen destacada:  selecciona una imagen destacada para mostrar en el paso Llamada y el paso del formulario (solo cuadro emergente y cuadro deslizante).
  • Texto de la llamada: escribe el texto del encabezado principal de la llamada.
  • Cuerpo de la llamada: ingrese cualquier información o detalles adicionales sobre la llamada. Esto es opcional.
  • Texto del botón Llamada: introduzca el texto del botón de formulario de llamada.
  • Color del tema: establece el color del tema para el botón en tu formulario emergente. Selecciona un color personalizado en el selector de colores o introduce manualmente un valor hexadecimal.
  • Botón de enlace: selecciona dónde se enlazará el botón Llamada.
    • Paso de formulario: dirige a tus usuarios a un formulario desde el formulario emergente. Personaliza tu formulario haciendo clic en la pestaña Formulario.
    • URL externa: introduce un enlace a una página externa.
    • Página de HubSpot o publicación del blog (Marketing Hub o CMS Hub Starter, Professional o Enterprise): selecciona una página de HubSpot o publicación de blog en el menú desplegable.
    • Descarga de archivo: haz clic en Explorar archivos para agregar tu archivo.
    • Enlace de reunión: selecciona un enlace de reunión del menú desplegable.
    • Evento del calendario: crea un evento de calendario y configura los detalles del evento. El evento se creará en el calendario de Google o Outlook del cliente. 


Personaliza tu formulario emergente

Si tu botón de llamada enlaza con un paso de formulario, puedes personalizar el formulario que se muestra. En la pestaña Formulario, personaliza los siguientes detalles:
  • Cuerpo del formulario: ingrese cualquier información o detalles adicionales que se mostrarán antes de los campos del formulario. Este es un paso opcional.   
    • Campos añadidos: selecciona los campos para tu formulario emergente. El campo de correo electrónico predeterminado se incluye automáticamente y se puede agregar un máximo de cuatro campos al formulario.
      • Para agregar campos adicionales al formulario, haz clic en + Agregar otro campo de formulario.
        • Los formularios emergentes soportan los siguientes tipos de campos: texto de una sola línea, texto de varias líneas, selección desplegable, casilla de comprobación individual, número, selector de fechas y archivo.
        • Los usuarios de una cuenta deMarketing Hub Starter, Pro y Enterprise pueden crear propiedades de contacto personalizadas en formularios emergentes.
      • Para personalizar la forma en que un campo de formulario aparece para los visitantes, haz clic en el edit icono de lápiz
        • Puede editar la etiqueta de campo, añadir texto de marcador de posición o introducir un valor predeterminado.
        • En el campo Correo electrónico, puedes especificar direcciones de correo electrónico y dominios para bloquear.
    • Texto del botón del formulario: personaliza el texto del botón del formulario. De forma predeterminada, el texto del botón del formulario de la pestaña Llamada rellenará este campo. 
  • Aviso y consentimiento/interés legítimo (RGPD): si tienes el RGPD activado en tu cuenta de HubSpot, puedes establecer la opción Aviso y consentimiento para este formulario emergente. Para personalizar el texto predeterminado, haz clic en el edit ícono del lápiz.
  • Idioma: configura el idioma del formulario. Esto cambiará las etiquetas de campos del formulario, Aviso y consentimiento/interés legítimo y los mensajes de error que se mostrarán en el formulario. Todos los demás campos editables deben traducirse manualmente.
  • CAPTCHA: activa CAPTCHA para proporcionar protección adicional contra los envíos de spam.

Crea un mensaje de agradecimiento para el formulario

Si tu botón de llamada se vincula a un paso del formulario, configura lo que sucede después de que un visitante envía tu formulario emergente en la pestaña Gracias.

    • En el campo Mensaje de agradecimiento, escribe un mensaje para mostrar después de que los visitantes envíen tu formulario emergente. Puedes usar el editor de texto enriquecido para darle formato a tu texto.
  • Para agregar un botón después de tu mensaje de agradecimiento para redirigir a tus visitantes a otra parte:
    • Selecciona la casilla de comprobación Agregar un botón.
    • Personaliza el texto del botón.
    • Selecciona el enlace para tu botón:
      • URL de HubSpot: redirigir visitantes a una página externa. Introduce la URL de la página.
      • Página o publicación del blog de HubSpot (Marketing Hub oCMS Hub Starter, Professional o Enterprise): selecciona una página o publicación de blog de HubSpot del menú desplegable.
      • Descarga de archivo: haz clic en Explorar archivos para agregar tu archivo.
      • Enlace de reunión: selecciona un enlace de reunión del menú desplegable.
      • Evento del calendario: crea un evento de calendario y configura los detalles del evento. El evento se creará en el calendario de Google o Outlook del cliente. 

 

Nota: Las cuentas que utilizan las herramientas gratuitas de HubSpot deben completar un asistente de configuración de correo electrónico para activar la suscripción doble para formularios emergentes. Crear un correo electrónico de seguimiento agregará automáticamente un CAPTCHA al formulario.

Personaliza la segmentación de tu formulario emergente

Dirígete a tus visitantes eligiendo cuándo deseas que este formulario emergente aparezca en tu sitio. Add filtros para combinar varios conjuntos de reglas para determinar cuándo se muestra el formulario emergente. Más información sobre las reglas de targeting.

URL del sitio web

Puedes agregar la lógica condicional para las URL de páginas web específicas y los valores/o los parámetros de consulta. De manera predeterminada, el formulario emergente aparecerá en todas las páginas.

  • Para mostrar el formulario emergente cuando un visitante esté en una URL de sitio web específica, en la sección URL del sitio web:
    1. Haz clic en el primer menú desplegable y selecciona URL del sitio web.
    2. Haz clic en el segundo menú desplegable y selecciona una regla de targeting.
    3. Introduce los criterios de tu regla en el campo de texto.


  • Para mostrar el formulario emergente cuando un visitante esté en una página de sitio web cuya URL incluya parámetros de consulta específicos:
    1. Haz clic en el primer menú desplegable y selecciona el Parámetro de consulta.
    2. En el primer campo de texto, escribe el nombre del parámetro de consulta.
    3. Haz clic en el menú desplegable y selecciona una regla de targeting.
    4. En el segundo campo de texto, escribe el valor del parámetro de consulta.


  • Para agregar otra regla, haz clic en Agregar regla.
  • Para excluir el formulario emergente de ciertas páginas (por ejemplo, una página de política de privacidad), haz clic en Agregar regla de exclusión.

Información y comportamiento del visitante (opcional)

También puedes dirigir tu formulario emergente a contactos específicos en función de la información y el comportamiento conocidos del visitante. El tipo de reglas de filtrado que puedes agregar depende de las suscripciones de tu cuenta. Las cuentas de Marketing Hub Pro y Enterprise pueden crear grupos de filtros adicionales que combinen reglas para mostrar u ocultar tu formulario emergente.

Para establecer criterios basados en información del visitante, en la sección Información y comportamiento del visitante::

  • Selecciona cuándo mostrar el formulario emergente:
    • En el mosaico Mostrar emergente, haz clic en el primer menú desplegable para elegir cuándo se muestra tu formulario emergente.
    • Haz clic en el siguiente menú desplegable para seleccionar las reglas de filtrado.
    • Para agregar más reglas para mostrar tu formulario emergente, haz clic en Agregar regla y selecciona tus filtros.
  • Selecciona cuándo ocultar el formulario emergente:
    • Haz clic en Agregar regla de exclusión.
    • Haz clic en el primer menú desplegable para elegir cuándo debería ocultarse el formulario emergente.
    • Haz clic en el siguiente menú desplegable para seleccionar las reglas de filtrado.
    • Para agregar más reglas al ocultar tu formulario emergente, haz clic en Agregar regla de exclusión y selecciona tus filtros.
  • Para crear un nuevo conjunto de reglas de filtrado, haz clic en Agregar grupo de filtros y selecciona las reglas de filtrado.

add-filter-groups

Activadores

Establece cuándo debería aparecer el formulario emergente en la página.

Nota:

  • Cuando se seleccionan varias activadores, el formulario aparecerá en función de cuál se cumpla primero.

  • Cuando un contacto haya llenado tu formulario emergente, no se mostrará de nuevo si está en la misma sesión de navegación

 

Puedes seleccionar las siguientes opciones:

  • Desplazamiento del 50%: el formulario aparecerá cuando el visitante haya desplazado a mitad de la página.
  • En intento de salida (solo cuadro emergente): el formulario aparecerá cuando el visitante mueve el cursor a la barra superior de la ventana del navegador.
  • Después del tiempo transcurrido: el formulario aparecerá después de la cantidad especificada de segundos.

Personaliza tus opciones de formulario emergente 

En la pestaña Opciones, personaliza aún más tu configuración de formulario emergente. Es posible que algunas opciones no se muestren, según tus suscripciones de HubSpot y las integraciones que hayas agregado. Puedes configurar las siguientes opciones:

  • Programación (solo cuentas Pro o Enterprise): de forma predeterminada, se publicará inmediatamente un formulario emergente. Para programar un formulario emergente para que solo esté activo desde una fecha específica, selecciona Programar para más tarde.
    • Para publicar el formulario emergente en una fecha y hora específicas, usa los menús desplegables Fecha de inicio y Hora.
    • Para cancelar la publicación del formulario emergente en una fecha y hora específicas, haz clic en la casilla de comprobación Establecer fecha de publicación y hora, luego usa los menús desplegables Fecha de finalización y Hora
    • Establezca una etapa del ciclo de vida cuando se crea un contacto o empresa: haga clic en el menú desplegable Establecer estado del ciclo de vida en y seleccione una etapa del ciclo de vida. Cuando los visitantes envían un formulario, el registro correspondiente se establecerá en la etapa del ciclo de vida seleccionada. 
      • No puede mover la etapa del ciclo de vida de un registro hacia atrás. Si un contacto o empresa existente con una etapa posterior del ciclo de vida envía un formulario, la etapa del ciclo de vida no se actualizará.  
  • Tamaños de pantalla pequeños: para desactivar tu formulario emergente en dispositivos móviles, selecciona la casilla de comprobación Desactivar formulario emergente en pantallas de tamaño pequeño. Si bien los formularios emergentes están optimizados para dispositivos móviles, se recomienda desactivarlos en dispositivos móviles.
  • Mostrar formulario emergente descartado nuevamente después de: haz clic en el menú desplegable para establecer la cantidad de tiempo que debería pasar después de que un visitante elimina el formulario emergente, antes de que se muestre de nuevo.
  • Agregar contactos a campaña de Salesforce: si estás usando la integración de Salesforce, haz clic en el menú desplegable para asociar cualquier contacto que envía el formulario emergente con una campaña de Salesforce.
  • Agregar contactos a GoToWebinar: si estás usando la integración de GoToWebinar, haz clic en el menú desplegable para registrar cualquier contacto que envía el formulario emergente para un webinario específico.
  • Cuando se captan los contactos, enviar notificaciones por correo electrónico a: haz clic en el menú desplegable para notificar a un usuario o equipo de HubSpot cuando se captan los contactos.
  • Enviar correos electrónicos de inclusión voluntaria: para administrar la configuración de suscripción doble para tus formularios emergentes, haz clic en Administrar en configuración.
  • Establecer contactos creados como contactos de marketing: si tu cuenta de HubSpot tiene acceso a contactos de marketing, puedes establecer automáticamente cualquier contacto creado a partir de este formulario como marketing. 
  • Mueve nuevos contactos a tu proveedor de correo (opcional): Puedes hacer clic en Administrar en configuración para configurar un proveedor de correo al que mover los contactos. Más información sobre cómo mover contactos a listas de MailChimp.



Usa automatizaciones con tu formulario emergente

Utiliza funciones de automatización sencillas, como enviar un correo de seguimiento a un contacto o enviar notificaciones automáticas por correo electrónico interno con tus formularios emergentes. También puedes usar el envío del formulario como un disparador en un flujo de trabajo simple. Más información sobre cómo usar las automatizaciones con la herramienta de formularios.  

    • En la parte superior, haz clic en la pestaña Automatizaciones. Desde la pestaña Automatizaciones, puedes configurar lo que ocurre después de que se envíe el formulario.
        • En la sección Elige qué ocurre luego de que se envía un formulario, personaliza la configuración de tu formulario según sea necesario.
        • En la sección Crear un flujo de trabajo simple, configura un flujo de trabajo simple para automatizar las acciones de seguimiento, como enviar un correo electrónico o configurar una propiedad de contacto. 

Vista previa de tu formulario emergente

En la pestaña Vista preliminar, puedes probar una vista preliminar interactiva de tu formulario emergente.

    • Para revisar cómo aparecerá tu formulario emergente en distintos dispositivos, en la parte superior izquierda, haz clic en los botones Escritorio, Tableta o Móvil.
  • Para ver cada paso del formulario emergente, haz clic en losleftright íconos de flecha izquierda y derecha.

Publicar y cancelar publicación de formulario emergente

  • Cuando hayas terminados de configurar el formulario emergente, en la parte superior derecha, haz clic en Publicar para activar el formulario emergente.
  • También puedes anular la publicación de un formulario en vivo desde la pestaña Opciones
    • Navega a la pestaña Opciones.
    • Haz clic en Cancelar publicación.
    • En el cuadro de diálogo, haz clic en Anular publicación de formulario emergente.
    • Después de despublicar tu formulario, puedes elegir volver al panel de formularios seleccionando Ir al panel o permanecer en el editor de formularios seleccionando Permanecer en el editor

New Call-to-action

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.