¿Desea modificar los mensajes de validación que aparecen en sus formularios? La personalización de los mensajes de validación es especialmente útil si desea traducir sus formularios a otro idioma, o si simplemente desea modificar su redacción.
Este tutorial le mostrará algunos ejemplos de mensajes de validación y cómo cambiarlos.
En este artículo
¿Qué son los mensajes de validación?
Algunos campos de sus formularios tienen ciertas reglas. Por ejemplo, los usuarios no pueden enviar un formulario si un campo obligatorio está vacío. Tampoco pueden enviar un campo Correo electrónico con un texto que no sea una dirección de correo electrónico correcta, o un campo URL que no contenga una dirección web.
WPForms utiliza un proceso llamado validación para comprobar que cada entrada sigue las reglas de sus formularios. Si el usuario no ha rellenado un campo correctamente, aparecerá un mensaje para indicarle cómo solucionar el problema antes de completar su envío.
Por ejemplo, el mensaje de validación que aparece si un campo obligatorio está vacío dice: "Este campo es obligatorio".
Personalización de los mensajes de validación
WPForms gestiona los mensajes de validación para todo su sitio en la configuración del plugin.
Para ver la lista existente de mensajes de validación para sus formularios, vaya a WPForms " Configuración y abra la pestaña Validación.
Los mensajes específicos disponibles aquí dependen de su nivel de licencia y de los complementos que tenga instalados. Para personalizar estos mensajes, simplemente sustituya el texto predeterminado por el mensaje que desea que vean sus usuarios.
A continuación, hemos enumerado todos los mensajes de validación disponibles actualmente para su personalización junto con sus valores predeterminados:
- Obligatorio: Este campo es obligatorio.
- URL del sitio web: Introduzca una URL válida.
- Correo electrónico: Introduzca una dirección de correo electrónico válida.
- Email Suggestion: Did you mean {suggestion}?
- Correo electrónico restringido: Esta dirección de correo electrónico no está permitida.
- Número de teléfono: Introduzca un número válido.
- Número positivo: Introduzca un número positivo válido.
- Confirmar valor: Los valores de los campos no coinciden.
- Máscara de entrada Incompleta: Por favor, rellene el campo en el formato requerido.
- Checkbox Selection Limit: You have exceeded the number of allowed selections: {#}.
- Character Limit: Limit is {limit} characters. Characters remaining: {remaining}.
- Word Limit: Limit is {limit} words. Words remaining: {remaining}.
- Teléfono: Introduzca un número de teléfono válido.
- Extensión de archivo: El tipo de archivo no está permitido.
- Tamaño del fichero: El archivo excede el tamaño máximo permitido. El archivo no se ha cargado.
- Hora (12 horas): Introduzca la hora en formato de 12 horas AM/PM (por ejemplo, 8:45 AM).
- Hora (24 horas): Introduzca la hora en formato de 24 horas (por ejemplo, 22:45).
- Pago obligatorio: El pago es obligatorio.
- Tarjeta de crédito: Introduzca un número de tarjeta de crédito válido.
- Field Upload Total Size: The total size of the selected files {totalSize} Mb exceeds the allowed limit {maxSize} Mb.
- Fuerza de la contraseña: Se requiere una contraseña más fuerte. Utiliza letras mayúsculas y minúsculas, números y símbolos.
- Respuesta única: El valor debe ser único.
- Error de cupón: Este cupón no es válido.
Observe que algunos de los mensajes predeterminados incluyen marcadores de posición entre llaves. Éstos extraerán valores de otras áreas de su sitio y los mostrarán en sus mensajes de validación.
Nota: Al traducir los mensajes de validación, asegúrese de dejar los marcadores de posición en inglés. Para más información, consulte la sección de preguntas frecuentes.
Los marcadores de posición disponibles incluyen:
- {suggestion}: Inserts a suggested correction if a user enters a common email address (e.g., @gmail.com, @yahoo.com) with a typo.
- {#}: Shows the maximum number of selections allowed by a Checkboxes field, as determined in its field options.
- {limit}: Shows the word or character limit for a Single Line Text or Paragraph Text field, as set in its field options.
- {remaining}: Displays the remaining available words or characters until the user reaches the limit for a Single Line Text or Paragraph field, as set in its field options.
- {totalSize}: Inserts the size of a file a user has attempted to upload using the File Upload field.
- {maxSize}: Displays the maximum file size allowed by the File Upload field.
Una vez que haya realizado los cambios, asegúrese de hacer clic en Guardar configuración en la parte inferior de la pantalla. Todos los WPForms en su sitio utilizarán estos mensajes de validación.
Nota: Si desea desactivar el texto y los iconos de los mensajes de error de validación manteniendo las señales visuales, consulte nuestra documentación para desarrolladores para obtener más información.
Preguntas frecuentes
Estas son algunas de las preguntas más comunes que recibimos sobre la personalización de los mensajes de validación en WPForms.
He traducido mis mensajes de validación y ahora mis marcadores de posición no funcionan. ¿Qué debo hacer?
Al traducir sus mensajes de validación, debe dejar los marcadores de posición en inglés.
For example, if you were to translate the default email suggestion validation message, you would enter “Did you mean” in your target language, but leave “{suggestion}” in English, like so:
¿Cómo puedo cambiar el texto de error para los envíos fallidos de formularios en WPForms?
Puede modificar el texto de error que se muestra para los envíos fallidos en WPForms utilizando un fragmento de PHP. Esto le permite personalizar el mensaje para que se adapte mejor a las necesidades de su sitio web o para proporcionar instrucciones más específicas a sus usuarios.
Para obtener instrucciones detalladas sobre cómo implementar este fragmento, consulte nuestra documentación para desarrolladores sobre cómo cambiar el texto de error de los envíos fallidos.
Ya está. Ahora puede personalizar los mensajes de validación en sus formularios.
Además, ¿te gustaría personalizar la apariencia de tus mensajes de validación o dar estilo a otras partes de tus formularios? Para empezar, consulta nuestra guía de CSS para principiantes.