Cambiar los mensajes de validación

¿Te gustaría cambiar los mensajes de validación que aparecen en tus formularios? Personalizar tus mensajes de validación es especialmente útil si quieres traducir tus formularios a otro idioma, o si simplemente te gustaría modificar su redacción.

Este tutorial te mostrará algunos ejemplos de mensajes de validación y cómo cambiarlos.

¿Qué son los mensajes de validación?

Algunos campos de tus 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 de correo electrónico con un texto que no sea una dirección de correo electrónico válida, o un campo de URL que no contenga una dirección web.

WPForms utiliza un proceso llamado validación para comprobar que cada entrada sigue las reglas de tus 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 mensajes de validación

WPForms gestiona los mensajes de validación para todo tu sitio en la configuración del plugin.

Para ver la lista existente de mensajes de validación para tus formularios, ve a WPForms » Ajustes y abre la pestaña Validación.

Los mensajes específicos disponibles aquí dependen de tu nivel de licencia y de los complementos que tengas instalados. Para personalizar estos mensajes, simplemente reemplaza el texto predeterminado con el mensaje que quieres que vean tus usuarios.

A continuación, hemos enumerado todos los mensajes de validación actualmente disponibles para su personalización junto con sus valores predeterminados:

• Obligatorio: Este campo es obligatorio.
• URL del sitio web: Por favor, introduce una URL válida.
• Correo electrónico: Por favor, introduce una dirección de correo electrónico válida.
• Sugerencia de correo electrónico: ¿Te refieres a {suggestion}?
• Correo electrónico restringido: Esta dirección de correo electrónico no está permitida.
• Número: Por favor, introduce un número válido.
• Número positivo: Por favor, introduce un número positivo válido.
• Confirmar valor: Los valores de los campos no coinciden.
• Máscara de entrada incompleta: Por favor, completa el campo con el formato requerido.
• Límite de selección de casillas: Has superado el número de selecciones permitidas: {#}.
• Límite de caracteres: El límite es de {limit} caracteres. Caracteres restantes: {remaining}.
• Límite de palabras: El límite es de {limit} palabras. Palabras restantes: {remaining}.
• Teléfono: Por favor, introduce un número de teléfono válido.
• Extensión de archivo: El tipo de archivo no está permitido.
• Tamaño de archivo: El archivo excede el tamaño máximo permitido. El archivo no se ha subido.
• Hora (12 horas): Por favor, introduce la hora en formato de 12 horas AM/PM (ej. 8:45 AM).
• Hora (24 horas): Por favor, introduce la hora en formato de 24 horas (ej. 22:45).
• Pago requerido: Se requiere pago.
• Tarjeta de crédito: Por favor, introduce un número de tarjeta de crédito válido.
• Tamaño total de carga de archivo: El tamaño total de los archivos seleccionados {totalSize} Mb excede el límite permitido {maxSize} Mb.
• Fortaleza de la contraseña: Se requiere una contraseña más segura. Considera usar mayúsculas y minúsculas, números y símbolos.
• Respuesta única: El valor debe ser único.
• Error de cupón: Este no es un cupón válido.

Observa que algunos de los mensajes predeterminados incluyen marcadores de posición entre llaves. Estos extraerán valores de otras áreas de tu sitio y los mostrarán en tus mensajes de validación.

Los marcadores de posición disponibles incluyen:

• {suggestion}: Inserta una corrección sugerida si un usuario introduce una dirección de correo electrónico común (por ejemplo, @gmail.com, @yahoo.com) con un error tipográfico.
• {#}: Muestra el número máximo de selecciones permitidas por un campo de casillas de verificación, según se determine en sus opciones de campo.
• {limit}: Muestra el límite de palabras o caracteres para un campo de texto de una sola línea o de párrafo, según se establece en sus opciones de campo.
• {remaining}: Muestra las palabras o caracteres disponibles restantes hasta que el usuario alcance el límite para un campo de texto de una sola línea o de párrafo, según se establece en sus opciones de campo.
• {totalSize}: Inserta el tamaño de un archivo que un usuario ha intentado cargar utilizando el campo de carga de archivos.
• {maxSize}: Muestra el tamaño máximo de archivo permitido por el campo de carga de archivos.

Una vez que hayas realizado los cambios, asegúrate de hacer clic en Guardar ajustes en la parte inferior de la pantalla. Todos los formularios de WPForms de tu sitio utilizarán estos mensajes de validación.

Preguntas frecuentes

Estas son algunas de las preguntas más frecuentes que recibimos sobre la personalización de 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 tus mensajes de validación, debes dejar tus marcadores de posición en inglés.

Por ejemplo, si fueras a traducir el mensaje de validación predeterminado de sugerencia de correo electrónico, introducirías “¿Quieres decir” en tu idioma de destino, pero dejarías “{suggestion}” en inglés, de la siguiente manera:

¿Cómo puedo cambiar el texto de error para los envíos de formularios fallidos en WPForms?

Puedes modificar el texto de error que se muestra para los envíos fallidos en WPForms utilizando un fragmento de PHP. Esto te permite personalizar el mensaje para que se adapte mejor a las necesidades de tu sitio web o para proporcionar instrucciones más específicas a tus usuarios.

Para obtener instrucciones detalladas sobre cómo implementar este fragmento, consulta nuestra documentación para desarrolladores sobre cómo cambiar el texto de error para los envíos fallidos.

¡Eso es todo! Ahora puedes personalizar los mensajes de validación en tus formularios.

¿A continuación, te gustaría personalizar también la apariencia de tus mensajes de validación o dar estilo a otras partes de tus formularios? Para empezar, consulta nuestra guía para principiantes de CSS.