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: octubre 22, 2020

Con la herramienta formularios emergentes, puedes crear fácilmente formularios atractivos para captar nuevas oportunidades de venta. Los formularios emergentes están disponibles para cualquier publicación 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.

  • 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.
  • En la barra lateral izquierda, selecciona Formulario emergente.
  • En la parte superior derecha, haz clic en Siguiente.
  • Para personalizar el nombre de tu formulario emergente, haz clic en eledit ícono del lápiz en la parte superior e ingresa un nombre.

1. Tipo: selecciona el tipo de formulario emergente

Hay tres tipos de formularios emergentes, en la pestaña Tipo, selecciona el tipo de formulario emergente para crear:

  • Cuadro emergente: aparece como cuadro emergente en tu página.
  • Banner desplegable: aparece como un banner desplegable desde la parte superior de tu página.
  • Cuadro deslizante izquierda/derecha: aparece como una casilla de diapositiva desde la parte inferior izquierda o derecha de tu página.

En la parte superior derecha, haz clic en Siguiente.

2. Llamada: seleccionar la acción

En la pestaña Llamada, agrega y personaliza una llamada para captar la atención de los visitantes.

  • Imagen destacada: (solo cuadro emergente) selecciona una imagen destacada para mostrar en el paso Llamada y el paso del formulario.
  • Texto de la llamada: el encabezado principal de la llamada.
  • Cuerpo de la llamada: información o detalles adicionales sobre la llamada. Esto es opcional.
  • Texto del botón Llamada: 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. Haz clic en una de los colores predeterminados o selecciona un color personalizado haciendo clic en la burbuja de colores junto al valor hexadecimal y seleccionando un color del degradado o ingresa un valor hexadecimal.
  • Botón de enlace: selecciona dónde se enlazará el botón Llamada a:
    • Paso de formulario: dirige a tus usuarios a un formulario del formulario emergente. Personaliza tu formulario haciendo clic en la pestaña Formulario.
    • URL externa: pega un enlace a una página externa.
    • Página de HubSpot o publicación del blog (Marketing Hub Starter,Professional, Enterprise y CMS): selecciona una página o publicación de blog de HubSpot 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 establece el nombre del evento, la fecha de inicio, la fecha final, la zona horaria, la ubicación y los detalles. El evento se creará en el calendario de Google o Outlook del cliente.

Cualquier personalización de llamadas aparecerá inmediatamente en la vista preliminar de la derecha, por lo que tienes una idea de lo que se verá tu formulario emergente cuando está en directo en tu página.

En la parte superior derecha, haz clic en Siguiente.

3. Formulario: personaliza tu formulario emergente

En la pestaña Formulario, personaliza lo que ven tus visitantes cuando hagan clic en el botón de formulario emergente.
  • Cuerpo del formulario: (opcional) agrega un mensaje para explicar el valor de tu oferta con tu flujo de oportunidades de venta.
  • Campos incluidos: el campo de Correo electrónico predeterminado se incluye automáticamente.
    • 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 (solo Marketing Hub Starter, Pro y Enterprise pueden crear propiedades de contacto personalizadas en formularios emergentes.).
    • Para personalizar la forma en que se muestra el campo formulario a los visitantes, haz clic en el símbolo del lápiz edit la etiqueta de campo o agregar texto del parámetro de sustitución. En el campo Correo electrónico, puedes especificar direcciones de correo electrónico y dominios para bloquear.
  • Texto del botón del formulario: el texto del botón del formulario de la pestaña Llamada se trasladará automáticamente a este campo. Para hacer cambios en el texto del botón en el paso del formulario, actualiza aquí.
  • 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 ícono del lápiz edit.
  • 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.
  • Establecer la página del ciclo de vida: elegir los contactos de la etapa del ciclo de vida que envían el formulario emergente. Esto se establece en Oportunidad de venta por opción predeterminada.
  • CAPTCHA: activa CAPTCHA para proporcionar protección adicional contra los envíos de spam.

pop-up-forms-edit-form

En la parte superior derecha, haz clic en Siguiente.

4. Gracias: crea un mensaje de agradecimiento

En la pestaña Gracias, escribe un mensaje de agradecimiento para tus visitantes para ver después de enviar tu formulario emergente. Puedes utilizar el editor de texto enriquecido para incluir enlaces a recursos o descargas adicionales.

Para agregar un botón después de que tu mensaje de agradecimiento para redirigir a tus visitantes, como a una página web, descarga de archivos o enlace de reunión.

  • Selecciona la casilla de comprobación Agregar un botón.
  • Personaliza el texto del botón.
  • En ¿A qué debería estar vinculado el botón?, selecciona el enlace de tu botón:
    • URL de HubSpot: redirigir visitantes a una página externa. Introduce la URL externa de tu página.
    • Página o publicación en blog de HubSpot
    • (Marketing Hub Starter,Pro, Enterprise y CMS Hub): redirecciona a los visitantes a una de tus páginas de HubSpot o publicaciones del blog. Haz clic en el menú desplegable Elegir una página o publicación en blog de HubSpot y selecciona una página de HubSpot o post de blog publicado.
    • Descarga de archivos: redireccionar a los visitantes a un archivo de descarga. Haz clic en Explorar archivos para seleccionar un archivo de tu administrador de archivos. Para cargar un nuevo archivo, en la parte inferior izquierda del panel derecho, haz clic en downCarat Agregar archivo y carga un archivo desde tu dispositivo, Dropbox o Google Drive.
    • Enlace de reuniones: permitir que los visitantes programen una reunión con alguien en tu equipo usando un enlace de reunión. Haz clic en el menú desplegable Enlace de reuniones para seleccionar un enlace de reuniones existente.
    • Evento del calendario: permite a los visitantes agregar un evento de calendario nuevo a su calendario de Google o Outlook. Introduce un nombre de evento, fecha, hora, zona horaria, ubicación y detalles.

En la parte superior derecha, haz clic en Siguiente.

5. Seguimiento: crear un correo de seguimiento

En la pestaña Seguimiento, puedes crear un correo electrónico de seguimiento que se enviará a tu visitante después de que envíe el formulario, haciendo clic en Crear correo de seguimiento.

Ten en cuenta: Los usuarios de HubSpot CRM Free deben completar un asistente de configuración de correo electrónico para activar la suscripción doble para formularios emergentes.

  • En el panel derecho, personaliza los detalles de tu correo electrónico de seguimiento:
    • Tipo de suscripción: haz clic y selecciona el tipo de suscripción de tu correo electrónico de seguimiento.
    • Desde usuario: haz clic y selecciona el remitente de tu correo electrónico de seguimiento.
    • Línea de asunto: agrega un asunto para el correo electrónico de seguimiento.
    • Cuerpo: agrega texto al cuerpo del correo electrónico para continuar interactuando con tu contacto.
    • Editar pie de página del correo electrónico: haz clic para personalizar el nombre y la dirección de tu empresa en la configuración en tu correo electrónico.

  • Una vez finalizado, haz clic en Guardar. Aparecerá una breve vista preliminar del correo electrónico. Las cuentas de Marketing Hub Starter, Basic (preexistente), Pro y Enterprise pueden hacer clic en Agregar otro correo electrónico para agregar hasta tres correos electrónicos de seguimiento.
  • En la parte superior derecha, haz clic en Siguiente.

Ten en cuenta: crear un correo electrónico de seguimiento agregará automáticamente un CAPTCHA al formulario.

6. Targeting: personaliza dónde se muestra tu formulario emergente

Dirígete a tus visitantes eligiendo cuándo deseas que este formulario emergente aparezca en tu sitio. Agrega filtros para combinar varios conjuntos de reglas sobre cuáles los visitantes ven tu formulario emergente.

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 establecer criterios basados en una URL del sitio web:
    • Haz clic en el primer menú desplegable y selecciona URL de sitio web.
    • Haz clic en el segundo menú desplegable y selecciona son todas las páginas, es, contiene, comienza con, o coincide con el comodín e introduce tus criterios.
 
También puedes establecer reglas de targeting para mostrar tu formulario emergente según los valores de parámetros de consulta. Por ejemplo, para mostrar el formulario emergente en las páginas donde la URL incluye el parámetro de campaña UTM ebook offer, ingresa la regla utm_campaign = ebook_offer.
  • Para establecer criterios basados en parámetros de consulta:
    • Haz clic en el primer menú desplegable y selecciona Parámetros de consulta.
    • En el primer campo de texto, escribe el nombre del parámetro de consulta.
    • 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 en ciertas páginas (por ejemplo, una página de política de privacidad), haz clic en Agregar regla de exclusión.
 
Más información sobre las reglas de targeting.

Información y comportamiento del visitante

Las reglas de targeting de sitios web pueden personalizarse en función de si el visitante es o no un contacto con seguimiento. Las cuentas de Marketing Hub Pro y Enterprise pueden crear grupos de filtros adicionales que combinen reglas para mostrar u ocultar tu formulario emergente.

Puedes ocultar o mostrar tu formulario emergente a visitantes específicos según la siguiente información:

  • Listas segmentadas: si el visitante es un contacto con seguimiento en tu base de datos con pertenencia a listas específicas.
  • Visitante: si el visitante es un contacto con seguimiento en tu base de datos o un nuevo visitante.
  • Tipo de dispositivo: el tipo de dispositivo que está usando el visitante cuando visita tu sitio.
  • Idioma del navegador: el idioma que ha seleccionado el visitante en la configuración del navegador.
  • País: el país donde se encuentra el visitante, según su dirección IP actual.
  • CTA en la que se hizo clic en es: si el visitante hizo clic en una CTA específica.
  • Días desde la última visita: el número de días desde la última vez que el visitante estuvo en tu sitio web.
  • El formulario visto es: si el visitante vio un formulario específico.
  • Recuento de sesión: el número de sesiones de analíticas que el visitante ha tenido en tu sitio web.
  • Páginas visitadas:si el visitante visitó previamente una URL de página específica.
  • URL de referencia: si el visitante se vincula con tu sitio web desde una URL de página específica.
  • Tema de SEO:si el visitante está viendo una página o publicación del blog que está enlazada a un tema específico en la herramienta SEO.
  • Historial de temas de SEO:si el visitante vio previamente una página enlazada con un tema específico en la herramienta SEO.

Más información sobre las reglas de targeting.

Para crear un grupo de filtros:

  • Selecciona cuándo mostrar el formulario emergente:
    • En el mosaico Mostrar emergente, haz clic en el primer menú desplegable para elegir cuándo los visitantes ven 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. 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.

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

En la parte superior derecha, haz clic en Siguiente.

Nota: cuando un contacto haya llenado tu formulario emergente, no verá el formulario emergente de nuevo si está en la misma sesión de navegación

7. Opciones: personalización adicional de tu formulario emergente 

En la pestaña Opciones, personaliza las siguientes opciones:

  • Programación (Solo cuentas Pro y Enterprise): 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 y Hora de inicio.
    • Para cancelar la publicación del formulario emergente en una fecha y hora específicas, selecciona la casilla de comprobación Establecer fecha de publicación y hora, luego usa los menús desplegables Fecha y Hora de finalización.
  • 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 pueda verlo 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 introducir una dirección de correo electrónico o seleccionar un usuario o equipo para recibir notificaciones cuando se capten contactos.
  • Enviar correos electrónicos de inclusión voluntaria: si se activa la suscripción doble, para administrar la configuración de suscripción doble para tus formularios emergentes, haz clic en Administrar en configuración.
  • Tipo de suscripción de seguimiento: si está activada la configuración de GDPR, haz clic en el menú desplegable para seleccionar un tipo de suscripción para tu envío de correo electrónico.
  • 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.
En la parte superior derecha, haz clic en Siguiente.
 

8. Vista preliminar: ver una vista preliminar de tu formulario emergente

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

  • Para ver 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 los leftright íconos de flecha izquierda/derecha.t

Publicar

En la parte superior derecha, haz clic en Publicar para finalizar el formulario emergente.

New Call-to-action