350 | Formularios avanzados (mucho más allá del contacto)

En el episodio 350 de WordPress Semanal hablamos de varios tipos de formularios avanzados que puedes crear con plugins como Gravity Forms. También veremos cómo puedes añadir funcionalidades y características extra para crear mucho más que simples formularios de contacto. Vamos allá. Hola, hola, soy Gonzalo Navarro y Bienvenidos al episodio 350 de WordPress Semanal, el podcast en el que te enseño a crear y gestionar páginas webs con WordPress en profundidad. Hoy nos centramos en los plugins de formulario avanzados y un poco voy a coger como referencia Gravity Forms, que es el que yo utilizo y uno de los mejores que hay junto a WPForms y otros que ofrecen prestaciones increíbles, porque a partir de un solo plugin puedes llegar a crear formularios de todo tipo y muchas veces esto te va a permitir ahorrarte otros plugins pensados para una cosa muy concreta. ¿Ahora vamos a ver algunos ejemplos, sí, pero antes, como siempre, vamos a ver las novedades qué está pasando en Gonzalo Navarro es esta semana? Pues tenemos nuevo curso, precisamente el curso de addons para Gravity Forms. Ya sabéis que hace tiempo publiqué el curso de Gravity Forms con el que aprendes a utilizarlo de principio a fin, cómo se configura toda la parte de los ajustes, las notificaciones, por supuesto crear los formularios y qué hace cada campo que ofrece Gravity Forms. Además, después de que sacara el curso sacaron una renovación ellos, un gran cambio que implementaron, que fue la forma en la que se crean, se editan esos formularios. Ahora es muchísimo más visual, se parece un poquito como al editor de Gutenberg. Y entonces actualicé el curso explicando cómo funciona la nueva forma de diseñar formularios. Así que para utilizarlo de principio a fin tenéis ese curso que ya publiqué y si queréis dar un paso más hacia intermedio o avanzado, pues tenéis este curso donde vemos sus addons más populares, sus extensiones más populares para que podáis crear prácticamente cualquier tipo de formulario que se os ocurra. Y a lo largo de este episodio vamos a ver muchos ejemplos. Eso por un lado, Curso nuevo de addons de Gravity Forms y por otro tenéis nuevo vídeo de la zona código, es el vídeo 300. Estamos con números muy redondos del episodio 350 del podcast y vídeo 300 de la zona código, que ya sabes que tienes uno nuevo cada semana. Y en este caso te enseño a ajustar fácilmente y solo con un poquito de CSS varios logos de tamaños muy diferentes. Imagínate que lo típico que estás creando tu página y estás poniendo lo típico de he aparecido en esta empresa o en este periódico o tal no sé qué o he trabajado en estas empresas y cada empresa tiene su logo, cada imagen que quieras poner pues tiene sus dimensiones, una es como muy vertical, otra es muy horizontal, otra es más rollo cuadrado y tú quieres que se mantenga una proporción en el aspecto de esas imágenes, de esos logos. Normalmente lo que se hace pues que la editas con algún programa e intentas que más o menos pues tengan la misma altura para que luego quede más o menos bien. Pues te enseño con un truquito, con un pelín de CSS cómo hacer esto automáticamente sin tener que editar las imágenes ni nada. Está súper chulo. Así que lo tenéis ya disponible como digo en el vídeo 300, no tenéis que saber ni código ni nada, simplemente seguís el vídeo, hacéis lo mismo que yo y lo tenéis. Recordad que todo lo que estoy mencionando va a estar disponible en la parte de los enlaces, en las notas del episodio, que podéis acceder muy fácilmente si escribís en vuestro navegador Gonzalo es 350 que es el número de este episodio. ¿Sí? Perfecto, esto en cuanto a las novedades. Vamos ahora con el plugin de la semana que se llama Autocomplete WooCommerce Orders. Si recuerdas la semana pasada, o bueno, si no lo escuchaste te lo recuerdo en el vídeo de la zona código nuevo os enseñé a autocompletar los pedidos de WooCommerce con un poquito de código, pero hay un plugin que te permite hacer esto mismo y también con un poquito más de control sobre los pedidos que se van a autocompletar y los que no. Si queréis hacerlo con un plugin, pues este está muy bien y os lo dejo como plugin de la semana. También lo tenéis enlazado en Gonzalo es 350. Perfecto, pues ahora sí, vámonos con el tema central de este Gravity Forms y otros plugins similares para crear formularios avanzados. Antes que nada vamos a adentrarnos un poquito en que es Gravity Forms y esta definición se puede aplicar a plugins similares como WPForms u otros que te permiten crear muchos tipos de formulario y básicamente Gravity Forms es una de las soluciones más completas que hay para crear formularios y flujos personalizados para conectar con tus usuarios. Porque no es un simple formulario de contacto, escribo mi email, mi nombre y un mensaje, sino que podemos permitir hacer muchas más cosas y conectar o recibir información por parte de nuestros usuarios con muchísimo más control y muchísimas más opciones. Entonces, cuando necesitas crear más que simples formularios de contacto, Gravity Forms es una de las mejores opciones. Por ejemplo, vamos a ir viendo formularios específicos o tipos de formularios que podemos crear. Pues uno súper útil y bastante popular, uno de los más utilizados, es un formulario de registro personalizado. ¿Esto qué quiere decir? Pues que puedes crear tu propio formulario a través del cual un visitante va a poder registrarse como usuario de tu web. De este modo tú lo puedes crear de forma totalmente personalizada y mostrarlo en la parte frontal donde quieras. La persona va rellenando esos campos y nosotros previamente lo habremos configurado para que cada campo que rellene se asocie con información específica de los usuarios de WordPress, lo que WordPress tiene configurado para todos los usuarios. Tú puedes hacer ese vínculo, mapearlo, que es como se suele decir, para que efectivamente se consiga crear ese usuario con la información que haya rellenado, pues su nombre de usuario, su contraseña, su correo electrónico y este tipo de cosas. Y además le cuando este usuario se dé de alta a través de este formulario, le vamos a asignar el rol de suscriptor, por ejemplo, que es el rol habitual, pero puedes elegir que se puedan registrar con otro rol también. Todos los formularios que os voy a comentar los vemos en el curso. Le dedico una clase a cada tipo de formulario, así que os lo dejo, vamos, podéis ir al curso directamente o justo en la parte donde hablo del formulario en cuestión os dejo el enlace a la clase correspondiente. Con este y con otros tipos de formulario te permite, como te comentaba en la introducción, ahorrarte un plugin. Imagínate que tú quieres permitir el registro, quieres crear algo personalizado, pues muchas veces buscamos un plugin para ver cómo lo puedo mostrar en la parte frontal y demás. Pues bueno, si ya usas un plugin como éste, como Gravity Forms o WordPress Forms, etc. Pues no tienes que añadir un plugin extra, sino que lo puedes hacer ya directamente con tu plugin de formularios Más tipos de formularios, tenemos también formularios para crear encuestas, esto te permite consultar a tus visitantes lo que quieras a través de campos especiales, como por ejemplo que puedan tener las típicas 5 estrellas para que marquen o valoren algo o que puedan tener como una tabla en las que pueden ir lo mismo poner por ejemplo imagínate que estamos haciendo algo de satisfacción y pones por ejemplo en el caso de GonzaloNabarro es y pongo ¿Qué te parecen las siguientes características de la formación? Y pongo soporte, cursos, vídeos de la zona, código, descarga y esto en la parte izquierda de la tabla y luego en la derecha la posibilidad de que la persona ponga muy satisfactorio, satisfactorio, normal, mediocre, malo, por ejemplo, entonces en esa tabla pueden ir marcando y se ve todo de forma muy visual. Y otros tipos de campo, esto básicamente tú añades una extensión de Gravity forms y te dan estos campos extra para permitirte crear este tipo de formularios más especiales, que además luego te permiten consultar toda esa información de forma muy visual, incluso si quieres las puedes mostrar en la parte frontal o en una notificación por email. Más tipos de campos muy parecido a este pero con otro enfoque es formulario para crear votaciones, esto es lo mismo, tienes un campo extra que permite al visitante votar entre distintas opciones que tú le das, esta votación la puede hacer lo típico seleccionando casillas, ya sean de las que puedes seleccionar más de una, o los botones redonditos, radio buttons que se dice en inglés que sólo te deja escoger una opción, o el típico desplegable para que cojan opciones, y tú dirás bueno pues estos son campos normales, sí pero se asocia a una votación y entonces tú luego puedes mostrar por ejemplo la parte frontal, un porcentaje o el número también de votaciones si quieres, como en una barrita de esta que se va rellenando y se puede ver de forma chula y de forma visual. Más tipos de formularios, por ejemplo un formulario para crear cuestionarios, esto te permite crear como test o exámenes simplemente utilizando campos de Gravity forms y básicamente tú le asignas valores a las respuestas, incluso puedes decidir si el usuario va a aprobar o suspender a partir de de ciertos puntos, a partir de cierto porcentaje. Te permite por ejemplo algo típico que es mostrar la respuesta correcta si alguien pone un fallo y luego por supuesto lo mismo, puedes tú consultar toda esa información y mostrarla visualmente también si quieres en la parte frontal. Esto, pues imagínate yo por ejemplo, que ofrezco formación, pero no tengo un LMS, no tengo el típico plugin que me permite crear cuestionarios, poner material adicional. Estos plugins que están más enfocados a crear una academia online al uso, yo no lo uso así, yo simplemente os pongo el contenido y queda restringido para los que sois miembros y ya está. Si en algún momento yo quisiera añadir, por ejemplo, la posibilidad de hacer un test a alguno de los cursos, pues lo podría hacer sin tener que añadir ningún sistema de estos de gestión de enseñanza más avanzada, sino con mi propio plugin de formularios que ya estoy usando, pues creo este cuestionario. Más tipos de formularios Formulario para publicar contenidos. Eso está muy chulo porque puedes crear un formulario, mostrarlo en la parte frontal y automatizar la creación de una página, una entrada o algún tipo de contenido personalizado que tú ya tengas en tu web simplemente rellenando ese formulario. Es decir, podrías tenerlo, no lo sé, para editores de la web o lo que sea, o podrías tenerlo abierto al público para que cualquiera pudiese utilizarlo. Luego, por supuesto, si te crean ese contenido en la parte en tu WordPress, tú te vas a la parte de administración y decides si lo publicas o no, y además lo puedes editar y demás. Y básicamente funciona un poco como lo de los usuarios. Tú creas los campos y los asocias a partes del contenido, al título, a la imagen destacada, al contenido en sí. Y luego, como digo, pues lo tendrás en la parte de. Si lo asocias a entradas, pues en la parte de entradas, lo asocias a páginas en la parte páginas o donde sea. Y ya digo, puedes revisarlo, editarlo y publicarlo. Si quieres un caso de uso de esto, pues si tienes por ejemplo invitados, vas a invitar a alguien a que publique un contenido en tu web, el típico artículo de invitado, pues para no darle acceso interno ni tampoco decirle que te lo mande por un documento de Google o de Word, pues le pasas este formulario que lo tienes en una página de tu web. Incluso si quieres, ya sabes que a los contenidos le puedes poner contraseña, le pones una contraseña a una página, pones el formulario, le pasas la contraseña a la persona y esa persona rellena ahí directamente en el formulario el contenido que sea, luego ya tú no tienes que andar copiando y pegando ni nada, sino que directamente se te crea, se te genera por ejemplo una entrada de WordPress y lo único que tienes que hacer es revisarlo ahí directamente y cuando esté correcto pues lo publicas. El último tipo de formulario que vamos a ver es el formulario de venta. Este realmente con Gravity Forms no tienes que añadir un addon ni nada porque ya te trae los campos de precio que vienen con tu Gravity Forms normal y puedes vender lo que quieras, incluso tiene campo para envío y demás. Básicamente pues pones, puedes poner campo, producto, precio, botón de pagar, todo este tipo de cosas y lo vinculas a alguna pasarela de pago como puede ser Stripe, paypal u otras. ¿Cuándo es esto buena opción? Bueno, cuando no necesitas un gran plugin de ecommerce como WooCommerce y Diddy ni ninguno de estos, porque simplemente pues eso, necesitas vender y enviar por correo o con una página de gracias, lo que sea, entonces ya digo, es una excelente opción para ahorrarte un gran plugin de ecommerce si no necesitas todas esas características, me refiero de una gran tienda online. Esto lo vemos por ejemplo, no lo vemos en el curso nuevo, pero ya está cubierto en el curso de Gravity Forms normal en el que vemos su uso, en la clase que dedico a los campos de precio, que pongo un vídeo para cada uno de los campos, fíjate todos los tipos de formularios tan avanzados que puedes llegar a crear y más que no hemos cubierto, pero que también ya sea con addons o con combinaciones de campos que ya trae el propio Gravity Forms, pues se pueden llegar a crear formularios súper complejos. Bien, vamos a ver por último otras características avanzadas que puedes añadir a los formularios y que ya no son tanto un formulario específico, sino a lo mejor campos o características que puedes añadir a cualquier tipo de formulario que vayas a crear. Por ejemplo, también puedes añadir a través de un addon el campo de firma, permitiendo a un visitante, ya sea con el dedo, si está en algún dispositivo táctil como un móvil, una tablet o lo que sea, pues que haga la firma o si no con el ratón o lo que sea y esto se queda guardado en formato de imagen que luego tú puedes ver si te llega una notificación por correo o si no en las propias entradas que tienes en cada formulario de Gravity Forms, ya sabes que puedes ir a una parte que pone entradas y ahí se queda registrado todo lo que la gente haya ido rellenando. Otro campo interesante que puedes añadir, que se añade a través de un addon, es el campo de descuento. Yo te decía antes, puedes crear un formulario de venta directamente con Gravity Forms, si no te hacen falta cosas avanzadas propias de plugins potentes de tiendas online como te decía WooCommerce, pues mira, incluso si añades esto, que es algo que se suele echar en falta en cosas que realmente no están pensados para crear una tienda online, pero que te ofrecen la posibilidad de vender, pues siempre faltan este tipo de detalles, como crear, ya digo, la posibilidad de que la persona aproveche un descuento o lo que sea, pues con este addon puedes incluso mejorar todavía más la posibilidad de vender gracias a un formulario de Gravity Forms. Y luego otra característica interesante que también puedes implementar es guardar y enviar datos de formularios a medio completar, la opción de guardar el formulario para guardarlo por donde ibas. Esto se puede hacer directamente desde los ajustes de Gravity for, es una opción que viene ya de forma nativa, pero hay otra que sí que puedes añadir un add on y que también todo esto que comento lo vemos en el curso, pues ya digo que con un addon puedes permitir que si un visitante se ha dejado medio rellenar un formulario, se te envíe la información a ti de ese modo, imagínate, han rellenado nombre, correo, han empezado a rellenar algo del formulario pero se han ido, se les ha colgado Internet, han cerrado o lo que sea, pues puedes tú recibir esa información antes de que el usuario le dé a enviar. De modo que te permite por ejemplo, ponerte en contacto con él para ver si necesita algo, si ha tenido algún problema al rellenarlo o lo que sea, ya depende del uso que quieras dar. Por supuesto, todo esto hay que adaptarlo a la política de protección de datos, tienes que avisar que esto va a ocurrir, de hecho el propio addon te permite poner un aviso para decir este formulario, la información que introduzcas, este formulario la vamos a recibir o la podemos recibir antes de que le des a enviar. Estas y otras muchas características pueden hacer que llegues a crear formularios súper avanzados y ya digo que tienes disponible tanto el curso de Gravity Forms, donde vemos su uso de principio a fin, como el curso de Addons para crear formularios avanzados con Gravity Forms, ya sabes que todo eso está incluido en la membresía. Por 10 euros al mes tienes acceso a todos los cursos ya publicados, más de 70, a los nuevos cursos, a las renovaciones que voy sacando mes a mes, a los más de 300 vídeos de la zona. Código, ya sabes, hacer pequeños cambios en tu web sin utilizar plugins, sino pequeñas modificaciones por código que yo te enseño a copiar y pegar, que no tienes que saber desarrollo, ni código ni nada. Y luego el soporte, si tienes alguna duda en tu día a día de la gestión con WordPress, ahí estoy para ayudarte en lo que necesites. Nada más por este episodio, darte las gracias por haber estado ahí, fijaos que vamos ya por 350 episodios, muchísimas gracias de verdad para los que estáis ahí escuchando, para los que compartís, ya sabéis que os agradezco mucho. Si podéis compartir el episodio con alguien a quien penséis que le pueda gustar, por supuesto os podéis suscribir al podcast en la aplicación que estéis, Spotify, Apple Podcast, iVoox, cualquier plataforma de podcasting, ahí estoy. Como siempre, muchísimas gracias, nos seguimos escuchando, adiós.