This page is also available in English.
En la pestaña Mensajes de la pantalla del editor de formulario de contacto, puedes editar los mensajes que muestra Contact Form 7 en diferentes situaciones. En los mensajes solo podrás utilizar texto plano; no utilices etiquetas ni entidades HTML.
Permitir HTML en un mensaje puede suponer un riesgo para la seguridad. La versión 4.4 de Contact Form 7, y posteriores, eliminan por la fuerza el HTML al mostrar el mensaje. Revisa la pestaña Mensajes para asegurarte de que no tengas ningún código HTML allí.
Si necesitas utilizar HTML en un mensaje porque quieres mostrar contenido HTML específico en una situación específica, existe una alternativa mejor.
Después de un envío, Contact Form 7 añade un valor al atributo class
del elemento form
que describe el estado del formulario. Los posibles estados son los siguientes:
invalid
— El formulario tiene uno o más campos con entradas no válidas;spam
— El envío del usuario es sospechoso de spam;sent
— El formulario y el correo se han enviado correctamente;failed
— El formulario se ha enviado correctamente, pero no se ha podido enviar el correo.
Al utilizar estas clases, junto con la hoja de estilos CSS, puedes colocar un bloque de contenido HTML en tu formulario que sea visible solo en la situación especificada.
Digamos que tu formulario contiene un elemento div
con una clase visible-only-if-invalid
que te gustaría que fuera invisible de forma predeterminada, pero visible cuando el formulario tenga campos no válidos, como el siguiente:
<div class="visible-only-if-invalid">
<font color="#f00">¡Tienes campos <marquee>no válidos</marquee>!</font>
</div>
Pues bien, con las siguientes reglas de estilo CSS, podrás lograr lo que quieres:
.wpcf7 form div.visible-only-if-invalid {
display: none;
}
.wpcf7 form.invalid div.visible-only-if-invalid {
display: block;
}
Del mismo modo, puedes controlar la visibilidad de un elemento para cualquiera de las otras situaciones.