Estamos trabajando duro para añadir todas las características y mejoras solicitadas en WPForms. Si todo va según lo previsto, habrá dos actualizaciones importantes esta semana. Esto es lo que hay de nuevo en WPForms 1.1.4.
Duplicar un formulario con 1 clic
Muchos de ustedes han estado pidiendo una manera fácil de duplicar formularios. Ahora puedes duplicar formularios fácilmente con 1 clic.
Sólo tiene que ir a la pantalla de formularios, acercar el ratón al formulario que desea duplicar y hacer 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 podrás duplicar esos formularios.
Antes de que lo preguntes, sí, estamos trabajando en una forma sencilla para que puedas crear tus propias plantillas de formularios personalizadas. Aunque hay una manera que usted puede hacer eso ahora mismo también (sólo requiere un poco de codificación).
Estilos de botones de envío
WPForms le permite añadir CSS personalizado a todos los campos de entrada, excepto el botón Enviar. No estoy seguro de cómo pasamos por alto que, pero gracias por señalar que.
En esta versión, ahora puede añadir estilos CSS personalizados al botón Enviar.
Simplemente haga clic en el botón Enviar y accederá a la pantalla de configuración donde podrá añadir su clase CSS personalizada.
Mejoras + Corrección de errores + Próximos pasos
Aparte de estas dos novedades, también hemos corregido algunos errores menores y añadido mejoras a las funciones existentes.
Tenemos previsto lanzar la versión 1.1.5 a finales de esta semana, que te permitirá exportar las entradas de tus formularios, reenviar notificaciones por correo electrónico y una interfaz de usuario muy mejorada para las páginas de entrada única.
La semana que viene lanzaremos nuestra integración con GetResponse y dos funciones más.
¿Busca un creador de formularios WordPress de arrastrar y soltar? Obtenga WPForms hoy y desbloquee todas las características impresionantes.
Hola,
Me gusta mucho WPForms, pero estoy teniendo 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 que se cierne a ser #444444 y el color del texto de nuevo a ser #ffffff. No quiero cambiar el tamaño, la forma o la fuente del botón. He probado varios métodos CSS, pero los colores del botón no han cambiado. ¿Qué código CSS específico debería añadir al campo "Clase CSS del botón Enviar" para conseguir estos colores?
Hola David,
Simplemente añada una clase css a su botón Enviar. Digamos que lo llamas: wpf-custom-button
A continuación, en su archivo CSS añada 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 enviar 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 que usted puede ir sobre el estilo de su WPForms.
Uno es con el plugin CSS Hero, que no requiere codificación - sólo 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 un post sobre cómo dar estilo a 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}El post enlazado más arriba tiene más ejemplos e instrucciones sobre cómo hacerlo. ¡Espero que te sirva de ayuda! No dudes en contactarnos si tienes alguna otra pregunta 🙂 .
Hola,
No quiero cambiar el color de fondo, pero el texto de la descripción del cuadro de texto. Es decir: Nombre, nombre, apellido .. etc ...
Por favor, ayuda.
Hola Andrew,
Puede orientar la descripción del cuadro de texto utilizando el selector CSS
.wpforms-form label. Puede consultar la entrada de nuestro blog sobre Cómo dar estilo a tus formularios de contacto con CSS para ver instrucciones paso a paso y ejemplos. No dude en ponerse en contacto si necesitas ayuda 🙂 .¿Hay alguna forma de centrar el botón de envío?
Hola Arnold,
Gran pregunta, y aquí está el CSS que necesitarías para hacerlo:
div.wpforms-container-full .wpforms-form .wpforms-submit-container {text-align: center;
}
Lo único que hay que 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 sólo a un formulario específico, puedes encontrar cómo hacerlo en este tutorial (en la sección 'Cómo personalizar los diseños de tus formularios de contacto', ver Método 2).
Espero que te sirva de ayuda 🙂 .
Gracias, ¡es increíble!
Estaba intentando centrar el div.... equivocado
Hola Arnold,
De nada, ¡encantado de ayudar! Que te vaya bien 🙂 .
Me funcionó->>¡¡Gracias!!!
Me alegro de que te haya funcionado, Bryan, y gracias por dedicarnos tu tiempo.
Que lo pases bien 🙂 .
Sólo quiero tres campos con mi formulario y son obligatorios, pero el formulario está añadiendo un campo extra al azar en la parte inferior y es diferente cada vez que recargo la página, por lo general el de los tres que ya elegí. ¿Cuál es el problema? ¿Cómo solucionarlo? Gracias
Hola Lena,
Basándonos en tu descripción, parece que se está mostrando nuestro campo honeypot. Nuestro campo de honeypot no es normalmente visible para los humanos - sin embargo, los bots de spam pueden verlo. Así que cuando se rellena 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 ya he mencionado, este campo no debería ser visible para los humanos. Así que lo más probable es que tu tema esté aplicando algún CSS que accidentalmente haga visible este campo. Sin embargo, podemos volver a ocultar este campo con un poco de CSS:
.wpforms-field-hp { display: none; }Por si te sirve de ayuda, aquí tienes un tutorial de WPBeginner sobre formas sencillas de añadir CSS personalizado como este a tu sitio.
Espero que te sirva de ayuda 🙂 .
Me enfrento a un problema con Wpforms, Una vez que pulse el botón de envío, la página restablecer todos los campos automáticamente en blanco y una vez que vuelva a introducir toda la información y pulse el botón de envío formulario presentado correctamente y redirigido en la siguiente página de agradecimiento. Pero cada vez que tengo que entrar en el formulario de dos veces, la primera vez que la forma de restablecer todos los campos cuando el usuario pulse el botón.
Hola Muhammad,
Estaremos encantados de ayudarte. Cuando puedas, escríbenos a soporte para que podamos ayudarte.
Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte.
De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias 🙂 .
Quiero cambiar Siguiente color butoon. ¿Puede ayudarme?
Hola Marius,
Por supuesto. Para ajustar este estilo, necesitarás un poco de CSS personalizado. Hemos compartido el fragmento de CSS que necesitarías 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, tendría que cambiar los valores hexadecimales (
#eee,#dddy#333) - se utilizan para representar diferentes colores. En caso de que ayude, me gusta un sitio llamado htmlcolorcodes.com para buscar los valores hexadecimales de los colores que quiero. Éstos 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 su sitio.
Espero que te sirva de ayuda. Si tienes más preguntas al respecto, ponte en contacto con nosotros 🙂 .
Hola Amigos
Necesito ayuda tengo un problema que mi sitio web mostrando formularios de pago 2 en lugar de 1..
¿Cómo solucionar este problema? no puedo darle enlace su en localhost.
Hola Zara,
Me temo que estoy un poco confuso con su pregunta. Cuando dispongas de algo de tiempo, ponte en contacto con nuestro equipo de asistencia con más información y ellos podrán investigar 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 enviar. ¿Es esto posible, o tendría que añadir código?
¡Hola Manjinder!
Actualmente, no tenemos opciones incorporadas en WPForms para agregar botones que no sean el botón Enviar, o las páginas botones Siguiente / Anterior.
Si desea agregar uno personalizado, puede intentar usar el campo HTML y agregar algún código HTML de botón allí y personalizar sus estilos con un trozo de CSS.
¡Espero que esto te ayude!
Que tengas un buen día 🙂 .
un usuario un registro de tiempo - como bloquear usuario despues de un contacto de tiempo en mes , dia cualquier cosa.
Estoy usando wp formulario para recoger los usuarios de correo electrónico y alguna información . plugin está funcionando bien, pero
problemas -
1. como evitar que el usuario envie multiples formularios como el de contacto . Una vez que una persona envía el formulario, debe ser enviado a la página final inmediatamente la próxima vez y no debe pedir los detalles una y otra vez.
Una vez cumplimentado el formulario, la próxima vez que no sea necesario solicitar los datos durante al menos 10 o 15 días, deberá enviarse a la última página. es decir, a la página de agradecimiento.
Por favor, ayúdenos
Hola,
La entrada duplicada puede deberse a que los usuarios actualizan la página cuando se muestra un mensaje de confirmación. En este caso, hay un par de soluciones posibles para evitarlo:
1. Redirija a los usuarios a una página de agradecimiento en lugar de un mensaje de confirmación al enviar el formulario.
2. Utilice el envío de formularios AJAX. Esto se puede activar en el constructor de formularios cuando se va a Configuración> General para seleccionar Habilitar el envío de formularios AJAX.
3. Si desea evitar que el mismo usuario envíe múltiples entradas, puede requerir valores únicos para ciertos campos. Esto se puede lograr utilizando la función de la Forma Locker addon para evitar múltiples entradas del mismo usuario (disponible con Pro y el nivel superior)
¡Espero que esto ayude! Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias 🙂 .
Gran forma
Por favor, ¿cómo puedo evitar entradas duplicadas en wpforms
me encantaría saber de usted
Hola Sam - Sentimos las molestias que esto haya podido ocasionar.
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:
Redirija a los usuarios a una página de agradecimiento en lugar de un mensaje de confirmación al enviar el formulario, que a menudo puede ser una opción incluso mejor, ya que las páginas de agradecimiento pueden diseñarse para ayudar a sus usuarios de más formas. Para obtener más detalles sobre cómo configurar una página de agradecimiento, así como ejemplos para que esta página sea eficaz, consulte este tutorial.
Utilizar el envío de formularios AJAX. Esto se puede activar en el generador de formularios cuando se va a Configuración > General para seleccionar Activar el envío de formularios AJAX. Esta opción evita que se creen entradas duplicadas cuando los usuarios actualizan la página después de enviar el formulario. Para más detalles sobre el envío de formularios AJAX, consulte nuestra guía aquí.
Dicho esto, si sigue teniendo el mismo problema y tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias.