Easily build and embed forms on your site. Try HubSpot Forms for free.  
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

Estilo a tu formulario incrustado en una página externa

Última actualización: diciembre 19, 2018

Puedes diseñar tu formulario de HubSpot incrustado con temas preestablecidos en el editor de formularios o con CSS personalizada en tu hoja de estilo externa.

Estilo del formulario con temas

Si quieres diseñar tus formularios sin escribir ningún código personalizado, puedes usar temas preestablecidos en tu formulario incrustado o un formulario utilizado en una URL independiente. Los temas agregan más opciones de personalización a tus formularios, además de cualquier fuente y colores que ya hayas aplicado. 

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios.
  • Haz clic en el nombre de un formulario
  • En el editor de formularios, haz clic en la pestaña Estilo y vista preliminar
  • En el panel Estilo, borra la casilla Mantener el tema anterior

Nota: Borrar la casilla de verificación Mantener tema anterior eliminará el antiguo estilo de HubSpot aplicado a este formulario. Cualquier CSS personalizada o JavaScript que hayas agregado al formulario ya no funcionará. 

  • Seleccionar uno de los cuatro temas disponibles. themes-in-forms

Estos temas son específicos para cada formulario individual y solo afectarán los formularios que están incrustados externamente o se utilizan en una URL independiente. 

Estilo del formulario con CSS

Nota: la capacidad de personalizar el CSS de tu formulario incrustado y el código de incrustación solo está disponible para cuentas de Marketing Hub Básico, Pro y Enterprise.

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios.
  • Haz clic en el nombre del negocio.
  • En el editor de formularios, haz clic en la pestaña Opciones
  • Haz clic para activar el interruptor Formulario sin estilo. El formulario se mostrará como un elemento HTML sin procesar en tu sitio web en lugar de dentro de un iFrame, y cualquier estilo de HubSpot predeterminado aplicado al formulario será eliminado.
  • Cuando esta configuración esté habilitada, haz clic en Compartir en la esquina superior derecha del editor. 
  • En el cuadro de diálogo, haz clic en Copiar.
  • Agrega el código de incrustación del formulario a tu sitio externo. Si ya has incrustado tu formulario en tu página externa, deberás reemplazar el código existente con esta nueva versión que no tiene el estilo de formulario predeterminado aplicado. 
New Call-to-action