- Base de conocimientos
- Marketing
- Formularios
- Configura formularios de estilo de las páginas de HubSpot
Configura formularios de estilo de las páginas de HubSpot
Última actualización: 16 de julio de 2025
Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:
Después de crear un formulario en HubSpot, puedes añadirlo a cualquier módulo de formulario de una página de HubSpot. En cada página, también puede configurar lo que sucede después de que se envíe el formulario y personalizar el estilo de los elementos del formulario, como el botón de envío y los campos del formulario.
Antes de empezar
Antes de configurar tus formularios en una página de HubSpot, ten en cuenta lo siguiente:
- Los ajustes y cambios de estilo sólo se aplicarán al módulo de formulario de la página seleccionada. Los cambios de configuración y estilo que realices no afectarán a tu formulario en otras páginas.
- La actualización del contenido del formulario, como los campos del formulario, actualizará el formulario en todas las demás páginas de, incluyendo cualquier formulario incrustado o páginas de formularios independientes.
Configura tus formularios
Para ajustar tu formulario en una página de HubSpot:
-
Ve al contenido:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
- Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
- Clic en el nombre de tu página.
- En el editor de contenido, haz clic en el módulo del formulario. Si tu página no tiene actualmente un módulo de formulario, aprende cómo añadir módulos a una página.
- En la pestaña Contenido del panel izquierdo, personaliza la configuración del formulario para esta página:
- Título del formulario: introduce un nombre para el formulario.
- Elige un formulario: elige un formulario para esta página.
- Para utilizar un formulario existente, haz clic en el menú desplegable y selecciona un formulario .
- Para crear y utilizar un nuevo formulario, haga clic en Acciones. A continuación, seleccione Create new form. Más información sobre el ajuste de formularios.
- Para ver los envíos de este formulario, haga clic en Acciones. A continuación, seleccione Ver envíos de formularios.
-
-
- Para editar el formulario en el editor de formularios, haga clic en Acciones. A continuación, seleccione Ir al editor de formularios.
- Para editar el formulario en el editor de formularios, haga clic en Acciones. A continuación, seleccione Ir al editor de formularios.
-
Configura tu automatización de formularios
Puede gestionar la automatización de sus formularios, como los correos electrónicos de seguimiento y cualquier workflow asociado a sus formularios. Los activadores de inscripción están sujetos al siguiente comportamiento:
- Cuando se añade un workflow en la configuración de automatización del módulo de formulario, el correspondiente activador de inscripción de envío de formulario se añadirá al workflow.
- Al eliminar un workflow de la configuración de automatización del módulo de formularios, también se eliminará de los activadores de inscripción del workflow.
- Si el activador de inscripción de formulario utilizado en un workflow no especifica una página, el activador no puede eliminarse de la página y, en su lugar, debe eliminarse del workflow.
Para configurar los ajustes de automatización de tu formulario, haz clic en Automatización del formulario en el panel izquierdo para ampliar la sección y, a continuación, revisa las siguientes opciones de automatización:
- Seguimiento con un correo electrónico: envía un correo electrónico de seguimiento a los visitantes que han enviado el formulario. Los correos electrónicos de seguimiento sólo pueden enviarse a contactos de marketing.
- Para añadir un correo electrónico de seguimiento:
- Haga clic en Seleccionar un correo electrónico +.
- En el cuadro de diálogo, haz clic en el menú desplegable Selecciona un correo y selecciona un correo automatizado existente o haz clic en Crear nuevo correo para crear un nuevo correo automatizado.
- Haz clic en Guardar. El correo electrónico de seguimiento seleccionado se mostrará en el panel izquierdo.
- Después de configurar los correos electrónicos de seguimiento, en la parte superior derecha, haga clic en Publicar o Actualizar para aplicar los cambios. El correo electrónico de seguimiento no se habilitará hasta que se hayan publicado los cambios.
- Para añadir un correo electrónico de seguimiento:
-
- Para cambiar el correo electrónico de seguimiento utilizado, pase el ratón por encima del correo electrónico y haga clic en el icono del lápiz situado junto al correo electrónico.
- Para eliminar el correo electrónico de seguimiento, pase el ratón por encima del correo electrónico y haga clic en el icono X que aparece junto a él. El correo electrónico ya no debería aparecer.
- Workflows conectados: se mostrarán todos los workflows y workflows simples que utilicen el formulario como desencadenante de la inscripción. Más información sobre cómo utilizar automatización con formularios.
- Para utilizar el formulario como activador de un workflow, haz clic en Añadir formulario a un workflow o Añadir formulario a otro workflow.
- Haz clic en Agregar formulario a un workflow.
- Selecciona un workflow existente o haz clic en Crear nuevo workflow para crear un nuevo workflow. Si creas un nuevo workflow, configura tu workflow, y luego vuelve al módulo de formularios de tu landing page o página web.
- Para añadir otro workflow, haz clic en Añadir formulario a otro workflow, luego selecciona un workflow existente o haz clic en Crear nuevo workflow.
- Para eliminar el formulario como desencadenante de un workflow, pase el ratón por encima del workflow y haga clic en el icono de eliminación situado junto al workflow.
- Para utilizar el formulario como activador de un workflow, haz clic en Añadir formulario a un workflow o Añadir formulario a otro workflow.
Tenlo en cuenta:
- Una vez que se ha adjuntado un workflow al módulo de formulario, éste actualizará inmediatamente los disparadores de inscripción del workflow, incluso si la página aún no se ha publicado o actualizado.
- Si clona una página de HubSpot con un formulario configurado para inscribir contactos en un workflow, los envíos de formularios en la nueva página clonada no se añadirán como un nuevo desencadenante de inscripción en el workflow.
Configurar opciones adicionales del formulario
También puede configurar opciones adicionales, como la selección de los destinatarios de las notificaciones del formulario. Además, si has instalado la integración HubSpot-Salesforce, también puedes asociar el formulario a una campaña activa de Salesforce.
Para configurar las opciones adicionales de tu formulario, desplázate hasta la parte inferior del panel izquierdo y, a continuación, configura las siguientes opciones:
- Enviar notificaciones de formularios a las direcciones de correo electrónico especificadas en lugar de a las predeterminadas del formulario: por defecto, las notificaciones de envío de formularios se enviarán a todos los destinatarios añadidos en la pestaña Opciones del formulario. Para sobrescribir los destinatarios predeterminados del formulario y seleccionar destinatarios de notificación para los envíos en esta página:
- Haga clic para activar la opción Enviar notificaciones a las direcciones de correo electrónico especificadas en lugar de a las predeterminadas en el formulario .
- Haga clic en el menú desplegable Direcciones de correo electrónico y seleccione los destinatarios. Sólo los usuarios de HubSpot pueden ser seleccionados como destinatarios de notificaciones de formularios.
- Para eliminar un destinatario, haga clic en el icono X situado junto a su dirección de correo electrónico.
- Campaña de Salesforce: si tienes activada la integración con Salesforce, puedes asociar un formulario a una campaña activa de Salesforce haciendo clic en el menú desplegable y seleccionando una campaña. Más información sobre asociando formularios con campañas de Salesforce.
Estilo de tus formularios en las páginas de HubSpot
Puedes personalizar el estilo de tu formulario en general, así como realizar cambios de estilo específicos en el botón de envío o en los campos del formulario. Para personalizar el estilo de tu formulario:
- Ve al contenido:
- Páginas de sitio web: En tu cuenta de HubSpot, dirígete a Contenido > Páginas web.
- Landing Pages: En tu cuenta de HubSpot, dirígete a Contenido > Landing pages.
- Clic en el nombre de tu página.
- En el editor de contenido, haz clic en el módulo del formulario. Si tu página no tiene actualmente un módulo de formulario, aprende cómo añadir módulos a una página.
- En la parte superior del panel izquierdo, haga clic en la pestaña Estilos.
- Haz clic en las pestañas Módulo, Campos, o Botones para seleccionar el elemento de tu formulario al que quieras aplicar estilo.
- Personaliza el elemento seleccionado de tu formulario usando las opciones de texto y alineación que se muestran a continuación.
- Haz clic en Publicar o en Actualizar para que tus cambios aparezcan en la página en tiempo real.
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 insertados en páginas externas o en páginas de formularios independientes deben tener estilo en el editor de formularios o estilo CSS en su hoja de estilos externa.