Estilo de formulario
Auto Form Builder te ofrece control total sobre el estilo de los formularios. Adapta los colores de tu marca, usa tus fuentes, ajusta el espaciado y diseña formularios que se integren perfectamente en tu sitio web.
Por qué es importante el estilo de los formularios
Tu sitio web tiene una marca. Tus formularios deben reflejarla.
Cuando los formularios se ven diferentes al resto de tu sitio, los visitantes dudan. Se preguntan si siguen en el mismo sitio web. Esa duda afecta las conversiones.
Los formularios con estilo también transmiten profesionalismo. Un formulario impecable demuestra a los visitantes que te preocupas por los detalles, y si te preocupa el diseño del formulario, probablemente también te importen sus datos.
Cómo funciona el estilo de formulario
Auto Form Builder incluye un editor de estilos visuales integrado en la interfaz del creador de formularios.
- Selecciona qué estilo dar. Elija entre contenedor de formulario, etiquetas de campo, campos de entrada, botones o mensajes de error.
- Ajustar la configuraciónUsa selectores de color, controles deslizantes y menús desplegables para cambiar valores. No es necesario aprender ni recordar sintaxis CSS.
- Vista previa instantáneaTodos los cambios aparecen inmediatamente en la vista previa en vivo. Vea exactamente cómo se verá su formulario antes de publicarlo.
- Guardar como predeterminadoAplica tu estilo automáticamente a los nuevos formularios. Créalos una vez y reutilízalos en todas partes.
Lo que puedes personalizar
Color
Controla todos los colores de tu formulario. Colores de fondo para el contenedor del formulario y los campos individuales. Colores de texto para etiquetas, marcadores de posición y texto de entrada. Colores de borde para los estados predeterminado, de enfoque y de error. Colores de botones para el fondo, el texto y los efectos al pasar el cursor.
Tipografía
Elija fuentes para etiquetas y campos de entrada. Ajuste el tamaño de las fuentes de forma independiente: etiquetas más grandes para enfatizar, texto auxiliar más pequeño para información secundaria. Controle el grosor de la fuente para etiquetas en negrita o texto de entrada más claro.
Espaciado y diseño
Establezca el espaciado entre los campos para crear espacio. Ajuste el relleno dentro de los campos para facilitar la entrada de texto. Controle los márgenes alrededor de todo el formulario para que se integre perfectamente en el diseño de la página.
Fronteras y esquinas
Define el ancho, el estilo y el color del borde. Redondea las esquinas para una apariencia moderna o mantenlas definidas para un diseño minimalista. Aplica diferentes estilos de borde a los distintos estados del formulario: bordes sutiles por defecto, bordes prominentes al enfocar.
Botones
Diseña botones de envío que combinen con tu marca. Color de fondo, color del texto, radio del borde, relleno, tamaño y grosor de fuente. Personaliza los estados al pasar el cursor y activo para que los botones sean responsivos y fáciles de pulsar.
FormularioContenedor
Dale estilo al envoltorio general del formulario. Añade un color de fondo o mantenlo transparente. Aplica sombras de cuadro para dar profundidad. Define el radio del borde para los contenedores de formularios redondeados. Controla el ancho máximo para evitar que los formularios se estiren demasiado.
Escenarios comunes de diseño de formularios
Pautas de la marca Match
Su empresa tiene colores específicos: #0F2D5F para los colores primarios y #F59E0B para los acentos. Introduzca estos valores en el editor de estilos. Los botones de formulario usan su color de acento. Las etiquetas de formulario usan su color primario. Consistencia de marca perfecta.
Crear formularios de alto contraste
¿Sitio web con fondo oscuro? Crea formularios claros que destaquen. ¿Fondo claro? Usa formularios con bordes y sombras sutiles para definir el área del formulario sin competir visualmente.
Diseño de formas minimalistas
Elimina los bordes, reduce el espaciado y usa fondos transparentes. Crea formularios que se integren en la página, en lugar de estar en un recuadro.
Cree formularios de llamada a la acción llamativos
Botones grandes, colores vibrantes y relleno generoso. Crea formularios que llamen la atención en tus páginas más importantes de generación de leads.
Formularios que se adaptan a cualquier tema
Auto Form Builder funciona con cualquier tema de WordPress. Tus formularios personalizados se adaptan a cualquier diseño.
¿Usas Woodmart, Astra, GeneratePress, Divi o cualquier otro tema? Tus formularios se verán originales. El editor de estilos te da el control suficiente para adaptarse a cualquier sistema de diseño.
Sin conflictos de temas. Sin problemas de herencia de estilos. Solo formularios con el aspecto que buscas.
No se requiere CSS
No necesitas escribir CSS personalizado para diseñar tus formularios. El editor visual se encarga de todo.
Pero si deseas tener control sobre el CSS, Auto Form Builder admite CSS personalizado para cada formulario. Agrega modificaciones para casos especiales o aplica estilos avanzados que no están disponibles en el editor visual. Los usuarios avanzados obtienen la flexibilidad que necesitan.
