Main menu

10 trucos para Contact Form 7 – Segunda parte

La semana pasada aprendimos los primeros trucos para Contact Form 7 y en este artículo te traemos los cinco restantes para que puedas crear mejores formularios de contacto con WordPress.

Truco 6: Añadir captcha a Contact Form 7

Usar un formulario de contacto sin algún mecanismo de seguridad es una práctica bastante peligrosa, a no ser que quieras tener un montón de contactos desconocidos ofreciéndote productos de dudosa legalidad, lo mejor será protegerse con un captcha.

Los creadores de Contact Form 7 nos ofrecen Really Simple Captcha, un plugin sencillo pero fácil de usar y configurar con el que no tendremos ningún conflicto.

Para usarlo tan solo debemos añadir su etiqueta correspondiente:

[captchac captcha-endeos] 
[captchar captcha-endeos]

Captcha en contact form 7

También permite cierta configuración de tamaño y colores:

[captchac captcha-endeos size:l fg:#00ff00 bg:#01338d] 
[captchar captcha-endeos]

Confirgurar Captcha en contact form 7

Truco 7: Guardar los registros enviados con Contact Form 7

Una de las “carencias” de Contact Form 7 es que por defecto no hay donde consultar los mensajes enviados a través del formulario.

Los mismos desarrolladores de Contact Form 7 lo saben, por eso han creado Flamingo, un plugin que guarda un registro de los campos que se envían, como pueden ser nombres, correos, asuntos, mensajes…

Guardar registros contact forms
Flamingo contact forms 7

Este plugin también te permitirá exportar en CSV toda la información que vaya recopilando.

Una alternativa creada por otros desarrolladores es Contact Form DB.

Truco 8: Etiquetas especiales para emails

Hay ocasiones en las que queremos más información de la que realmente nos envían desde el formulario. Insertando estas etiquetas especiales en el campo Cuerpo del mensaje o Message Body obtendremos detalles muy interesantes.

[_remote_ip] Muestra la IP del usuario
[_user_agent] Muestra la información del agente de usuario usado
[_url] Muestra la página desde la que nos envían el formulario
[_date] Muestra la fecha de envío
[_time] Muestra la hora de envío
[_post_title] Muestra el título del artículo donde está el formulario

Etiquetas especials contact forms 7

Truco 9: Cargar los ficheros .js y .css solo cuando sea necesario

Con la configuración por defecto, Contact Forms 7 carga sus ficheros JavaScript y CSS en todas las páginas de la web. Como buenos optimizadores que somos, deberían dolernos los ojos al ver estas peticiones innecesarias. Lo más correcto sería cargar estos ficheros solamente cuando estemos mostrando un formulario de contacto.

En primer lugar haremos que no se cargue por defecto los ficheros .js y .css añadiendo en el functions.php de nuestra plantilla:

add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

En segundo lugar haremos que se carguen estos ficheros solo cuando estemos en la página de contacto. Para ello deberemos colocar en nuestra plantilla de página contact.php antes de llamar al wp_head():

<?php
     if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
         wpcf7_enqueue_scripts();
     }
 
     if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
         wpcf7_enqueue_styles();
      }
?>

Truco 10: Añadir shortcodes en el editor de formularios

El editor HTML de Contact Form 7 permite adaptar el formulario a tus necesidades, pero ¿no echas de menos poder usar shortcodes? Para que funcionen deberás editar tu fichero functions.php y añadir las siguientes líneas:

function endeosshortcode_wpcf7_form_elements($form){
      $form = do_shortcode($form);
      return $form;
}
add_filter('wpcf7_form_elements', 'endeosshortcode_wpcf7_form_elements');

Con estos 10 trucos para Contact Forms 7 no tienes excusa para no hacer formularios de contacto personalizados de la manera más sencilla, pero si necesitas que te ayudemos tan solo tienes que escribir a nuestro departarmento de desarrollo web.

Compartir en redes sociales

Si este artículo te ha sido de ayuda o te parece interesante, ayúdanos a difundirlo.

Compartir en Facebook Compartir en Twitter Compartir en Google+ Compartir en Linkedin

1 pingback/trackback

  • Pingback: 10 trucos para Contact Form 7 - Primera parte - Blog Endeos()

  • Tomas Mendoza

    Geniales trucos! Gracias. me han servido varios

    • blogendeos

      Hola @disqus_mCb98Xaayo:disqus

      Nos alegra que digas esto ¡Saludos!

  • Alessandra

    Me he encontrado con la carencia de los típicos formularios como Contact form 7, ninja, etc
    De que una vez te envían un mensaje, no tienen la posibilidad de añadir a ‘Contactos’ la persona que ha enviado el mensaje. Alguna idea?

    • blogendeos

      Hola @disqus_CxW8LR8jIu:disqus
      Esa es la “limitación” de los plugins, que tenemos que adaptarnos a lo que hacen, todo lo que sea un “extra” requerirá de programación a medida.
      Si lo necesitas para algún proyecto escríbenos en nuestro formulario de contacto y danos los detalles.

      ¡Gracias por leernos!

  • Elisa

    me gustaría saber si se puede redirigir a una pagina diferente dependiendo de la selección que se haya hecho en el menu

    • blogendeos

      Hola Elisa
      El plugin Contact Form 7 no viene con esa funcionalidad implementada, habría que desarrollar la programación.
      Si quieres ve al apartado de “Contacto” y explícanos con detalle lo que necesitas para que podamos darte una valoración de lo que implica hacer lo que necesitas.

      ¡Saludos!

  • Andres toyo

    Buenas de que forma se le puede enviar un correo personalizado a la persona que contacto, algo como gracias por contactarnos le respondemos pronto, pero que le llegue a su correo

    • blogendeos

      Hola Andres, cuando configuras los formularios de contacto, en la pestaña “correo electrónico” puedes configurar el buzón donde llegan los mensajes.

      En esa misma pestaña, un poco más abajo, puedes marcar una opción “correo electrónico (2)”. Márcala y entonces podrás configurar el plugin para que envíe un mensaje al usuario, en el campo “para” tendrás que poner la variable que contiene el email del usuario, que por defecto es [your-email].

      Saludos.

  • Jhonathan H Osorio

    Hola. Muchas gracias por la información.

    Actualmente tengo el siguiente problema. Ya me llegan los mensajes a mi correo, pero me llegan vacios.

    Es decir, en el contact form yo pido 4 cosas. Nombre, teléfono, correo y el mensaje. Cuando me llega el correo de contacto, me llega solo con la información del nombre, el telefono, correo y mensaje no me llegan. ¿Como puedo solucionar eso?. Gracias de ante mano.

Al usar este sitio acepta el uso de cookies para análisis y contenido personalizado. Leer más