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

Configura formularios de estilo de las páginas de HubSpot

Última actualización: octubre 28, 2020

Requisitos

Todos los productos y planes

Una vez que hayas creado un formulario en HubSpot, puedes agregarlo a cualquier módulo de formulario de una página de HubSpot. Página por página, también puedes configurar acciones de seguimiento y personalizar el estilo de los elementos de tu formulario, incluido el botón de envío y los campos de formulario.

Ten en cuenta: los cambios de configuración y estilo solo se aplicarán al módulo del formulario de la página seleccionada y no afectarán el formulario en otras páginas.

Configura tus formularios

  • En tu cuenta de HubSpot, navega a las páginas de destino o páginas del sitio web.
  • Coloca el cursor sobre una página existente con un módulo de formulario y haz clic en Editar o crea una nueva página.
  • En el editor de página de destino, haz clic en el módulo del formulario.
  • En la pestaña Opciones en el panel izquierdo, personaliza la configuración del formulario para esta página:
    • Título del formulario: ingresa un nombre para el formulario en esta página.
    • Elige un formulario: haz clic en el menú desplegable para seleccionar el formulario que aparecerá en el módulo de esta página. Haz clic en el menú desplegable Acciones para crear un nuevo formulario, clonar un formulario, ver otras páginas usando este formulario o navegar al editor de formularios completo. Más información sobre cómo configurar formularios.
form-editor-options
    • Navega a la sección Contenido del formulario para editar los campos de tu formulario, el texto del botón y la configuración del RGPD para tu formulario.
      • Campos de formulario: Arrastra y suelta campos para editar el orden en el que se mostrarán. Para agregar campos de formulario adicionales haz clic en Agregar otro campo de formulario, haz clic en el menú desplegable Elegir una propiedad y usa la barra de búsqueda para buscar un campo. 

Nota: no es posible arrastrar y soltar campos de formulario en el editor inline para campos en formularios de múltiples columnas o cuando sean parte de un módulo personalizado.

move-form-fields
    • Texto del botón: ingresa el texto para mostrar en el botón de tu formulario.
    • Opciones del RGPD: en el menú desplegable, selecciona aviso e información de consentimiento para mostrar en tu formulario.
    • Captcha (prevención de SPAM): haz clic para activar el interruptor Captcha (prevención de SPAM) para mostrar reCAPTCHA invisible de Google.
  • Navega a la sección Gracias para configurar lo que ocurre cuando un visitante envía tu formulario.
    • Qué verá un visitante después de enviar tu formulario: personaliza la experiencia del visitante cuando envía su formulario en esta página. Si seleccionas Redireccionar a otra página, haz clic en el menú desplegable Enlace de redireccionamiento para seleccionar una página de agradecimiento de HubSpot o ingresa una URL. Si seleccionas Mostrar un mensaje inline de agradecimiento, escribe un mensaje de agradecimiento en el cuadro de texto.
  • En la sección Opciones del formulario, haz clic para activar el interruptor Siempre crea un contacto para una nueva dirección de correo para cada envío de formulario con una dirección de correo electrónico incluso si ya existen en tu cuenta de HubSpot.
  • Configura las notificaciones de envío de formularios y los correos electrónicos de seguimiento.
    • Enviar notificaciones de formulario a direcciones de correo electrónico especificadas en lugar del formulario predeterminado: por opción predeterminada, las notificaciones de envío de formularios se enviarán a cualquier destinatario agregado en las opciones del formulario. Para sobrescribir los destinatarios predeterminados del formulario y seleccionar los destinatarios de notificaciones para envíos en esta página, haz clic para activar la opción Enviar notificaciones a direcciones de correo electrónico especificadas en lugar de los valores predeterminados del formulario . Una vez que está activada la configuración, haz clic en el menú desplegable Direcciones de correo electrónico para seleccionar destinatarios.
    • Agregar a Workflow: haz clic para activar el botón Agregar a Workflow para inscribir contactos en un workflow específico automáticamente cuando se envíe el formulario seleccionado en esta página. Una vez que se active la configuración, haz clic en el menú desplegable Workflow para seleccionar un workflow para inscribir o haz clic en Crear nuevo para crear un nuevo workflow.
    • Enviar un correo de seguimiento: haz clic para activar el interruptor Enviar un correo de seguimiento para enviar automáticamente un correo electrónico de seguimiento a contactos cuando envíen el formulario seleccionado en esta página. Una vez que esté activada la configuración, haz clic en el menú desplegable Correo electrónico para seleccionar un correo de seguimiento. Para hacer cambios en el correo electrónico seleccionado, haz clic en Editar o haz clic en Crear nuevo para crear un nuevo correo electrónico.
    • Campaña de Salesforce: si tienes la integración de Salesforce activada, puedes asociar un formulario con una campaña activa de Salesforce haciendo clic en el menú desplegable y seleccionando una campaña. Más información sobre asociar formularios con campañas de Salesforce.
  • Haz clic en Aplicar cambios.

Estilo de tus formularios en las páginas de HubSpot

Para personalizar el estilo general de tu formulario o hacer cambios de estilo específicos al botón de envío o los campos de formulario, haz clic en la pestaña Estilo en la parte superior del panel izquierdo.

Ten en cuenta: el estilo de los formularios que aparecen en las páginas de HubSpot solo se pueden personalizar página por página. Los formularios incrustados en páginas externas o páginas de formulario independientes se les debe aplicar el estilo en el editor de formularios o con CSS en tu hoja de estilo externa.
  • En la parte superior, usa las pestañas para seleccionar el elemento de tu formulario al que deseas asignar estilo. 
edit-form-style
  • Personaliza el elemento seleccionado de tu formulario usando las opciones de texto y alineación que se muestran a continuación.
  • Haz clic en Aplicar cambios para guardar tus cambios en el módulo.
  • Haz clic en Publicar o en Actualizar para que tus cambios aparezcan en la página en tiempo real.