82 | Mejora Contact Form 7 con estos 6 plugins
8 Nov 2017 · 14 min
Episode 82 of the "WordPress Semanal" podcast (host: Gonzalo Navarro) explains how to extend Contact Form 7 using six add-on plugins to add conditional fields, dynamic text, saved submissions, PDF/CSV generation, honeypot anti-spam, and PayPal payments. The episode also includes a short site update (a new "zona Código" video about making images transparent) and a plugin-of-the-week recommendation (WP Simple Booking Calendar for showing availability). Links to all mentioned plugins are provided in the episode notes.
Chapters
En el episodio 82 de WordPress Semanal vemos cómo usar el plugin de formularios Contact Form 7 para casi cualquier cosa, desde añadir lógica condicional hasta vender productos. Vamos allá. Hola hola, Soy Gonzalo, de GonzaloNamarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mayor satisfacción que la de crear y gestionar tu propia página web con WordPress. Y hoy vamos a seguir aprendiendo WordPress con 6 plugins para mejorar Contact Form Seven. Porque este es uno de esos plugins que son súper populares y que además es muy muy muy sencillo. Es decir, es un plugin de formulario de contacto y ya está, está pensado para el contacto. Y después tenemos otro, una gran variedad de plugins de formulario que puedes hacer formularios de todo, desde vender productos, formularios para reservas, para hacer como una especie de cálculo. Hay muchos tipos de plugins que te hacen una variedad tremenda de formularios. Por ejemplo, Gravity Forms, Ninja Forms, Caldera Forms y Contact Form 7 siempre ha sido ese sencillo, ese liviano. ¿Qué pasa? Que es tan popular que a su alrededor se han ido creando un montón de plugins para mejorar sus funcionalidades, tanto para permitir que se diseñe un formulario más chulo, que de eso no vamos a hablar hoy, como para permitir que se hagan más cosas con ese plugin, es decir, que no sólo sirva para ser un formulario de contacto. Y hoy vamos a ver precisamente eso. Pero antes, como siempre, ¿Qué está pasando en mi web esta semana? Pues que hay un nuevo vídeo de la zona Código en el que te enseño a hacer las imágenes transparentes en WordPress. ¿Esto qué quiere decir? Pues que le des un pequeño efecto de transparencia. Bueno, pequeño o grande, como tú quieras. Te enseño a darle tanta transparencia como quieras a las imágenes de WordPress. ¿Y a qué imágenes? Pues bien, te enseño a hacerlo a todas. Es decir, que por defecto todas las imágenes que tú pongas en cualquier parte de tu web tengan como una especie de efecto de transparencia. Además te enseño a que si quieres, cuando pases el ratón por encima, esa transparencia desaparezca o se quite un poquito de transparencia, o incluso que tenga más transparencia. Pues todo eso te enseño a hacerlo. Pero también te enseño a hacer a que crees una clase para poder hacer que cada imagen que tú elijas tenga esa transparencia en lugar de que todas de repente sean transparentes. ¿Esto para qué es útil? Pues primero si quieres dar un efecto chulo en general a las imágenes de tu web o si en una página en concreto, en una landing en concreto o en una página sobre algo específico quieres necesitas ese efecto de transparencia, que además aquí lo hacemos con una imagen, pero una vez te enseñe a hacerlo vas a poder aplicar esa transparencia a prácticamente cualquier cosa. Así que eso lo vemos en la zona código en el nuevo vídeo de. ¿De esta semana, os dejo el link en las notas del programa, ya sabéis que es parte de la suscripción, que además de eso pues tenéis acceso a todos los cursos de WordPress, al soporte y a las descargas vale? Y ahora sí, vamos con el plugin de la semana, que es cómo hacer un calendario de reservas sencillo. El plugin se llama WP Simple Booking Calendar y puedes mostrar qué reservas se han hecho y qué días quedan libres, es decir, es ideal si necesitas mostrar la disponibilidad de una casa de vacaciones, de un apartamento de. De una habitación, una oficina, un bed and breakfast o incluso si tienes algún tipo de equipamiento, si por ejemplo alquilas, yo que sé, pues motos de agua o equipamiento, algo que sea mínimo un día, pues esto te viene muy bien para mostrar la disponibilidad, ¿Vale? Solo hace eso, es un plugin muy sencillo, ahí radica la gran virtud de este plugin. Lo estoy utilizando en una web que estoy rediseñando por cierto, para uno de los suscriptores, que no lo he dicho pero porque todavía no lo tengo montado en la web, pero los suscriptores tenéis descuento si contratáis mis servicios de diseño o de desarrollo, pero bueno, eso es aparte. Pues he utilizado al final este plugin y me encanta su sencillez, es súper fácil configurarlo, es súper fácil trabajar con él, es súper fácil ponerlo, tiene bastante variedad dentro de su sencillez, pero solo muestra la disponibilidad, es decir, no te permite hacer reservas directamente con ese plugin. En este caso nosotros buscábamos eso, pero hay otros casos en los que se si quieres que el plugin también te permita hacer la reserva, pues entonces ya hay mucha variedad, hay muchos plugins para hacer este tipo de cosas, pero este simplemente muestra la disponibilidad, es muy fácil de usar, está bastante bien y en este caso estamos usando la versión de pago, que es bastante económica, 29 dólares, pero también tiene una versión gratuita, lo que pasa que solo te deja usar un calendario, que si tienes simplemente un producto o una casa o lo que sea, pues entonces sí, sí puedes utilizar ese, si no, si tienes más de uno ya vas a necesitar la versión de pago. Bueno y ahora sí nos vamos a meter de lleno en el tema central del programa, 6 plugins para mejorar contact form 7 y me voy a meter de lleno con los plugins, porque ya he comentado al principio del programa, pues lo que hace Contact Form, sus limitaciones, entre comillas, porque realmente no es que esté limitado, sino que es un plugin para lo que es, para crear formularios de contacto. Ahora bien, ¿Quieres hacer que haga cosas como Gravity Forms, como Caldera Forms, como Ninja Forms? Pues entonces estate atento porque te voy a comentar 6 plugins con los que lo puedes hacer. Y de nuevo repito, no voy a hablar de cómo mejorar, digamos la parte del diseño del formulario, para eso si queréis, si os interesa, podemos dedicar otro episodio del podcast, porque hay muchos plugins que también te permiten mejorar el diseño de los formularios de Contact From Seven, y si no, incluso estoy pensando en un curso, porque todos estos plugins que os voy a comentar, quizás alguno tenga una pequeña dificultad o en la configuración, ya sabéis que no siempre las cosas funcionan nada más que los instalas, pues si os interesa también un curso enfocado a Contact Form Seven, estilo hacer de todo con contact form 7, me lo decís y lo hacemos, creo que puede ser bastante interesante. ¿Vale? Entonces, plugin número 1, Contact Form Seven Conditional Fields. Voy a ir dejando los enlaces en las notas del programa, que este es el episodio 82 y ahí vais a tener todo lo que voy comentando. Pues bien, Contact From Seven Conditional Fields, ¿Qué te permite? Te permite poner campos condicionales. ¿Esto qué es? Pues que dependiendo de la opción que hayas elegido anteriormente en el formulario, te salga después una opción u otra. Por ejemplo, imagina que está rellenando un formulario de solicitud para algo, ¿Vale? Y hay un campo que es a qué te dedicas y tienes estudiante y después pues sector de la educación o sector de lo que sea, pues por ejemplo que si marcas estudiante, a continuación te aparezca la opción de decir que tipos de estudios estás cursando, mientras que si eliges que estás trabajando, que no aparezca esa opción o que aparezca la opción de a qué te dedicas. Entonces esto está muy bien y contact form 7 no permite hacerlo por defecto. Y bueno, este es un ejemplo pero puedes aplicarlo a un montón de casos. De nuevo el nombre Contact Form Seven Conditional Fields sería Campos condicionales. El siguiente va relacionado pero no con los campos sino con los valores, es decir, aquello que va a aparecer en los campos, porque los formularios también puedes mostrar información, no sólo pedirla sino también mostrarla. Entonces este plugin se llama Contact Form Seven Dynamic Text Extension, Texto dinámico. ¿Y qué te permite? Pues te permite mostrar, no pedir, sino mostrar valores dinámicos en los campos del formulario. ¿Y qué puede ser esto? Pues puede ser información meta, por ejemplo sobre un post en concreto, puede ser ID de productos. Esto es muy interesante, si vas a hacer una consulta sobre un producto en concreto y le das a consultar, pues te aparecerá el ID de ese producto. Esto se hace de forma dinámica, el plugin lo recoge de forma automática. Imagina que estás viendo un producto en una web y hay un formulario de preguntas y tú escribes ahí tengo una duda sobre este producto porque tal tal, tal. Pues después te va a poner gracias por tu pregunta, has hecho una consulta sobre el producto con el ID tal tal, tal, tal tal Vale, Esto se hace de forma dinámica y no lo puedes hacer con Contact Form salvo que tengas este plugin que que te comento y ese es solo un uso, pero hay también muchos usos. ¿Si le echas un vistazo a la página del plugin pues ahí vas a ver más ejemplos y te vas a poder hacer más una idea de qué es esto, Vale? El siguiente, esto es básico, que lo iba a poner el primero pero bueno lo dejo aquí como en la mitad y se llama contact form submissions. ¿Qué ocurre con contact form 7? Que cuando alguien te contacta, tú después no tienes una zona como tienes con otros plugins en los que vas a contactos recibidos o formularios o como sea. Cada plugin lo tiene de una forma, tú vas ahí y puedes ir consultando todos los contactos que te han ido haciendo. Pues esto no lo trae Contact Form Seven, fijaos si es sencillo y si es liviano y si trae pocas cosas. Entonces hay un plugin para que se guarden los envíos de formularios en la base de datos de WordPress, con lo cual tú después los vas a poder consultar cuando lo necesites directamente desde el escritorio del panel de administración de WordPress. Además también te permite exportar todo eso en un archivo CSV por si lo necesitas, sobre todo si quieres recopilar el nombre y los correos de esas personas, aunque si lo haces debes avisarlo, ya sabes que esto hay que tener cabeza, no puedes jugar a tu antojo con los datos de la gente. Y como te digo, se llama Contact Form Submissions y este para mí es clave, ¿Vale? Este yo lo instalaría siempre porque lo normal es que quieras consultar los contactos anteriores, aunque te va a llegar a tu email el aviso con el contacto y demás, está bien tenerlo todo en WordPress para si tú lo necesitas poder consultarlo o para que se te queden directamente simplemente ahí guardados por si en algún momento necesitas hacer uso de ellos, ¿Vale? Y el siguiente es muy interesante, el plugin se llama send PDF for contact form 7, es decir, puedes enviar pdfs cuando se rellena y envía un formulario y además la gracia de esto es que puedes enviárselo a quien tú elijas. Además no solo puedes enviar el PDF, sino que también puedes elegir que se envíe un archivo CSV y tiene un montón de posibilidades, proteger el PDF con contraseña o personalizarlo a tu gusto para por ejemplo ponerle la cabecera, la que tú quieras, bueno, muchas posibilidades de personalización. Y esto es muy útil por ejemplo para reservas. Antes hemos comentado que puedes crear muchos tipos de formulario, entre ellos un formulario de reservas, pues imagínate que alguien te contacta por ConcterForm 7 y quiere una reserva, pues tú después recoges todos esos datos que la persona ha rellenado, su nombre, su correo, el servicio o el producto que está reservando, el día, la hora que ha elegido o que ha reservado y después tú todo eso lo transformas, o bueno, el plugin lo transforma en un PDF y se lo envía al cliente diciendo gracias, aquí tiene su reserva, ¿Vale? Y ahí tiene su PDF que lo puede imprimir, lo puede tener o puede hacer lo que quiera con él, así que es muy interesante para este tipo de cosas. Nos vamos al plugin número 5 que es Contact Form Seven Honeypot. ¿Qué es esto? Pues es un anti spam con la tecnología Honeypot, que es aquella que no molesta a los usuarios, evita el spam sin usar este recaptcha que tienes que marcar la casilla o luego tienes que elegir las imágenes que te pide, elige todas las imágenes de automóviles y estás ahí dándole a los automóviles o suma un 3 si estás ahí haciendo la suma. Esto es un poco molesto para los usuarios, para mí al menos es molesto. Entonces está este sistema que realmente funciona creando un campo oculto que los robots cuando van a intentar los spammers no son personas que están ahí mil horas, eso es un software, un sistema que va probando, va escribiendo a la gente de forma automática. Entonces si tú colocas un formulario, perdón, un campo que las personas no van a ver, pero que los bots si lo van a ver, pues cuando está relleno, cuando alguien rellena el formulario oculto que no se ve, no lo puedes ver. Si tú ves la página no ves ese campo, pero un software sí, sí lo va a considerar un campo más y lo va a rellenar, pues entonces automáticamente se considera spam y no te llega, no te entra. Pues esto es una tecnología que está bastante bien, que algunos plugins como por ejemplo Gravity Forms ya traen y que puedes añadir también a Contact Form Seven con este plugin ¿Vale? Así que también te los dejo en las notas del programa. Vamos Ahora al número 6, Contact Form Seven Paypal Addon Así que como su propio nombre indica, vas a poder vender a través de Paypal con cocta form 7. Esto es fantástico, sobre todo si tienes un único producto o un único servicio y no te merece la pena usar un plugin de e commerce pues como WooCommerce o como Easy Digital Downloads. No es necesario instalar un pedazo de plugin si simplemente tienes un producto usa algo como esto, muy sencillito e intégralo con tu formulario de contacto y así lo vas a tener todo perfecto. ¿Qué hace el plugin? Pues muy fácil, envía al usuario a Paypal para hacer el pago, es súper sencillo de utilizar y te quitas historia de tener que configurar un plugin de venta online o lo que sea, ¿Vale? Es una solución muy sencilla, sobre todo por ejemplo, se imagina que vendes un ebook o que vendes simplemente un curso que lo tienes en vídeo en una página normal o un simple servicio, que das clases particulares y ya está, pues lo que sea, ¿Vale? Cuando es algo sencillo, algo que es una cosa así muy fácil, esto te viene al pelo, te viene muy bien, ¿De acuerdo? Así que como hemos hablado, puedes convertir Contact Form Seven en más que un simple plugin de formularios de contacto. Además solo tienes que añadir aquello que vas a usar, no es como en los otros plugins que lo tienes todo, aunque bueno, también en los otros vas añadiendo cosas, por ejemplo en Gravity Forms vas añadiendo partes que quieres. No es que tampoco tengas todo, todo desde el principio, pero aquí es el más sencillo, el plugin de formularios más sencillo que hay. Y tú si quieres después se han creado muchos plugins alrededor que puedes ir añadiendo simplemente lo que vas a usar, no tienes que tener todo ahí, que muchas veces pues es innecesario. Así que recuerda, te dejo los 6 plugins en las notas del programa, también los enlaces que he ido comentando a lo largo del episodio. Y nada más, recuerda que para aprender a crear y gestionar cualquier tipo de página web puedes echar un vistazo a los cursos de WordPress, probarlo durante 15 días sin compromiso y comprobar de primera mano si son lo que necesitas. Así que cerramos aquí el episodio de hoy sin antes pedirte que si te ha gustado el episodio y quieres ayudarme a que siga creando episodios como este, a que siga creciendo, ya sabes que puedes aportar tu granito de arena dejándome una valoración en iTunes porque me ayuda mucho, mucho, mucho. Y no tardas nada en hacerlo, ¿Vale? Simplemente o vas a tu aplicación de podcast en el móvil o vas al enlace directamente que te dejo en las notas del programa. Y a los que me escucháis también, desde iVoox también muchas, muchas gracias por vuestros comentarios y vuestros me gusta. Nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)