375 | ¿Debes crear formularios con plugins o con bloques?
21 Jun 2023 · 19 min
Episodio 375 del podcast WordPress Semanal (presentado por Gonzalo Navarro) que explica cómo decidir entre crear formularios mediante plugins tradicionales o mediante bloques del editor de WordPress. El episodio define tipos de formularios (contacto, encuestas, reservas, venta), compara ventajas y limitaciones de plugins frente a bloques, recomienda plugins y bloques concretos (p. ej. Gravity Forms, WPForms, Contact Form 7; Gutena Forms y otros bloques ligeros) y ofrece preguntas-guía para elegir según el caso de uso (uso fuera del editor, integraciones necesarias, Page Builders).
Chapters
En el episodio 375 de WordPress semanal te explicaré cómo decidirte entre un plugin de formularios o un bloque del editor que aporte esta misma funcionalidad. Además vamos a ver los mejores de cada tipo. Vamos allá. Hola, hola, soy Gonzalo Navarro y Bienvenidos al episodio 375 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Y hoy nos adentramos en un tema bastante interesante, porque con todo este cambio del que te vengo hablando en multitud de episodios, incluso cursos, pues van apareciendo opciones nuevas. Ahora que tenemos un editor por bloques que podemos dentro de WordPress, si quieres editar tus contenidos, publicarlos, pues un poco añadiendo bloques y controlando todo de forma un poquito más visual, pues claro, van apareciendo opciones extra. Además de los propios bloques que vienen con WordPress, hay nuevos y podemos ir añadiendo cada vez cosas más interesantes. Y llega un punto en el que se cruza lo que podíamos hacer antes con plugins, extensiones, a lo que podemos hacer con bloques. Y en concreto vamos a hablar en este episodio de un tipo de bloque, la posibilidad de crear formularios, ya sean de contacto, de venta o cualquier otro tipo de formulario, desde los dos enfoques, con plugins como toda la vida, o con bloques que podemos añadir a nuestro editor. Y lo vamos a ver en concreto, ya digo, con los formularios. Veremos una comparación a nivel global de qué implica decidirte por un plugin o por un bloque. Haremos una breve introducción a los tipos de formularios que hay para no liarnos, porque también dentro de esto es un submundo. Después te hablaré de los mejores plugins para utilizar formularios en tu web. A continuación de los mejores bloques para utilizar formularios en tu web. Después veremos las ventajas de cada uno de hacerlo con formularios o hacerlos con bloques. Y por último cómo tomar la decisión para tu proyecto web o lo que estés haciendo, la web que estés haciendo en el momento. Todo esto en un momentito. Pero antes, como siempre, novedades. ¿Que está pasando en Gonzalo Navarro es esta semana? Pues tenemos nuevo vídeo de la zona código. En este caso te enseño a que cuando estás editando un contenido en tu web, desde el editor nativo, el editor de bloques de WordPress, que puedas cambiar una imagen al pasar el ratón por encima. Esto ya lo expliqué en un vídeo anterior de la zona código, pero a nivel de HTML, es decir, utilizando el editor clásico. Ahora, aprovechando el bloque de imagen que ofrece WordPress, te enseño a hacer esto mismo. ¿Va a ser mucho más fácil, sobre todo si quieres que lo haga un cliente tuyo, este cambio que se pueda hacer de forma más sencilla más adelante, no? Que tú si estás haciendo una web, ya sea para ti o para un cliente en un momento dado, si lo haces por código más puro no pasa nada, pero si se quiere repetir en el tiempo es mucho más fácil hacerlo. ¿Como lo enfoco? En este vídeo que está inspirado en una pregunta que me hizo suscriptor, no recuerdo si en el grupo de Telegram, la comunidad privada de Telegram o a través del soporte. En cualquier caso me lo preguntó yo no lo tenía aún implementado, así que lo apunté y ya lo tenéis disponible. Es el vídeo 325 de la zona código. Ya sabéis, ahí tenéis vídeos en los que os explico cómo modificar vuestra web a través de código, pero sin que sepáis desarrollo ni nada. Veis el vídeo, copiáis, pegáis y lo tenéis. Y encima cada semana un vídeo nuevo. Y además, como ves, cuando detecto que hace falta algo o me lo pedís expresamente, pues adelanto todo y lo intento sacar lo antes posible. Viene esto. En cuanto a los vídeos de la zona código, ya sabéis, están incluidos con la suscripción en Gonzalo Navarro ES. Más cositas que están incluidas y de las que tenéis novedades. Bueno, entre los cursos que hay 75 publicados o más, el más reciente es el de Full Site Editing, diseño completo o global del sitio. Es decir, aprovechar los bloques del editor de WordPress para diseñar tu web entera, no solo los contenidos, sino también cabecera, pie de página y lo que quieras. Todo explicado desde cero y paso a paso. Pero recuerda que si te vas a Gonzalo Navarro ES y navegas por los cursos, tienes cursos para todo. Para crear una web desde cero, sencilla, para aprender las bases de WordPress, para hacer webs avanzadas, para hacer webs específicas de venta, de suscripción, de enseñanza, de reservas, de vender tickets, de lo que se te ocurra prácticamente y si no me lo propones y acabará saliendo fantástico. Esto en cuanto a las novedades. Vámonos ahora con el plugin de la semana que se llama One Click Order Reorder. El nombre es un poco repetitivo, pero es un plugin sencillito que lo que te permite es que si tienes una tienda online con WooCommerce y tus clientes quieren repetir un pedido, se lo pones fácil. Esto te expliqué cómo hacerlo por código en un vídeo anterior, te lo dejaré enlazado en las notas del episodio. Por cierto, todo lo que comento lo tenéis para acceder de forma muy rápida si tecleáis en vuestro navegador GonzaloNabarro es 375. 375 que es el número de este episodio. Y así podéis ver todos los enlaces y demás. Si vuestra aplicación de podcast permite en la parte de notas ver los enlaces, pues lo podéis ver ahí. Lo digo para los que me escuchéis desde algún sitio donde no podáis acceder a las notas del episodio. Entonces aquí lo tenéis todo con un formato más sencillo de consumir. Así que como digo, este plugin te permite hacer eso. Y luego el vídeo de la zona código que os comento que también publiqué hace tiempo, lo podéis hacer también. Eso es lo que os comentaba antes de la zona código que os explico, pues cómo podéis también ahorraros plugins, porque si necesitáis esta pequeña funcionalidad, yo la tengo ya explicada por código que os ¿Que preferís, ¿Un plugin o un plugin con más opciones? Porque éste la verdad que te ofrece más opciones. Al final es un plugin, pues puedes personalizar todo un poco. Ya digo que éste está muy bien. En cualquier caso tenéis opciones donde elegir en las notas del episodio. Fantástico. Pues ahora sí, vámonos con el tema central del programa. Formularios en WordPress, plugins o bloques. Y como te decía, primero quiero definir si se puede comparar esto de plugins y bloques. Al principio del episodio ya te he dado un poquito una breve introducción de cómo se empieza a ver un poco borrosa la línea entre el uso de plugins y bloques, aunque yo creo que debemos mantenerla para que no se haga todo un poco locura. Entonces, los plugins ya sabéis que son addons, extensiones para WordPress en general. Si yo quiero convertir mi web en un ecommerce, pues añado un plugin que me permita vender. Si quiero convertir mi web en un Membership Site, añado un plugin que me permita restringir contenido para los que me paguen una cantidad fija o una cantidad periódica, o si quiero añadir un formulario de contacto a mi web, añado una extensión que me permita hacerlo. Entonces los plugins, ya sean pequeñitos o grandes, extienden lo que hace WordPress de forma nativa. Esto creo que lo tenemos claro. ¿Qué pasa con los bloques que también son extensiones? Me refiero a los bloques extra que podamos añadir, porque cuando nosotros usamos una web con WordPress, sin añadir nada más, tenemos una serie de bloques en nuestro editor de contenidos y en nuestro editor global de la web, si es que lo utilizamos, pues el bloque de párrafo, el bloque de imagen, el bloque de columnas. Todo esto que nos permite publicar contenido y además maquetarlo de una forma más visual. Pero ¿Qué pasa si queremos bloques nuevos? Pues como digo, podemos añadirlo. Hay muchos plugins que se han hecho muy populares que lo que hacen es añadirte una variedad de bloques brutales, como una librería nueva de bloques de los que puedes elegir y añadir cosas extra, como por ejemplo poner contenido por pestañas o como el caso del que estamos hablando, añadir formularios directamente al contenido. Entonces aquí es donde se empieza a ver un poco difusa la línea. Lo normal, entre comillas, sería que con los plugins vamos a tener más opciones y más facilidad o más variedad de configuraciones y con los bloques, aunque pueden cruzar esta línea, ya digo, suelen estar más enfocados a maquetación y diseño. Espero que quede un poco clara la idea. Si no te queda muy clara seguramente es porque no estés ahora mismo utilizando el editor de bloques de WordPress, en cuyo caso te recomiendo utilizarlo para que lo entiendas bien. Ya hablé en el episodio anterior que al final la mejor forma de entender los conceptos en WordPress es usándolos Bien, seguimos un poco en esta línea. Primero, abonando el terreno algo import, hay que entender bien los tipos de formularios que hay más allá de que lo utilicemos a través de un plugin o a través de un bloque, hay una gran variedad de tipos de formulario. Una de las formas en las que los podemos definir es lo que hacen, y aquí hay dos grandes los formularios de contacto, es decir, un plugin o un bloque que te permite crear e insertar o mostrar en tu web un formulario simplemente de contacto, es decir, que te contacten para decirte que quieren colaborar contigo, para hacerte una consulta, para lo que sea, o los plugins o bloques que pueden crear o te permiten crear todo tipo de formularios, no solo de contacto, sino también de reserva de encuestas, incluso de venta, formularios ya más avanzados, no sólo enfocado al contacto sino a cositas más allá. Esta es una posible clasificación de tipos de formulario. ¿Tenemos más clasificaciones, por ejemplo, en cuanto a la forma de crear esos formularios, que nosotros cómo los creamos? Si, de forma visual, con un constructor que te trae el propio plugin, por ejemplo, y que tú vas pues venga aquí quiero poner el nombre, lo quiero poner en dos columnas, lo vas arrastrando, aquí quiero que la persona ponga su email, aquí quiero que elija entre estas tres opciones y esto tú lo vas arrastrando y lo vas configurando de forma así más visual, o los que lo hacen a través de opciones, o una forma un poquito más rudimentaria entre comillas, o más manual. Por ejemplo, antiguamente Gravity Forms no tenía un constructor visual de formularios. Gravity Forms es uno de los plugins premium más populares para crear formularios. Antiguamente, ya digo, siempre ha sido de los más potentes, pero le faltaba ese constructor visual. ¿Qué pasa después? Lo sacaron, seguía siendo igual de potente, pero ahora era más fácil o ya lo es, diseñarlos porque se hace de forma más visual. Entonces esto no tiene nada que ver con la potencia, lo que puedes hacer, sino la forma en la que creas el propio formulado. Y luego también podemos clasificarlos en cuanto a las funcionalidades. Los tenemos sencillos en los que podemos añadir pues a lo mejor muchos campos, da igual que sea formulario de contacto, formulario de otro tipo, pero no hay más allá, no hacemos más que construir el formulario, ponerlo en una de nuestras webs, si acaso poner una página de gracias por enviar el formulario y las típicas notificaciones que recibe tanto la persona que lo rellena como tú para que te avisen de que te han escrito. Y luego los hay más avanzados que por ejemplo traen integraciones para vincularlo con tu servicio de email marketing, con MailChimp, con ActiveCampaign, con lo que sea, o que ofrecen condicionados, es decir, si alguien rellena este campo, que le aparezca el siguiente, si alguien de estas cuatro opciones elige esta, que le aparezca esto, si elige esta otra, que le aparezca este otro campo. Pues eso también es otra clasificación. Los hay con todas estas opciones avanzadas y los hay que no. Sí bien estos son los tipos de formulario independientemente en que te los presenten en forma de plugin o en forma de bloque. Ahora vamos a ir viendo uno a uno, por ejemplo, de los plugins que nos ofrecen la posibilidad de crear formularios. Fíjate que ahora hablo de plugins extensiones, pues hay muchísima variedad, tanto gratuitos como de Ya he hablado en muchos episodios sobre formularios, si buscas en mi web o en Google Gonzalo Navarro es y pones o Gonzalo Navarro pones formularios te van a aparecer multitud de contenidos. Por ejemplo he hablado y tengo cursos de Gravity Forms, que es uno de los mejores plugins premium para crear formularios. Este sería de los avanzados, avanzadísimos, que te permite hacer de todo, que te permite también construir visualmente y que te permite crear todo tipo de plugins de formulario, no solo de contacto, sino también de venta y de mil cosas. En esta misma línea tenemos WPForms, muy parecido también, te permite hacer prácticamente de todo, también es premium aunque tiene una parte gratuita que no puedes hacer casi nada y también tienes contenidos y también tienes curso disponible. Formidable Forms, otro bastante popular también con muchísimas opciones. Este está muy enfocado a la versatilidad, te permite hacer cualquier cosa prácticamente que te imagines. En este caso no tengo curso de este plugin, pero lo menciono porque sé que hay mucha gente que lo utiliza. Ninja Forms no tengo curso como tal, pero sí tengo vídeo que ahora mismo no recuerdo en qué curso está, creo que en el curso de WordPress Intermedio. Este su versión gratuita es muy completa y te permite de forma visual crear tus formularios, ir añadiendo campos y después tiene una versión premium que es todo, te aporta poder vincular tus formularios con extensiones de terceros, como lo que te decía antes, integrarlo con tu programa de email marketing o lo que sea. Y luego tenemos el archiconocido, gratuito y muy utilizado Contact Form Seven, que si quieres uno gratis en el que puedas hacer de todo, este es tu plugin. Además tienes un curso disponible donde te enseño a utilizarlo de forma básica, es decir desde cero, pero también te explico cómo utilizarlo de forma avanzada añadiendo extensiones también gratuitas para incluso poder vender con este plugin, ya digo gratuito. Este por ejemplo en el momento de grabar este episodio, porque sé que lo tienen en su hoja de ruta, no permite construir el formulario visualmente, pero en algún momento, no sé si dentro de poco o dentro de mucho ha dicho su desarrollador que se va a poder utilizar un constructor para crear los formularios en lugar de hacerlo de forma un poquito más manual. Hay muchos más, si usas otro y te encanta, fantástico, ¿Vale? Tampoco puedo mencionarlos todos, ya digo que hay muchísima variedad en esto de los plugins de formulario. Bien, en cuanto a los bloques de formulario, es decir, ahora estamos hablando de un bloque que añadimos a nuestro editor de contenido, estamos creando una página, una entrada, añadimos, hay un bloque de formulario y empezamos a construirlo ahí directamente, no en un panel aparte que es lo que nos permiten hacer los plugins y luego ya se inserta en la página que sea. En este caso lo pondríamos directamente en el contenido. Aquí quiero hacer primero una salvedad, si ya utilizas un plugin que ofrece bloques extra y entre ellos tienes uno de formulario que te permite hacer lo que tú quieras, usa ese. Si no, si no tienes ya un bloque de formulario que te lo aporte tu plugin que te aporta bloques extra y quieres buscar uno, pues básicamente te puedo recomendar dos. El más completo y usado actualmente, en el momento de grabar esto, yo sé que irán saliendo más seguramente ya mismo, se llama Gutena Forms, es un plugin súper liviano que no usa jQuery, o sea que utiliza el JavaScript solo necesario y tiene integraciones como el reCAPTCHA de Google, te trae plantillas prediseñadas, puedes utilizar bastantes campos para el formulario, tiene las típicas páginas o mensajes de confirmación del envío y está bastante bien si lo que quieres es que te contacten, recibir feedback, crear formularios de registro que se apunten a tu newsletter o lo que sea. Esto es de Gutena, bueno, esto es de Expres Tech, que tienen varios plugins, o varios, perdón, bloques individuales. Tiene este para formulario, pero tienen otros para newsletter, para acordeón, para que un vídeo salga en forma lightbox, para pestañas, tienen varios. Entonces se han especializado en esto, en ir sacando plugins que son bloques específicos, bloques concretos, en lugar de sacar un gran plugin con muchos bloques a la vez. Está activo en unas 7000 webs con WordPress y bueno, si quieres algo así sencillo, sin condicionales y sin demasiadas integraciones, pues está bastante bien. Después tenemos uno más sencillo todavía por si quieres crear simplemente formularios de contacto y Este es de Jordi Meo, el de desarrollador francés que tiene un montón de plugins, por ejemplo tiene uno muy popular que está activo en 100.000 webs, que es el de reemplazar y regenerar las imágenes. Tiene este que ha salido ahora, que yo creo que es el mejor que hay ahora mismo para vincular chat GPT con tu web, que se llama te permite generar contenido y ya digo, poner un chat está bien, de hecho si os interesa tenía pensado sacar curso, así que si os interesa me lo decís y lo preparo, porque seguramente utilizaría ese plugin porque es el más completo hasta la fecha fecha. Bueno, me refiero que es un desarrollador que tiene bastante publicado, o sea que es buena referencia. ¿Qué pasa? Que el plugin es súper sencillo, simplemente te permite crear un formulario de contacto, no puedes añadir campos extra y él lo dice, él explica siempre me gusta porque explica muy bien sus plugins y pone sus limitaciones, dice que su objetivo es mantenerse sencillo y rápido y que si quieres añadir nuevos campos, nuevas características, lo puedes hacer tú desarrollando a través de lo que él ofrece con filtros y acciones, pero que vamos, que él no cree que lo vaya a aumentar. Este plugin está activo en más de seis. ¿Seiscientos webs con WordPress y hace lo que promete, un formulario de contacto sencillo, Sí, hay más? Sí, pero tienen poquísimas instalaciones activas, por ejemplo los de Nelio sacaron uno, pero tiene 20 instalaciones activas y algún otro más que hay por ahí que ni siquiera los quiero mencionar porque están en tan pocas webs los pobrecitos, que tampoco sé qué tal son. Bien, vamos con las ventajas. Ventajas de los plugins de formularios de utilizar un plugin en lugar de un bloque Pues muchísima más variedad, como ya has podido comprobar, puedes incrustarlos en cualquier lugar, no solo en el editor de bloques. Esto tiene una salvedad que te diré ahora. En el caso de los avanzados, pues aportan más opciones que cualquier bloque, ningún bloque que exista ahora mismo de formulario te va a aportar por ejemplo lo que aporta Gravity Forms o wpforms o incluso Contact Form Seven. Mayor cantidad de integraciones de los plugins de formularios con servicios de terceros, por ejemplo con Mailchimp, con Stripe para pagar y este tipo de cosas. Mucho más Track Record, es decir, llevamos teniendo plugins de formularios de hace la tira de tiempo con empresas muy establecidas que basan su modelo de negocio en vender este plugin, así que te ofrecen un buen soporte. Y esto en el caso de los bloques aún no pasa. Como ves los planes de formulario tienen ventajas fuertes, pero ya depende del caso de uso. Ventajas de los bloques de formulario Bueno, mayor rapidez de implementación. Añades tu bloque, lo configuras y lo tienes. No lo creas en una página aparte y luego lo insertas. Por otro lado, al ser más sencillo la configuración va a ser más fácil. Seguramente no tengas esa curva de aprendizaje de aprender a utilizarlo y luego de crear el formulario en sí. Y puedes ahorrarte un plugin si ya viene entre tus bloques. Si ya usas una librería de bloques extra y trae su bloque de formulario, pues lo tienes, no tienes que añadir un plugin extra. Y en esta línea de no añadir un plugin extra, una posibilidad ventaja es que si te encaja algún bloque de formulario, seguramente sea más liviano que un posible plugin de formulario. Más que nada por la sencillez, porque no tienen tantas opciones. Bien, estas son las ventajas de cada uno. Ahora, ¿Cómo tomar la decisión según tu proyecto, según tu situación? Pues te voy a hacer un par de preguntas y depende de cómo las respondas vas a poder tomar una decisión u otra. Por ejemplo, ¿Quieres poner los formularios en zonas donde no tienes un editor de bloques? Pues entonces tienes que usar un plugin de formularios, salvo que el bloque ofrezca también shortcode. Por ejemplo, el Contact Form Blog, el sencillo que te he dicho para formularios de contacto, trae también shortcode, es decir, lo puedes crear y luego con un shortcode lo puedes poner en otro lado. Entonces algunos sí que lo traen, pero en general si lo usas para ponerlo donde sea, a través de un shortcode o tal, normalmente mejor un plugin de formulario. Bien, ¿Qué pasa si los vamos a usar en zonas de bloques únicamente? Tú sabes que solo lo vas a usar donde tengas un editor de bloque, Pues ahí ya empieza la evaluación de lo que necesites. ¿Qué tipo de formulario vas a crear? ¿Cómo quieres construirlo? ¿Vas a necesitar vincularlo con tu servicio de email market? ¿Vas a necEsitar crear un sistema de pago? Y aquí ya piensa si alguno de los bloques que hay de formulario aporta lo que tú quieres hacer pues puedes usar el bloque, si no, pues no te queda más que instalar un plugin. Es así de sencillo para tomar la decisión. Y no quiero cerrar el episodio sin acordarme de los que utilizáis un Page Builder, un maquetador visual. ¿Qué pasa si usas un Page Builder? Bueno, los Builders, como sabéis, traen también widgets o elementos que puedes añadir a tus diseños. Estoy hablando, cuando digo Builders, de Elementor, de Divi, de Oxygen, de todo esto. Entonces, si tu build ya trae un elemento de formulario y aporta lógicamente lo que tú necesitas, úsalo. Si no lo trae o no aporta lo que necesitas, tienes que utilizar un plugin de formulario. No te vale con un bloque, porque si usas un maquetador visual no usas los bloques nativos de WordPress y luego ya, como siempre, pues tu plugin de formulario te va a generar un short code de ese formulario y tú lo pones en una zona de shortcode, una zona de HTML dentro de tu maquetador o tu Page Builder. Sí, fantástico. Recuerda que de todo lo que he comentado, incluso de editar tu web a través de los bloques nativos, tienes curso, así que puedes ir a Gonzalo Navarro, es buscarlo. Si tienes alguna duda de lo que ofrece la formación, escríbeme un correo en gonzalonabarro, es abajo del todo, tienes un botón para contactar y despejo las dudas que tengas. Por último, pedirte el favor de siempre, si piensas que este episodio le puede ayudar a alguien, pues te animo a que lo compartas y si te ha gustado a ti, te ha aportado algo, te animo a que dejes una valoración en tu aplicación de podcast, un comentario, lo que puedas hacer, ya sabes que siempre te lo agradezco muchísimo. 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)