Cómo añadir aceptación de términos y condiciones en Contact Form 7

Esta es una parte importante si quieres cumplir la ley. Normalmente nadie te va a decir nada hasta que algún día pase y te arrepientas de no haberlo puesto. Ya verás que es muy sencillo.
Aquí te mostraremos cómo lo tenemos en Weberas, del mismo modo que también verás cómo añadir Placeholder en Contact Form 7 y quitar los nombres encima de los campos del formulario.
Tienes que dirigirte a tu formulario de contacto y editar el cuadro HTML donde están los campos que quieres poner. En nuestro caso:
<div class="one-half"><label> [text* your-name placeholder "Nombre"] </label></div>

<div class="one-half last"><label> [email* your-email placeholder "Email"] </label></div>

<div class="one-half"><label> [text your-subject placeholder "Asunto"] </label></div>

<div class="one-half last"><label> [tel* tel-503 placeholder "Teléfono"] </label></div>

<label> [textarea your-message placeholder "Mensaje"] </label>

<label> [acceptance acceptance-902] He leído y acepto la
<a href="https://weberas.com/politica-de-privacidad/">política de privacidad</a></label>


[submit "Enviar"]

Si te fijas, hemos eliminado el nombre de cada campo que se encuentra detrás de «label» y lo hemos incluido dentro de los corchetes detrás de «placeholder«.
Para la aceptación de términos y condiciones en Contact Form 7, añadimos el campo de «aceptación» y, mediante HTML incrustamos la URL de los términos. Si copias este formulario recuerda poner la URL de los tuyos 🙂
Ahora viene lo más importante. Para que el usuario pueda enviar el formulario, como condición necesitamos que esté marcada la casilla de aceptación. Para ello, tenemos que ir a Ajustes Adicionales dentro de la edición de tu formulario e insertar:

acceptance_as_validation: on

Es lo que indica que el formulario se podrá enviar cuando la aceptación esté marcada. ¡Et voilà! Ya tendrás tu formulario de contacto bien chulo en tu web.

Comentarios

Entradas populares de este blog

Como enlazar a una parte concreta de una página web

Cómo colocar los checkboxs de contact form 7 en vertical