Wwidget WPForms Elementor para agregar y diseñar sus formularios
El widget Master Addons WPForms coloca un formulario que usted creó en WPForms en cualquier página de Elementor y le permite diseñarlo desde el panel de Elementor. Elija el formulario, elija si desea mostrar su título, descripción, etiquetas y marcadores de posición, luego diseñe entradas, botones de opción, casillas de verificación, el botón de envío y mensajes de error. Los estilos uno a cuatro son gratuitos y Complementos maestros Pro agrega estilo cinco a once. Necesita instalar el complemento WPForms, ya sea el WPForms Lite gratuito o un plan pago.
Cómo agregar WPForms a Elementor
Necesita Elementor, el complemento WPForms y el complemento gratuito Master Addons.
- Instale WPForms desde complementos, agregue nuevos, luego cree y guarde su formulario WPForms, agregar nuevo.
- Compruebe que WP Forms esté activado en Complementos maestros, widgets.
- Edita tu página con Elementor, busca Formularios WPF y arrastre el widget de complementos maestros a su lugar.
- Elige tu formulario en el Formulario de contacto desplegable y configure los interruptores de título, etiquetas y marcadores de posición.
- Elija una variación de diseño en la pestaña Estilo.
- Diseñe las entradas, casillas de verificación, botón de envío y errores, luego obtenga una vista previa y envíe una entrada de prueba.
WPForms también agrega su propio widget básico de WPForms a Elementor. Utilice el widget Master Addons cuando desee ajustes preestablecidos de estilo y controles de estilo detallados.
Variaciones de diseño: 4 gratis, 11 con Pro
El Variaciones de diseño el menú desplegable en la sección Diseño de diseño cambia el aspecto de los campos, las etiquetas y los botones. Los estilos uno a cuatro funcionan en el complemento gratuito y Pro desbloquea los estilos cinco a once, incluido un estilo de etiqueta flotante. Estos son los mismos ajustes preestablecidos de estilo Formulario de contacto 7 usos de widgets y las demostraciones a continuación se crean con ese widget.
- Título y descripción personalizados: reemplace el título y la descripción de WPForms con su propio texto.
- Etiquetas y Marcador los interruptores los ocultan o los muestran.
- Mensajes de error: mostrar u ocultar mensajes de validación de WPForms.
Entrada, área de texto y estilo de casilla de verificación
El Área de entrada y texto la sección tiene pestañas Normal y Enfoque. Establezca el color de fondo y texto, el borde, el radio del borde, la sangría del texto, el ancho y alto del área de entrada y texto, el relleno, el espaciado, la tipografía y la sombra del cuadro, luego proporcione a los campos enfocados su propio borde y sombra. Radio y casilla de verificación activa estilos personalizados con tamaño, color, ancho de borde, color de borde, radio separado para casillas de verificación y botones de opción, y un color marcado.
- Etiqueta, marcador de posición y descripción de campo colores y tipografía.
- Título y descripción alineación, color, tipografía y margen.
- Diferentes anchos para entradas de una sola línea y el cuadro de mensaje.
Botón de envío y estilo de error
El Botón Enviar la sección establece alineación, ancho completo o personalizado, color de fondo y texto, borde, radio del borde, relleno, margen superior, tipografía y sombra de cuadro, con colores flotantes para fondo, texto y borde. El Errores la sección diseña el color del texto de error y el color del borde y el ancho de los campos que fallan en la validación. Los mensajes de éxito mantienen el estilo de WPForms.
- Un botón de ancho completo para formularios compatibles con dispositivos móviles.
- Pase el cursor sobre colores que coincidan con sus otros botones.
- Bordes de campo rojos que hacen obvios los campos faltantes.
WPForms frente a formularios elementales
Elementor Pro tiene su propio widget de formulario, por lo que no necesita WPForms si ya paga por Elementor Pro. Así es como se comparan los dos enfoques.
| Característica | WPForms con complementos maestros | Formulario Elementor Pro |
|---|---|---|
| Precio | WPForms Lite es gratuito y las funciones avanzadas necesitan un plan WPForms pago | Necesita Elementor Pro |
| Donde construyes el formulario | Creador de arrastrar y soltar WPForms | Dentro del widget Elementor Form |
| Estilismo en Elementor | A través de este widget de complementos maestros | Integrado en el widget Form |
| Campos | Establecido por su plan WPForms | Texto, correo electrónico, área de texto, número, fecha, hora, carga de archivos, paso y más |
| Después de enviar | Notificaciones y confirmaciones en WPForms, integraciones en planes pagos | Correo electrónico, redireccionamiento, webhook, ventanas emergentes, envíos y acciones de marketing por correo electrónico |
| Utilice Elementor externo | Sí, en cualquier editor o tema | Sólo páginas elementales |
Elija Elementor Forms cuando ya tenga Elementor Pro y quiera todo en un solo editor. Elija WPForms cuando desee formularios que también funcionen fuera de Elementor o prefiera su creador de formularios. ¿Usar el formulario de contacto 7 en su lugar? El Formulario de contacto 7 widget ofrece ajustes preestablecidos del mismo estilo.
Preguntas frecuentes sobre WPForms
¿el widget WPForms es gratuito?
Sí. El widget se encuentra en el complemento gratuito Master Addons con Style One to Four y en todas las secciones de estilo. Complementos maestros Pro agrega el estilo cinco al once.
¿necesito instalar el complemento WPForms?
Sí. Instale y active WPForms, gratis o de pago, y cree sus formularios allí primero. Sin él, el widget muestra un aviso “WPForms no está activado”. Funciones como la lógica condicional siguen funcionando porque el widget muestra su formulario WPForms real.
¿cómo agrego WPForms a Elementor?
Cree el formulario en WPForms, luego arrastre el widget Master Addons WPForms a su página Elementor y elija el formulario en el menú desplegable Formulario de contacto. Los pasos completos se encuentran en la sección instructiva anterior.
¿Cómo cambio la apariencia de los mensajes de error?
Abra la sección Errores en la pestaña Estilo para configurar el color del texto de error y el color del borde y el ancho de los campos no válidos. En la pestaña Contenido también puede ocultar mensajes de error. No hay una sección separada sobre el estilo del mensaje de éxito.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
