267 | Gravity Forms lanza su cohete (¿a tiempo?)

En el episodio 267 de WordPress semanal te hablo del nuevo editor de formularios de Gravity Forms, que es su gran apuesta por modernizarse y por acercarse a todos los usuarios de WordPress y no solo a los que nos dedicamos a esto de forma profesional. Vamos allá. Hola hola, soy Gonzalo de Gonzalo Navarro ES y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y hoy te voy a hablar prácticamente en exclusiva del plugin Gravity Forms, que ya sabes que es uno de los plugins más populares para crear formularios avanzados dentro de WordPress y a partir de su versión 2.5 hicieron un gran cambio, bastante esperado. Algunos pensarán que llega un poco tarde porque ya había competencia, competidores que salieron un poco, yo pienso, aprovechando lo que le faltaba a Gravity Forms, que era tener un constructor de formularios más visual. Pero bueno, ahora vamos a hablar de todos los detalles, todos los cambios que trae, pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues por un lado tenemos un vídeo de la zona código, es el vídeo 217 y en el te enseño a crear medidores con progreso en HTML. Básicamente aprenderás en este vídeo, ya sabéis, la zona código, os muestro en vídeo cómo se hace algo y os dejo el código debajo para que lo copiéis, lo peguéis y obtengáis el mismo resultado. No tenéis que ser programadores ni nada, simplemente seguir lo que marco en el vídeo. De esa forma pues vais haciendo vuestros pinitos con cositas por código y aprendiendo detallitos chulos como este que os muestra. Os muestro yo, digamos en este vídeo cómo con HTML se pueden hacer muchas más cosas de las que pensamos. Y uno de esos ejemplos es esta barra de medición, que lo chulo de cuando la implementas con HTML es que dependiendo de los valores que tú le des a esa barra, va a coger unos colores u otros. Por ejemplo, si según los valores que tú le das, que se los das dentro del HTML, le das un valor bajo, pues automáticamente te va a crear una barra en el que ese color que se rellena es rojo, si es un valor medio, ese color va a ser ámbar y si es un valor alto va a ser verde. Esto va a depender de los valores que tú le des y estos colores se cogen automáticamente porque ya vienen pero definidos por el navegador. Ya sabéis que los navegadores Google Chrome, Firefox y demás dan unos estilos básicos a las cosas para que cuando alguien crea una página web sólo con HTML pues por ejemplo se note que una cosa es un párrafo, se note que otra cosa es un título y en este caso pues dan esos valores predefinidos. Yo te voy a enseñar también por si quieres ir un paso más allá y además del HTML utilizar un poquito de CSS, yo te voy a enseñar cómo puedes saltarte estos valores predefinidos o digamos hacer tú tus propios estilos. A ver un ejemplo práctico para que te hagas una idea. Imagínate que quieres poner una reseña de algo y quieres usar algo más visual, pues con estas barras lo puedes hacer, le puedes poner pues imagínate que estás valorando algo que su precio es muy alto, pues pones precio y como es caro pues eso, pones precio caro y en la barrita abajo muestras que se vea pues una barra poco rellena y que se vea con rojo. Después a lo mejor soporte del servicio de lo que hayas comprado, pues lo pones medio y lo pones que salga en ámbar, calidad del producto muy buena y pones que salga la barrita pues muy rellena y que se vea ahí como en verde. Pues para este tipo de cosas y solo con HTML no tienes que utilizar ningún plugin ni ningún tipo de código más avanzado como pueda ser JavaScript ni nada. Bueno, de nuevo el vídeo 217 de la zona código, ya sabéis todos los que estáis suscritos tenéis acceso completo a todos los contenidos incluyendo los vídeos de la zona código y además también tenéis acceso a cursos y. Y este mes vamos con renovación por partida doble. Por un lado renovación del curso de Gravity Forms, como os comento hace poco actualizaron y ha cambiado un poco su aspecto, ahora es mucho más moderno y ha cambiado sobre todo su constructor, su editor de formularios, con lo cual he añadido vídeos al curso que ya teníais de Gravity Forms donde os explico cómo utilizar este editor nuevo, cómo ha sido ese cambio visual, cómo podéis actualizar de la versión antigua a la versión nueva, así que ya lo tenéis disponible y. Y También he añadido dos clases al curso de LearnDash de dos cosas que me habéis pedido un montón y es cómo vincular LearnDash con WooCommerce para que la gente pague a través de las pasarelas de pago que tengas tú en WooCommerce y cómo hacer lo propio con Easy Digital Downloads por si prefieres utilizar las pasarelas de pago de IDB. ¿De acuerdo? Son dos clases completas donde vemos todo lo que necesitas saber cuando vinculas cualquiera de estos dos plugins de e commerce con LearnDash. En el siguiente episodio del podcast te voy a hablar de esto en profundidad y voy a hablar de cuándo merece la pena hacer esto y cuando no, ¿De acuerdo? Pero ya que sepáis que ya lo tenéis disponible, ya tenéis ese curso ampliado, todas estas novedades y el resto de enlaces lo tenéis en las notas del episodio. Recordad que podéis ir a GonzaloNavarros es 267, que es el número de este episodio y ahí lo tendréis. ¿Sí? Fantástico. Vamos ahora con el plugin de la semana que te permite limitar las veces que te pueden contactar a través de un formulario hecho con Contact Form Seven. El plugin se llama CF de Contact Form Seven Form Submission Limit, pero vamos, os lo dejo enlazado. Ya sabéis, Gonzalo es 267 y no hace más que eso. El plugin está activo en más de 200 webs con WordPress, tiene un vídeo que te explica cómo se utiliza y es precisamente para eso, para limitar las veces que te pueden contactar a través de cualquiera de los formularios que tú tengas creados con el plugin contact form 7. Lo puedes hacer a nivel de cada formulario, no es a nivel de todo, sino a nivel de cada formulario. Tú puedes decir pues aquí lo puedes hacer y además puedes decir que se resetee. Imagínate que solo quieres que te puedan contactar, no sé, diez veces a la semana porque estás haciendo una promo o por lo que sea, pues pones 10 y pones que esa limitación se resetee, pues a la semana a una fecha específica y ahí vuelven a empezar y se vuelve a poder enviar, o que solo lo quieres limitar un tiempo y luego se puede enviar, pues lo puedes hacer. También añadieron una característica nueva que es que lo puedas limitar a nivel de usuario. Si se detecta, o sea, si el usuario está logueado, puedes decir que ese usuario solo pueda contactar una vez está bien. Como digo, fue una característica que me solicitó un suscriptor, me preguntó si existía un plugin que hiciese eso y yo encontré este, así que lo comento aquí para todos porque puede ser útil. De nuevo tenéis el enlace en Gonzalo es 267 y ahora ya sí nos vamos con el tema central, Gravity Forms a partir de la versión 2.5 y lo primero que vamos a hacer es recordar las bases sobre Gravity Forms y tenéis un episodio completo, el episodio 250, podéis, ya sabéis, Gonzalo es 250 y vais directamente y en él os hablo de Gravity Forms en profundidad os digo qué es Gravity Forms, que básicamente es un plugin premium para crear formularios avanzados, que lleva muchísimos años en el sector, más de 10, que está muy bien desarrollado y que históricamente lo han utilizado los profesionales de WordPress, los que se dedicaban a hacer webs y siempre ha tenido muy buena reputación entre los desarrolladores. También os cuento para qué sirve, que es básicamente para crear cualquier tipo de formulario, incluso de registro o de venta, con opciones avanzadas, con addons para casi todo, con extensiones para casi todo, email marketing, para recibir pagos, para CRM, para Zapier. Y en el último punto de ese episodio os hablaba de qué camino seguirá Gravity Forms. Pues bueno, eso es de lo que vamos a hablar hoy, que ya están andando por ese camino desde la versión como digo 2.5. ¿Qué novedades tenemos a partir de ahora y cuál es el presente de Gravity Forms? Bueno, un nuevo aspecto, tienen un aspecto mucho más moderno en sus paneles de opciones, un enfoque minimalista como siempre, siempre han tenido un enfoque minimalista, nunca ha sido disruptor en cuanto a los paneles que te muestra en sus opciones ni nada, y ahora tampoco lo es, pero está más cuidado el aspecto, se ve más moderno y no se ve como antes, que también ocurría en su web, tú ibas a su web y da esta sensación de web antigua y un poco pasaba también con las opciones del plugin y ahora se han modernizado en general, ya lo hicieron hace tiempo con su logo y poco a poco en el diseño está más cuidado, es más visual, no cambian las opciones, tú te vas a los ajustes y son las mismas, tú te vas a las opciones dentro de un formulario y son las mismas, cambia el aspecto general, el diseño. ¿Qué más novedades nos trae o cómo es ahora Gravity Forms, bueno, ahora utilizan un código más moderno y accesible, tanto mejoras en el marcado de los formularios, es decir, en el código que se utiliza cuando tú creas un formulario con el código que está hecho, que se genera ese formulario, pues ahora lo hace mucho más accesible? Esto de accesible quiere decir, por ejemplo, que un programa que utilice una persona invidente para leer lo que hay en una página, va a leer mucho mejor los formularios, porque a nivel de código, a nivel interno, el marcado también se ha modernizado en ese aspecto, es mucho mejor. Y luego también han hecho algunos cambios a nivel de HTML y CSS para que cuando nosotros personalicemos esos formularios visualmente tengamos más opciones, sea más fácil para nosotros y y no haya que andar como antes poniendo clases a nivel manual, sino que ahora podemos hacerlo de una forma mucho más cómoda. Y luego la nueva gran funcionalidad de Gravity Forms, que es su editor. Ahora tenemos un editor en base a bloques muy parecido o con una experiencia muy similar a la que tenemos cuando editamos con el editor de Guttenberg, que está con WordPress, pero yo diría que mejor. A mí todavía el editor de Gutenberg me parece que te ralentiza en algunos aspectos, aunque cada vez está muchísimo mejor y lo va a seguir estando. Sin embargo, con Gutenberg, perdón, con Gravity Forms, el editor de formularios, cuando estamos creando un formulario es mucho más intuitivo, es rápido, es rapidísimo el hecho de mover columnas, porque ahora se puede controlar las columnas arrastrando y soltando. En ese sentido es muy buena la experiencia. Además no han tenido prisa los de Gravity Fonts porque sacaron bastantes versiones beta, la gente lo estuvo probando porque es una versión muy esperada, recibieron feedback, fueron corrigiendo y está genial. Y además dentro del panel, porque no sé si habéis usado Gravity Forms antes, pero antes imagina que yo añado, añadía un campo de nombre y si yo quería editar las opciones de ese campo, pues le daba como una flechita, se desplegaba en la pantalla, en la misma pantalla donde estamos construyendo el formulario, la pantalla central, y después de ese desplegable además tenía pestañas y podía ir lo típico, con todas las opciones, rellenando y demás. ¿Qué pasa? Que si yo tengo un formulario relativamente largo, voy añadiendo campos y voy desplegando esas pestañas y desplegando y desplegando y al final se te llena la pantalla central donde tú digamos, lo que quieres ver son los campos que tienes del formulario, se te llena de opciones y era un poco lioso la verdad. Y ahora no, ahora es mucho más parecido, como decía a lo de Gutenberg. Yo por ejemplo hago clic en un elemento, en un campo que yo haya añadido, como digo, el de nombre, el de correo electrónico, el que sea, y las opciones me aparecen a la derecha, con lo cual sigo viendo mi formulario, sigo viendo cómo lo estoy construyendo, si lo tengo en columna, los campos que tengo y las opciones las voy configurando en la derecha, que son las mismas opciones, se ven con un aspecto más moderno y demás, pero es lo mismo que antes, es decir, si ya lo conoces o ya has visto el curso de Gravity Forms, no vas a notar o digamos, no tienes que aprender nada nuevo más allá de dónde están ahora las cosas, pero las opciones son las mismas y es mucho más intuitivo, te vas a hacer con ello rapidísimo. Por último comentar que yo le he dado un título a este episodio, título digamos que se muestra cuando lo publico en redes sociales o cuando vais a escuchar el podcast, que es Gravity Forms lanza su cohete y entre paréntesis pongo a tiempo lo del cohete es porque ellos siempre lo tienen en su marca, con esto por lo de Gravity, pues utilizan un cohete para las imágenes que ponen en la web, para sus promos y demás, y siempre su cohete, su fuerza ha sido todo lo que se puede hacer con Gravity Forms, lo que se puede extender a nivel de código, todas las extensiones que tiene, la cantidad de tipos de formulario que puedes hacer, avanzado, súper avanzado, nada más y nada menos que vender online. Pero claro, se estaba quedando atrás en cuanto a diseño y en cuanto a facilidad de uso a la hora de crear los formularios. Por ejemplo, WordPress Forms salió y yo creo que se hizo ahí con una parte del mercado importante en cuanto a los formularios premium, también lo hizo Ninja Forms antes que ellos y ya salieron del tirón directamente con un editor de formularios visual, mientras que Gravity Force mantenía ese ahí aparentemente visual, pero luego no lo era, visual me refiero, pues esto que puedas arrastrar, soltar. Y claro, yo imagino, y esto es su opinión y son suposiciones mías, que cuando alguien va o iba antes de la renovación de Gravity Forms a buscar un plugin de formulario, esto es importante hoy en día y seguramente lo tuviera en cuenta a la hora de elegir un formulario u otro, o un plugin de formularios u otro. Entonces me alegro de que Gravity Forms haya dado este paso porque realmente creo que puede llegar a muchos más usuarios que antes, sobre todo al usuario medio de WordPress que ya está acostumbrado, ya espera un editor visual, salvo que se decante por Contact Form 7 que siempre se mantiene ahí con sus shortcodes. Así que creo y espero que le den un empujoncito porque de verdad para mí es un plugin, para mí es el mejor que hay en cuanto de plugins premium para formularios, creo que es el mejor y más ahora que está incluyendo lo que quizás era el fuerte de otros plugins y por donde entraron digamos a nivel de marketing, a nivel de propuesta de valor, porque en cuanto a funcionalidades puedes igualar, pero mejorar a Gravity Forms es prácticamente imposible. Entonces ahora se han puesto las pilas en cuanto a diseño y a mí la verdad que me encanta el editor. Si estáis apuntados al curso pues lo podéis ver en Instagram creo y en Twitter puse un vídeo de cómo es el editor nuevo, un vídeo muy cortito para que te hagas una idea y bueno, y si no, en la web de Gravity Form seguro que os podéis hacer una idea, lo digo por si no lo habéis utilizado nunca y queréis echarle un vistazo antes de ver el curso o lo que sea, pues ahí lo tenéis. Bueno pues nada más, esto es el nuevo Gravity Force, espero que te haya gustado y que te haya servido para hacerte una idea de cómo es este plugin. Ahora si no lo conocías mucho, de nuevo Tienes el episodio 250, ahí hablo mucho más en profundidad de todo lo que puedes hacer con él, de los tipos de formulario y demás. En este es un poco que veas el cambio y sería como la segunda parte de ese otro episodio, nada más. Recuerda que tienes formación para aprender a crear y gestionar webs con WordPress de forma profesional, no solo crearlas desde cero con los cursos de WordPress básico, intermedio y avanzado, sino gestionarlas en el día a día, ser más productivo con ellas. Toda la parte que tiene que ver con el marketing también la cubrimos con curso, cositas avanzadas con los vídeos de la zona, código, plugins que puedes descargar y soporte conmigo personalizado. Sí, todo eso por nada más que 10 euros al mes y además sin permanencia. Incluso puedes probarlo durante 15 días y si no te convence, pues me escribes. Oye Gonzalo, que esto no es para mí. No pasa nada, te hago la devolución y tan contentos. Toda la info en gonzalonabarro es nada más por este episodio. Nos seguimos escuchando. Adiós.