Elementos de formulario de Hubspot en Webflow

Esta página representa la estructura HTML de algunos de los elementos del formulario de HubSpot, usa el poder del diseñador de Webflow para definir estilos CSS para una inserción de formulario de HubSpot sin procesar.

Algunos elementos de formulario

Formulario HS-

columnas-de-formulario-1

columnas-formulario-2

hs-form es la clase de formulario principal.

form-columns-1 es una clase de contenedor con 1 columna para las entradas.

form-columns-2 es una clase de contenedor con 2 columnas para las entradas.

Entrada y etiqueta

hs-input

Etiqueta de formulario

Descripción del campo / Texto de ayuda

hs-field-desc

Etiqueta de formulario

Este es un texto de ayuda para el campo

Mensaje de error de campo

hs-error-msgs lista-de-entradas

hs-error-msg

Etiqueta de formulario

Etiqueta de mensaje de error

hs-error-msgs inputs-list es un elemento de lista HTML.

hs-error-msg es un intervalo de texto dentro del elemento HTML List Item.

Entrada de área de texto

hs-input hs-fieldtype-textarea

Etiqueta de formulario

hs-fieldtype-textarea se agrega como clase combinada.

Casillas de verificación

hs-form-booleancheckbox

hs-form-booleancheckbox-display

lista-de-entradas

hs-input

Naturaleza
Política
Tecnología

Nota: HubSpot usa casillas de verificación HTML básicas, las casillas de verificación de Webflow funcionan de manera diferente a las casillas de verificación HTML predeterminadas, por lo tanto, para diseñar las casillas de verificación de HubSpot, necesita CSS personalizado.

Casilla de verificación

puede usar la casilla de verificación Webflow para diseñar y luego copiar CSS de ella.

Botones de radio

lista-de-entradas

hs-form-radio

hs-form-radio-display

lista-de-entradas

hs-input

Mensaje de éxito

mensaje-enviado

Este es el mensaje de éxito del formulario

RecaptCHA

hs-recaptcha

Botón Enviar

hs_submit

Botón hs

Gracias. Hemos recibido su envío.

¡Ups! Algo salió mal al enviar el formulario.

Subscríbete a nuestro newsletter para recibir las últimas noticias y novedades de productos.

Swan recoge y procesa la información personal que nos ha proporcionado al enviar este formulario con el fin de prestarle los servicios que ha solicitado y enviarle información sobre las actividades y servicios de Swan y ofertas adaptadas a sus intereses. Consulte la política de privacidad deSwan para obtener más información sobre cómo procesamos su información personal y sobre sus derechos.

Vamos a confirmar su número de teléfono

Como institución financiera regulada, estamos obligados a asegurarnos de saber con quién estamos trabajando. ¡Este es el último paso antes de darle la bienvenida a nuestra Sandbox!

Confirmar mi número

¡Ups! Algo salió mal al enviar el formulario.

Ejemplo en vivo

Formulario Webflow

Gracias. Hemos recibido su envío.

¡Ups! Algo salió mal al enviar el formulario.

Formulario de HubSpot

Inserta tu propio código de HubSpot dentro de la :) de inserción

¡Éxito!

¡Gracias! Hemos recibido su propuesta.