29 Nov 2017 · 18 min
Episodio de podcast (85) de Gonzalo Navarro centrado en las funcionalidades avanzadas y posibilidades de diseño del plugin Contact Form 7 para WordPress. El autor describe opciones nativas del plugin, extensiones útiles (campos condicionales, guardado de entradas, conversión a PDF, firmas, Paypal, etc.), ejemplos prácticos (opt‑in, encuestas multipágina, contratos online, ventas sencillas) y anuncia un curso avanzado sobre Contact Form 7.
Chapters
En el episodio 85 de WordPress semanal veremos las verdaderas posibilidades de Contact Form Seven en cuanto a funcionalidad y diseño, con ejemplos prácticos de lo que puedes llegar a conseguir. Vamos allá. Hola hola, Soy Gonzalo, de Gonzalo es y bienvenidos a WordPress semanal en 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 uno de los plugins más utilizados para crear formularios, y es Contact Form 7. Pero vamos a ver a Contact Form 7 desencadenado con todas las opciones que podemos tener. Ya no sólo con el plugin en sí, que hay más de las que parecen, sino con extensiones, tanto para funcionalidades como para diseño. Ya dediqué un programa a esto, pero me centré en algunas extensiones que podían mejorar el funcionamiento de Contact Form 7. En este caso vamos a hablar de cómo sacar partido de Contact Form 7 en sí sin extensiones. Y después te voy a hablar de extensiones más allá de las que comenté en el anterior episodio. No voy a volver a repetir lo que ya comenté porque ya hay un episodio entero dedicado a ello. Así que te voy a contar más cosas que que puedes hacer con Contact Form Seven, no solo en cuanto a mejorar su funcionamiento, sino también en cómo puedes personalizar los formularios para que tengan el aspecto que tú quieres. Y por último, lo que voy a hacer es dar ejemplos de cosas reales que se pueden conseguir con todo lo que vamos a ir comentando. Es decir, pues por ejemplo, cómo puedes crear un opt in para conseguir leads, para conseguir suscriptores usando Contact Form Seven. Eso sería uno de los ejemplos que voy a comentar. Pero antes, como siempre, qué está pasando en Gonzalo Navarro es esta semana. Por un lado, nuevo vídeo en la zona código en el que te enseño a instalar fuentes de Google en WordPress en tu página web de forma manual. ¿Esto tiene un montón de ventajas, es más sencillo de lo que parece y casi siempre va a ser lo óptimo, vale? Porque la mayoría de plugins que hay por ahí lo que hacen es instalarte todas las fuentes, o vincularte mejor dicho, porque no se instalan, sino como que se vinculan. ¿Y con este método manual puedes hacerlo tú mismo solo con las que necesites, vale? Y al final, para mí es la mejor opción. Además dentro de esta opción hay varias formas de hacerlo y yo te voy a explicar la que considero que es la más óptima y la que se dice que es la más óptima. Más novedades hay, pues estamos a final de mes y eso quiere decir que hay nuevo curso y como te imaginarás es curso de contact form 7 avanzado, ¿Vale? Porque ya tengo un vídeo que le dedico a contact form 7 en el curso de WordPress intermedio y ahora lo he convertido en curso porque a raíz del último episodio que publiqué sobre contact form 7 recibí un montón de preguntas, sugerencias, me habéis preguntado ¿Se puede hacer esto con contafonseben? ¿Se puede hacer esto otro? Así que al final he creado el curso, así que al final he hecho el curso con prácticamente todo lo que se puede hacer con Contact for 7, que son muchísimas cosas, prácticamente no tiene límite lo que puedes hacer con este plugin en términos de formularios. Así que en el curso vamos a ver primero el plugin a fondo, es decir, cosas que puedes hacer sin instalar nada y creo que te voy a enseñar cosas que prácticamente nadie enseña y que están digamos pues no ocultas pero que quizás son un pelín pero más avanzadas y entonces la gente ni siquiera lo enseña en los tutoriales. Yo te voy a enseñar todo, todo lo que puedes hacer con el plugin y después por supuesto vamos a ver todas las extensiones que lo mejoran y que voy a comentar hoy varias de ellas, otras ya las comenté en el anterior episodio sobre contact for 7, es decir, vas a poder guardar los contactos que recibe, exportarlos para después subirlo a tu cliente de correo, vas a poder crear campos condicionales, que esto es una herramienta súper poderosa, vas a poder convertir la información que la gente rellena en tus formularios en un PDF para que la reciban ellos o para recibirlas tú, vas a poder poner una caja de firmas por si quieres hacer un contrato online para tu servicio, bueno, de todo, hacer redirecciones, poner formularios en varias páginas, vender incluso a través de Paypal, que vemos todo el proceso, cómo configurar Paypal y demás para poder vender directamente en tu web. Y por supuesto vamos a ver cómo diseñar, personalizar a tu gusto los formularios de contact form 7, ¿Vale? Todo esto lo vemos en el curso, pero no me quiero enrollar más con ello, ya sabéis que si le queréis echar un vistazo, Gonzalo es barra cursos y ahí está este todos los cursos, todos los vídeos de la zona, código, todo, todo, todo lo que incluye la suscripción. Ya sabéis que solo tengo un modelo e incluye absolutamente todo. Y ahora ya sí entramos de lleno con el plugin de la semana que es para exportar URLs de post, páginas y Custom Post types. El plugin se llama Export All URLs y puedes exportar los títulos, las URLs y y las categorías de los post. Cuando digo post digo todo tipo de contenido. También puedes organizarlos precisamente por eso, por tipos de contenido, es decir, al exportarlos puedes después organizarlos por post, páginas y custom post types. Y el plugin la verdad es que es súper útil por ejemplo cuando necesitas revisar todas las URLs de tu web, de esta forma las tienes en un Excel y las puedes ir viendo todas y controlando todas cuando tienes que compartirlas con alguien, por ejemplo para SEO, si contratas a una empresa de SEO es conveniente que ellos tengan todas tus URLs para que puedan ir teniendo un Excel y viendo cómo optimizar todo o si lo vas a hacer tú mismo, pues para eso también cuando vas a hacer una migración de tu página web es muy interesante tener todas esas URLs para que tú puedas ir comprobando cada una de ellas y que funcionan correctamente y que estás haciendo lo que tienes que hacer en la migración. Y luego por supuesto también para hacer redirecciones 301, si tienes que hacer bastantes redirecciones 301 pues tienes que tener controlado en un Excel o en algún documento todas esas URLs para poner las URLs nuevas también al lado y tenerlo todo controlado. Por cierto, tengo un tutorial sobre Cómo hacer redirecciones 301 de forma manual que os dejo también un enlace en las notas del programa. Así que un plugin muy útil para estas ocasiones que además son tan críticas. De nuevo el plugin se llama export allurls y este es el episodio 85. Y ahora ya sí, vamos con el tema central del programa contact form 7 desencadenado y y lo primero que vamos a ver es cómo sacar partido de Contact Form 7 sin extensiones o qué son esas cosas que podemos hacer. Pues como te decía, tiene más posibilidades y opciones de las que parece, además de la creación de los formularios en sí, que puede ser súper avanzado y súper compleja y lo vemos en el curso porque vemos todos los campos que puedes utilizar. Además de todo eso, tiene un par de opciones interesantes, por ejemplo en la parte de la configuración del email, es decir, el email de contacto que tú vas a recibir cuando alguien rellena tu formulario, ahí tienes un montón de opciones de personalización para que te aparezca pues todos los campos que ha ido rellenando esa persona que te contacta puedes ponerlos para que te aparezcan de determinada forma. Pero luego tiene otra parte al final un poquito escondida muy interesante, que es hacer que automáticamente le llegue un email a esa persona. Y esto no sólo puede ser útil para darle las gracias, sino también para cosas tan interesantes como por ejemplo si quieres que esa persona tenga un regalo a cambio de contactarte o tenga un regalo a cambio de haber rellenado el formulario, por ejemplo recibir un ebook o animarle a que te siga en redes sociales. Gracias por contactarme, te responderemos enseguida, mientras tanto puedes echar un vistazo a las redes sociales y le animas a que te siga en redes sociales, Pues eso es otro email que además del que tú recibes, puedes hacer que le llegue uno automáticamente a la persona que te está contactando. Y luego tiene unos ajustes adicionales que los llaman en el plugin, que son un poquito avanzados porque hay que poner código y con ciertos códigos que tú pones puedes conseguir por ejemplo, reenviar a los contactos a una página de gracias, cosa que no hace contact form 7 y que normalmente necesitamos un plugin para hacerlo, pero existe una posibilidad de hacerlo a través de código y realmente es bastante sencillo, hay que poner simplemente un par de líneas o una línea y consigues enviar sin ningún addon, sin ninguna extensión adicional a Contact Form Seven, consigues enviar a la gente a una página de gracias. Y aquí puedes hacer también un mecanismo parecido al que te digo de cuando reciben un email, por ejemplo, llevarlos a una página de gracias, en esa página de gracias que se puedan descargar un ebook, que puedan ver un vídeo, que puedan ver un curso, por ejemplo, apúntate a este vídeo gratuito o a este webinar gratuito y directamente lo haces con Contact Form 7, no necesitas ningún otro plugin especial, lo haces con contact form 7 y generas ese reenvío o configuras ese reenvío que te digo de forma manual para dar acceso a esa persona a lo que sea. Esto es uno de los aspectos así un poquito más avanzados que digo que no se suelen enseñar, pues esto lo vemos en el curso. También tienes cositas pues a lo mejor menos útiles pero también interesantes como cómo poner el formulario en modo de pruebas para poder comprobar que funciona correctamente sin necesidad de que se hagan envíos y sin necesidad en el caso de que lo tengas con un plugin, de que se guarden por ejemplo los formularios en la base de datos, que esta es otra opción en el caso de que tengas la extensión para guardar los formularios en la base de datos. Entonces estas son algunas de las cosas así un poquito más avanzadas pero que vamos a ver como digo en el curso de principio a fin, es decir, todo lo que se puede hacer con Contact Form 7 sin extensiones y después ya nos vamos metiendo en el mundo de las extensiones. Ya hablamos como te digo en el episodio 82 de 6 extensiones que aumentan las posibilidades de Contact Form Seven, pues vemos prácticamente todas ellas y las que no vemos os la comento en la última clase del curso porque a lo mejor no necesitan una clase entera para ver su funcionamiento, sino que simplemente son prácticamente de instalar y usar. Pero además de esas seis extensiones que os las recuerdo rápidamente, una es para crear campos condicionales, otra es para crear campos de texto dinámicos, otra es para conseguir que se guarden, como te decía antes, los contactos, la información de los contactos en la base de datos en WordPress y puedas acceder a ella. Otro es para convertir en PDF lo que rellenan tus contactos y esto tiene un montón de posibilidades, esta clase está súper bien. Otro es para evitar el spam con la tecnología Honeypot y el último que comenté era para poder vender con Paypal, estos son los que comenté en el anterior episodio. Pero además de todo esto vemos cosas como por ejemplo incluir un campo en el formulario para que el contacto firme ese formulario o ese documento porque lo puede hacer directamente en el ordenador, por ejemplo, si tú tienes un servicio y quieres tener una especie de contrato o un contrato, puedes hacer que esa persona firme directamente en el ordenador, en la tablet, en el móvil, ya sea con el dedo, con el ratón, con lo que sea. Y esto por ejemplo combinado con convertir ese formulario o la información de ese formulario en un PDF, pues ahí tienes un documento ya para poder imprimir, incluso ya con la firma de la persona y tener ese contrato, pues en el caso de que vendas un servicio, por ejemplo, esto puede ser muy útil. Incluso puedes aprovechar este campo de firma, porque además lo puedes poner tan grande como quieras, pues puedes hacerlo para cositas distintas, como por ejemplo hacer un pequeño juego para niños, para que alguien haga un esquema a modo de notas, es decir, le puedes dar bastante utilidad más allá de para lo que está pensado, que es para que se firme un formulario. También vemos cómo puedes crear formularios en varias páginas, que ahora veremos algunos ejemplos de esto, pero esto es muy útil si tienes que pedir muchos datos a una persona, hay varios estudios que dicen que más de 8 o 10 datos la gente se cansa y deja de rellenar el formulario. Mientras que si lo vas poniendo en distintas páginas, como la persona ya ha rellenado una página y le ha dado a siguiente para seguir rellenando el formulario, ya digamos, está más metida, ya le ha dado a siguiente, ya sabe que ha completado una parte y ahora va a completar otra, y si tiene que completar otra más, dice bueno, ya he completado dos, voy a seguir completando, ¿Vale? Entonces es algo también más mental, que bueno, como todo esto depende de la persona, pero que muchas veces es útil poner el formulario para distintas cosas, pues ponerlo en varios pasos, en varias páginas. Esto también lo vemos en el curso. Y luego, por supuesto, que esto no lo comenté en el anterior episodio, personalizar el aspecto de nuestros formularios como queramos. Lo podemos hacer en base a plantillas, que lo vemos en el curso, o lo podemos hacer desde cero, darle las personalizaciones que queremos con un control total. Podemos ver cómo cambiar el fondo del formulario, si hacer los campos más grandes, más pequeños, si hacer el formulario más estrecho, más ancho, cambiar el tipo de letra, el color de letra, el color del texto que rellenan nuestros contactos, poner imágenes de fondo para así poder hacer formularios muy, muy, muy personalizados, con un estilo muy personal, muy nuestro. En fin, las posibilidades son tremendas con esto y lo vemos en las últimas lecciones, se la dedico a diseñar, personalizar los formularios de Contact Form 7. Así que todo esto es lo que podemos hacer con extensiones y. Y traducido esto a ejemplos, ¿Qué cosas podemos hacer? ¿Es decir con todo esto que he ido comentando, estas extensiones, estas formas de trabajar con CUT qué nos van a permitir? ¿Cuáles son algunos ejemplos de todo esto? Pues como te comentaba en la introducción, por ejemplo hacer un opt in, una cajita para que la gente nos dé sus datos, es decir, para conseguir leads. ¿Y esto cómo lo podemos hacer? ¿Con qué herramientas? Pues lo podemos hacer con la combinación de Flamingo o algún otro plugin, porque hay varios, en el curso lo vemos que hay varios, pero para guardar los contactos en nuestra base de datos, con la combinación de un plugin de estos, con redireccionar a la persona a una página de gracias o incluso utilizando el email de gracias. Así que realmente con Contact Form 7 y una extensión ya vas a poder hacer esto y no necesitas añadir ningún plugin de leads, ni ningún plugin de opt ins ni nada de esto, sino que lo puedes hacer directamente con Contact Form 7 y además con unos resultados excelentes. Pues lo típico, descárgate este ebook y conviértete en una persona más productiva en tan solo tres días. Pues por ejemplo esto lo puedes hacer perfectamente con contactform 7 y así conseguir leads, conseguir contactos para después por supuesto seguir trabajando con ellos. Vale, ¿Qué más puedes hacer? ¿Cosas interesantes? Pues puedes hacer por ejemplo encuestas, cuestionarios o incluso registros en varios pasos. Estos son ejemplos concretos de lo que te comentaba de formularios en varias páginas. Una encuesta por ejemplo no la vas a hacer en una página porque vas a volver loco a la persona. Entonces aquí sería perfecto utilizar la extensión para convertir contact form 7 o dar la posibilidad de contact form 7 de que tenga varias páginas, de que un formulario tenga varios pasos. Y lo mismo para registros, hay algunos registros que dependiendo de para qué sea requieren mucha información, pues ahí es ideal tener un formulario en varias páginas más hacer una segmentación avanzada de los contactos sin preguntarle un millón de cosas. ¿Qué quiero decir con esto pero? Pues que a lo mejor a ti te interesa muchísimo saber si una persona es estudiante, si es trabajadora o si está jubilada, o te interesa también saber si tiene entre 1 y 3 trabajadores, entre 3 y 6 o más de 10. Lo que pasa que según esa información, es decir, si es un estudiante, tú no le vas a preguntar cuál es tu profesión, le vas a preguntar qué estudias y si es alguien que está trabajando le vas a preguntar a qué se dedica. Entonces si tú quieres recoger toda esa información. ¿Tú no vas a poner eres estudiante, eres trabajador, qué estudias, a qué te dedicas, cómo gestionas tus tres trabajadores, cómo gestionas tus seis trabajadores, cÓmo gestionas tus diez trabajadores? No. Lo que vas a hacer es que en función de lo que la persona elija vayan cambiando el resto de opciones que aparecen en el formulario. De esta forma la persona no se va a ver abrumada y no va a estar contestando cosas que no necesita, sólo le vas a mostrar lo que esa persona necesita. Pero tú vas a recibir datos de todos, del que estudia, del que trabaja y del que está jubilado. ¿Vale? Así que los campos condicionales te permiten eso, mostrar solo lo que es pertinente para cada contacto. Y otro ejemplo en este línea con los campos condicionales sería hacer pequeños juegos virales. ¿Habéis visto esto de que descubre qué actor eres y que te lo ponen en Facebook? Pues esto lo puedes hacer con los campos condicionales. ¿Cómo lo puedes hacer? ¿Pues simplemente por ejemplo, que en función de lo que vaya eligiendo la persona, la siguiente pregunta sea una u otra y finalmente cuando complete el formulario, pues utilizas la redirección para enviarle a una página diciéndole eres Jean Claude Van Damme o eres Brad Pitt o quien sea? Pues esto es una idea que puedes utilizar o que puedes conseguir utilizando los campos condicionales, así como un pequeño juego viral. Y este ejemplo lo digo para que veas la versatilidad que tienen este tipo de cosas y todo lo que puedes hacer teniendo estas posibilidades, estas herramientas a mano. Es más, hacer contratos online. Esto ya lo hemos comentado, pero combinando la extensión de convertir a PDF con el campo de firma es súper fácil hacer contratos online. Esto es súper útil para servicios y es algo que recomiendo bastante. Por supuesto, ¿Qué más? Vender ebooks, cursos, servicios sin necesidad de tener WooCommerce, tener Didi o ningún otro plugin de e commerce. ¿Por qué? Porque si no lo necesitas, no lo necesitas para vender una cosa, dos cosas. ¿Para qué vas a instalar un pedazo de plugin de e commerce? No hace falta, ¿De acuerdo? Y en el curso vemos concretamente cómo hacer todo esto. Y por último, hacer diseños que conviertan más. Imagínate por ejemplo que es Navidad y que estás haciendo una promoción y y tienes un formulario que la gente va a rellenar para algo. Pues no estaría muy bien poder hacer que ese formulario tuviese un aspecto navideño, ponerle un Papá Noel detrás, poner unos Reyes Magos detrás, ponerle una especie de nieve detrás. Pues todo esto lo puedes hacer personalizando el formulario, ya sea en base a plantillas preparadas que a lo mejor ya tengan ese tema navideño, o creándolo tú desde cero, que también lo vemos editando cada aspecto, poniendo la imagen de fondo que tú quieras, moviendo esa imagen de fondo para que quede en el lugar correcto. Pues todo esto puede hacer que sin tú saber código ni nada, ni tener ideas de CSS, puedas conseguir unos resultados excelentes y puedas convertir mejor o simplemente aunque no quieras hacer esto, quieras darle a tus formularios un aspecto acorde con tu página web. ¿Vale? Pero este sería un ejemplo muy concreto de cómo puedes utilizar estas herramientas de diseño que vemos en el curso de Contact Form 7. Así que como vemos, Contact Form 7 te permite hacer casi de todo y muchas veces no es necesario optar por opciones más novedosas o que a simple vista parecen más completas. Me refiero a otros plugins de formulario, porque realmente con este plugin puedes empezar con lo básico y después ir añadiendo funcionalidades conforme las vas necesitando. Y para aprender a utilizar Contact Form Seven de forma avanzada y sin límites, pues tienes el curso disponible en el área para suscriptores. Ya sabes que si no eres suscriptor Puedes probarlo durante 15 días. Si no te convence, me contactas, te doy de baja sin problemas, sin preguntas y si te convence, pues para adelante. Y nada más, si te ha gustado el episodio de hoy, quieres ayudarme a que siga creciendo, a que siga creando contenido como éste, la mejor forma de hacerlo es dejándome una valoración en iTunes. Te voy a estar eternamente agradecido porque es lo que me permite seguir ahí, que la gente pueda seguir escuchando mis episodios. Y los que me escucháis desde Ivoox, que también cada vez sois más, muchísimas gracias también por estar ahí, por los comentarios que me dejáis, por los me gusta e incluso también, como no, por los contactos que me hacéis a través de la web. Así que nada más por este episodio, 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)