weform
Te encanta weForms por su poder, pero en un sitio web creado por Elementor, puede sentirte como un extraño atrapado en su apariencia predeterminada, negándose a integrarse. No más concesiones. Master Addons weForms Element te entrega las llaves del estudio de diseño. Introduzca cualquier weForm existente directamente en el editor Elementor y diseñe cada pieza del mismo. Aplique diseños profesionales con un solo clic y luego modifique todo, desde la sombra del contenedor hasta el color del texto del marcador de posición. Haga de sus formularios de contacto, encuestas y formularios de registro una hermosa y perfecta extensión de su marca. Deja de dejar que tus formularios rompan la magia del diseño.
Ajustes preestablecidos instantáneos de diseño y maquetación
¿por qué empezar desde una pizarra en blanco? Siga adelante con ajustes preestablecidos de Diseño y Diseño seleccionados (del estilo uno al once). Cada ajuste preestablecido aplica un conjunto coordinado de estilos '-para el contenedor, los campos y el botón ', brindándole instantáneamente una forma diseñada profesionalmente. Ya sea que necesite una forma de luz minimalista, una tarjeta oscura en negrita o algo con bordes vibrantes, hay un punto de partida. Es la forma más rápida de hacer que un weForm parezca que siempre estuvo destinado a ser parte de su página Elementor.
- Más de 11 estilos listos para usar: elija entre una biblioteca de diseños prediseñados como “Estilo uno”, “Estilo dos”, etc., para obtener un atractivo visual instantáneo.
- Sistemas de diseño coherentes: cada preajuste estiliza toda la forma de manera integral 'contenedor, campos, botón ', lo que garantiza una combinación perfecta.
- Punto de partida perfecto: use un ajuste preestablecido como base y luego personalícelo aún más con controles granulares para que sea exclusivamente suyo.
Arquitectura completa de contenedores y campo
Controle el marco y los componentes básicos de su formulario. Primero, diseñe el contenedor de formularios: establezca su ancho, alineación, fondo, relleno y agregue efectos avanzados como Box Shadow y Border Radius para que explote o combine. Luego, diseñe los propios campos de formulario. Ajuste el ancho de entrada y el ancho del área de texto de forma independiente, establezca el fondo del campo, el relleno interno y los bordes. Incluso puede diseñar el estado de enfoque «cambiar el color del borde y la sombra cuando un usuario hace clic en un campo 'para obtener una sensación pulida e interactiva.
- Control de dimensión de campo: establezca diferentes anchos para entradas estándar y campos de área de texto (mensaje).
- Estados de enfoque interactivo: defina un color de borde personalizado y una sombra de caja para los campos cuando los usuarios hacen clic en ellos, lo que mejora la usabilidad.
- Espaciado y esquinas: ajuste el relleno de campos y el radio del borde en todos los lados para cada cuadro de entrada.
Control de color y tipografía
La tipografía y el color son el alma de tu diseño. Aquí, los controlas para cada elemento de texto por separado. Estilee la etiqueta (como “Dirección de correo electrónico *”) con su propio color y tipografía. Defina el color de fuente del campo para qué escriben los usuarios. Fundamentalmente, diseñe el color de fuente del marcador de posición, a menudo olvidado (“Su correo electrónico...”). Utilice controles de tipografía separados para etiquetas y campos de entrada para crear una jerarquía visual clara, asegurando que su forma no solo sea elegante sino que se pueda leer sin esfuerzo.
- Estilo de texto de triple capa: establezca colores de forma independiente para etiquetas, fuentes de campo escritas y texto de marcador de posición.
- Tipografía jerárquica: aplique diferentes familias de fuentes, tamaños y pesos a la tipografía de etiquetas y a la tipografía de campos de entrada.
- Claridad visual: utilice colores contrastantes para etiquetas y marcadores de posición para guiar a los usuarios de forma intuitiva a través del formulario.
Personalización del botón Enviar
El botón de envío es el paso final y más importante. No lo dejes como un rectángulo gris predeterminado. Toma el comando completo. Controla su ancho y alineación. Estilee su tipografía. Defina el color del texto y el color de fondo para los estados normal y flotante. Ajuste su relleno, margen, borde y radio de borde para obtener la forma y el tamaño perfectos. Agregue una sombra de cuadro para que salga de la página. Esto convierte un “Envío” mundano en un activador convincente y digno de hacer clic para sus conversiones.
- Control de dimensiones completo: ajuste el ancho, el acolchado, el margen y el radio del borde del botón para obtener la geometría perfecta del botón.
- Libertad de alineación: coloque el botón a la izquierda, al centro o a la derecha dentro del contenedor del formulario.
- Efectos avanzados: aplique Box Shadow y tipos de bordes personalizados para hacer de su botón un elemento visual destacado.
Preguntas frecuentes para weForm
¿cómo conecto este elemento a mis weForms existentes?
Es simple. En la pestaña Contenido, verá un menú desplegable “Seleccionar weForm”. Haga clic en él y verá una lista de todos los formularios que ha creado en el panel del complemento weForms. Simplemente seleccione el que desea incrustar y diseñar. El elemento ingresa automáticamente a sus campos de formulario en vivo (Nombre, Correo electrónico, etc.).
¿Mi formulario seguirá funcionando y enviará correos electrónicos como antes?
Absolutamente sí. Este elemento sólo cambia el diseño visual del formulario dentro de Elementor. Todas las funciones principales de weForms (lógica de campo, notificaciones, enrutamiento de correo electrónico, confirmaciones y almacenamiento de datos) permanecen 100% intactas y funcionan exactamente como las configuró en la configuración del complemento weForms.
¿Puedo usar diferentes estilos para diferentes formularios en el mismo sitio?
¡por supuesto! Cada elemento de Master Addons weForms que colocas en una página tiene un estilo independiente. Puedes tener un formulario de contacto minimalista en tu pie de página (usando Style Two) y un formulario de registro colorido y en negrita en tu sección de héroe (usando Style Seven) sin ningún conflicto.
¿el formulario diseñado responde completamente en dispositivos móviles?
Sí. El elemento está construido teniendo en cuenta la capacidad de respuesta. El ancho del contenedor, los anchos de campo, el relleno y los tamaños de fuente se adaptarán. Para un control avanzado, puede usar el modo responsivo de Elementor para modificar la configuración específicamente para vistas de tabletas y dispositivos móviles (como apilar campos o ajustar el tamaño de los botones).
¿qué pasa si actualizo la configuración de mi campo en el complemento principal de weForms?
Sus cambios (como agregar un nuevo campo o cambiar una etiqueta de campo) se sincronizarán automáticamente. Es posible que solo necesite actualizar la vista del editor Elementor (como sugiere el texto auxiliar) para ver la estructura de campo actualizada. Luego, sus estilos personalizados se aplicarán a los campos nuevos o actualizados.
¿puedo seguir usando Conditional Logic y otras funciones avanzadas de weForms?
Definitivamente. Dado que este elemento incorpora su weForm real y funcional, todas las funciones avanzadas como lógica condicional, formularios de varias páginas, cargas de archivos e integraciones que configure en weForms funcionarán perfectamente. Simplemente le estás dando una nueva y hermosa máscara frontal.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
