Resumen de IA
Estamos trabajando arduamente para agregar todas las funciones y mejoras solicitadas en WPForms. Si todo va según lo planeado, habrá dos actualizaciones importantes esta semana. Esto es lo nuevo en WPForms 1.1.4.
Duplicar un formulario con 1 clic
Muchos de ustedes han estado pidiendo una forma fácil de duplicar formularios. Ahora pueden hacerlo fácilmente duplicando formularios con 1 clic.
Simplemente vaya a la pantalla de formularios, mueva el ratón sobre el formulario que desea duplicar y haga clic en el botón de duplicar.
Sé que nuestras plantillas de formularios facilitan mucho la creación de nuevos formularios de WordPress. Esta función será aún más potente porque ahora puedes duplicar esos formularios.
Antes de que pregunten, sí, estamos trabajando en una forma fácil para que creen sus propias plantillas de formularios personalizadas. Aunque hay una forma de hacerlo ahora mismo también (solo requiere un poco de código).
Estilos del botón de envío
WPForms le permitía agregar CSS personalizado a todos los campos de entrada, excepto al botón de envío. No estamos seguros de cómo pasamos esto por alto, pero gracias por señalarlo.
En esta versión, ahora tiene la capacidad de agregar estilos CSS personalizados a su botón de envío.
Simplemente haga clic en el botón de envío y se le llevará a la pantalla de configuración donde podrá agregar su clase CSS personalizada.
Mejoras + Corrección de errores + ¿Qué sigue?
Además de esas dos nuevas adiciones, también corregimos algunos errores menores y agregamos mejoras a las funciones existentes.
Estamos planeando lanzar la v1.1.5 más adelante esta semana, lo que le permitirá exportar las entradas de su formulario, reenviar notificaciones por correo electrónico y una interfaz de usuario mucho mejorada para las páginas de entradas individuales.
La próxima semana, lanzaremos nuestra integración con GetResponse y dos funciones más impresionantes.
¿Buscas un creador de formularios de WordPress de arrastrar y soltar? Obtén WPForms hoy y desbloquea todas las increíbles funciones.
Hola,
Me gusta mucho WPForms, pero tengo problemas para cambiar el color del botón. Me gustaría cambiar el color del botón a #292929 y el color del texto a #ffffff. Y me gustaría que el color del botón al pasar el ratón fuera #444444 y el color del texto nuevamente #ffffff. No quiero cambiar el tamaño, la forma o la fuente del botón. He probado varios enfoques de CSS, pero los colores del botón no han cambiado. ¿Qué código CSS específico agregaría al campo "Clase CSS del botón de envío" para lograr estos colores?
Hola David,
Simplemente agregue una clase CSS a su botón de envío. Digamos que la llama: wpf-custom-button
Luego, en su archivo CSS, agregue lo siguiente:
.wpf-custom-button{ background: #292929 !important; color: #fff !important; }.wpf-custom-button:hover{background: #444 !important}Estoy usando este código CSS personalizado para cambiar la apariencia del botón de envío, pero no tiene ningún efecto en la apariencia.
.wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }
Hola
¿Puedes enseñarme cómo cambiar el color de fondo del formulario?
Muchas gracias
Ftim
¡Hola Bonnie! Hay un par de maneras de estilizar tus WPForms.
Una es con el plugin CSS Hero, que no requiere codificación: solo tienes que apuntar y hacer clic. Puedes ver nuestra guía sobre cómo personalizar WPForms con CSS Hero aquí.
También puedes estilizar tus formularios tú mismo usando CSS. Tenemos una publicación sobre cómo estilizar tus formularios de contacto con CSS aquí.
Para cambiar el fondo de todos tus formularios, puedes usar un poco de CSS como este:
.wpforms-form {background-color:black}La publicación enlazada arriba tiene más ejemplos e instrucciones sobre cómo hacer esto. ¡Espero que ayude! No dudes en contactarnos si tienes alguna otra pregunta 🙂
Hola,
No quiero cambiar el color de fondo, sino el texto de la descripción del cuadro de texto. Es decir: Nombre, apellido, etc…
Por favor, ayuda.
Hola Andrew:
Puedes seleccionar la descripción del cuadro de texto usando el selector CSS
.wpforms-form label. Puedes consultar nuestra publicación de blog sobre cómo estilizar tus formularios de contacto con CSS para obtener instrucciones paso a paso y ejemplos. No dudes en ponerse en contacto si necesitas ayuda 🙂¿Hay alguna forma de centrar el botón de enviar?
Hola Arnold,
Gran pregunta, y aquí tienes el CSS que necesitarías para hacerlo:
div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; }Lo único a tener en cuenta es que este CSS centrará el botón de envío en todos los WPForms de tu sitio. Si prefieres aplicar este estilo solo a un formulario específico, puedes averiguar cómo hacerlo en este tutorial (en la sección 'Cómo personalizar los diseños de tu formulario de contacto', consulta el Método 2).
¡Espero que eso ayude! 🙂
¡Gracias, es increíble!
Estaba intentando centrar el div equivocado….
Hola Arnold,
De nada, ¡encantado de ayudar! Que tengas un buen día 🙂
Me funcionó –>>¡¡¡Gracias!!!
Me alegro mucho de que esto te haya funcionado, Bryan. ¡Y gracias por tomarte el tiempo de informarnos!
Que tengas un buen día :)
Solo quiero tres campos en mi formulario y son obligatorios, pero el formulario añade un campo extra aleatorio al final y es diferente cada vez que recargo la página, normalmente uno de los tres que ya elegí. ¿Qué pasa? ¿Cómo lo soluciono? Gracias
Hola Lena:
Según tu descripción, parece que se está mostrando nuestro campo de "honeypot". Nuestro campo de "honeypot" normalmente no es visible para los humanos; sin embargo, los bots de spam pueden verlo. Por lo tanto, cuando se completa un campo de "honeypot" en un formulario, sabemos que se trata de un bot de spam y podemos evitar que se envíe la entrada.
Sin embargo, como mencioné, este campo no debería ser visible para los humanos. Por lo tanto, lo más probable es que tu tema esté aplicando algún CSS que accidentalmente hace visible este campo. Sin embargo, podemos hacer que este campo vuelva a estar oculto con un poco de CSS:
.wpforms-field-hp { display: none; }Por si acaso ayuda, aquí tienes un tutorial de WPBeginner sobre formas sencillas de añadir CSS personalizado como este a tu sitio.
¡Espero que esto ayude! 🙂
Tengo un problema con Wpforms. Una vez que presiono el botón de enviar, la página restablece todos los campos automáticamente como en blanco y, una vez que vuelvo a introducir toda la información y pulso el botón de enviar, el formulario se envía correctamente y se redirige a la siguiente página de agradecimiento. Pero cada vez tengo que introducir el formulario dos veces, la primera vez el formulario restablece todos los campos cuando el usuario pulsa el botón.
Hola Muhammad:
¡Estaremos encantados de ayudarte! Cuando tengas un momento, envíanos un mensaje a soporte para que podamos ayudarte.
Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía una solicitud de soporte.
De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite en WordPress.org.
Gracias 🙂
¿Quiero cambiar el color del botón Siguiente. ¿Puedes ayudarme?
Hola Marius:
¡Claro! Para ajustar este estilo, necesitarás un poco de CSS personalizado. Hemos compartido el fragmento de CSS que necesitarías para ajustar en este tutorial y lo he copiado a continuación:
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next { background-color: #eee; border: 1px solid #ddd; color: #333; }En este fragmento, necesitarías cambiar los valores hexadecimales (
#eee,#dddy#333); estos se utilizan para representar diferentes colores. Por si acaso ayuda, me gusta un sitio llamado htmlcolorcodes.com para buscar valores hexadecimales de los colores que quiero. Estos ajustarán el color de fondo, el color del borde y el color de la fuente respectivamente.Además, WPBeginner tiene un gran tutorial sobre cómo añadir CSS a tu sitio.
¡Espero que eso ayude! Si tienes preguntas adicionales sobre esto, ponte en contacto con nosotros :)
Hola amigos
Necesito ayuda. Tengo un problema: mi sitio web muestra los formularios de pago 2 en lugar de 1..
¿Cómo lo soluciono? No puedo darte el enlace, está en localhost.
Hola Zara,
Me temo que estoy un poco confundido/a por tu pregunta. Cuando tengas tiempo, contacta con nuestro equipo de soporte con más información y podrán investigarlo más a fondo.
¡Gracias!
Hola, ¿alguien podría ayudarme? Necesito crear otro botón dentro del formulario que dirija a los usuarios a otro sitio web antes de que envíen. ¿Es esto posible, o tendría que añadir código?
¡Hola Manjinder!
Actualmente, no tenemos opciones integradas en WPForms para añadir botones aparte del botón de Enviar, o los botones Siguiente/Anterior de las páginas.
Si quieres añadir uno personalizado, puedes intentar usar el campo HTML y añadir algún código de botón HTML allí y personalizar sus estilos con un poco de CSS.
¡Espero que esto ayude!
Que tengas un buen día 🙂
registro de un usuario una vez – cómo bloquear al usuario después de un contacto único al mes, día, cualquier cosa.
estoy usando wp form para recopilar correos electrónicos de usuarios y alguna información. el plugin funciona bien pero
problemas —
1. cómo evitar que el usuario envíe formularios múltiples como el formulario de contacto. Una vez que una persona envía el formulario, debería enviarse a la página final inmediatamente la próxima vez y no debería pedir los detalles una y otra vez.
Una vez rellenado el formulario, la próxima vez no es necesario pedir los detalles durante al menos 10 a 15 días, debería enviarse a la última página. Es decir, la página de agradecimiento.
Por favor, ayúdanos
Hola:
La entrada duplicada podría deberse a que los usuarios actualizan la página cuando se muestra un mensaje de confirmación. En este caso, hay un par de posibles soluciones para evitar esto:
1. Redirige a los usuarios a una página de agradecimiento en lugar de a un mensaje de confirmación al enviar el formulario.
2. Usa envío de formularios AJAX. Esto se puede habilitar en el constructor de formularios yendo a Ajustes > General para seleccionar Habilitar envío de formularios AJAX
3. Si deseas evitar que el mismo usuario envíe entradas múltiples, puedes requerir valores únicos para ciertos campos. Esto se puede lograr utilizando la función del complemento Form Locker para evitar entradas múltiples del mismo usuario (disponible con Pro y niveles superiores)
¡Espero que esto ayude! Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite en WordPress.org.
Gracias 🙂
Gran formulario
¿Cómo evito las entradas duplicadas en wpforms?
me encantaría saber de ti
Hola Sam, lamentamos cualquier inconveniente que esto haya podido causar.
La entrada duplicada podría deberse a que los usuarios actualizan la página cuando se muestra un mensaje de confirmación.
Para evitar entradas duplicadas, recomendamos lo siguiente:
Redirige a los usuarios a una página de agradecimiento en lugar de a un mensaje de confirmación, lo que a menudo puede ser una opción aún mejor, ya que las páginas de agradecimiento pueden diseñarse para ayudar a tus usuarios de más maneras. Para obtener más detalles sobre cómo configurar una página de agradecimiento, así como ejemplos para hacer que esta página sea efectiva, consulta este tutorial.
Usando el envío de formularios AJAX. Esto se puede habilitar en el constructor de formularios cuando vas a Ajustes > General para seleccionar Habilitar envío de formularios AJAX. Esta opción evita que se creen entradas duplicadas cuando los usuarios actualizan la página después del envío del formulario. Para obtener más detalles sobre los envíos de formularios AJAX, consulta nuestra guía aquí.
Dicho esto, si sigues teniendo el mismo problema y tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía un ticket de soporte. De lo contrario, ofrecemos soporte complementario limitado en el foro de soporte de WPForms Lite en WordPress.org.
Gracias.