111 | Elementor Page Builder para WordPress: ¿merece la pena?

En el episodio 111 de WordPress Semanal hablamos de Elementor, qué te ofrece, qué ventajas tiene con respecto a sus principales competidores e intentar explicar el porqué de su gran éxito. Vamos allá. Hola, hola, Soy Gonzalo de GonzaloNavarro es y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya sabes que no hay mayor satisfacción ni mejor inversión que la de crear y gestionar tu propia página web con WordPress. Y como no, hoy vamos a hablar de una forma en la que la puedes gestionar mejor. Vamos a hablar de un constructor visual que están muy de moda, que mucha gente los utiliza y hay muchos en el mercado. Pues ahora vamos a hablar en este episodio de uno de los más populares, que lleva relativamente poco tiempo, pero que ha entrado con muchísima fuerza, que tiene ya muchísimos adeptos y hoy vamos a ver el porqué. Pero antes os voy a comentar qué está pasando en Gonzalo Navarro. Es esta semana que que tenéis disponible en mi web. En primer lugar, como cada semana, un nuevo vídeo de la Zona Código, que ya sabéis, si sois suscriptores tenéis acceso a todos los vídeos de la Zona Código. Este es el vídeo, vamos a verlo un momento que lo abre, es el vídeo 62 y os enseño a crear degradados con CSS en WordPress. Por ejemplo, si habéis visto las cajas destacadas que yo tengo en mi web, por ejemplo en este mismo episodio, al final podéis ver una de ellas, o si vais al enlace que os dejo de esta clase de la Zona Código, también podéis ver ejemplos de lo que me refiero. Pues bien, en estas cajas yo empiezo con un color blanco y se van difuminando hasta conseguir un grisáceo, que en mi caso yo lo he puesto del mismo color que el fondo de mi web, con lo cual parece que se difumina la caja y se acaba mezclando con mi web. Vale, pues esto es lo que os voy a enseñar, a hacer ese efecto degradado con varios colores, que lo podéis utilizar, por ejemplo para crear cajas destacadas o para lo que queráis, para un fondo de algo, para lo que sea, pero os voy a enseñar esa propiedad del CSS, cómo aplicarla. Por supuesto que ya sabéis que en la Zona Código simplemente copiáis y pegáis y conseguís el resultado que yo os pongo en el ejemplo. Os dejo el enlace, si no Si queréis ver todos los vídeos de la zona código, un pequeño resumen de cómo es cada uno y tener una idea de qué incluye, pues podéis ir a gonzalonavarro es códigos y si no estáis suscritos y os queréis suscribir a esto y a los cursos, pues podéis ir a gonzalonabarro es cursos. Si no hay distintos precios, todo va incluido, así que le podéis echar un vistazo ahí. Más novedades. Mañana jueves 31 de mayo de 2018 sale un nuevo curso que es precisamente de Elementor. Es un curso que me habéis pedido muchísimo y que os va a encantar porque lo vemos absolutamente todo. Después hablaremos un poquito más de qué incluye el curso. Entonces estas son las novedades que hay en gonzalonomarro es. Saltamos ahora al plugin de la semana que es para conseguir un IVA automático y correcto para los países de la unión europea en WooCommerce. El plugin se llama WooCommerce IUVAT Compliance y te permite cumplir con la ley de forma sencilla a nivel de la Unión Europea en lo que al IVA se refiere y más concretamente para los productos digitales, porque todos los productos digitales que se vendan en Europa están bajo una ley en la que se debe aplicar el IVA de cada país de la Unión Europea, aunque el comprador no venda desde la UE, desde la Unión Europea. Entonces esto tú ponerlo y buscarlo y todo el rollo es muy tedioso. Además, si el IVA va cambiando, tú lo tienes que cambiar, pues el plugin lo que te hace es que te aplica el IVA correspondiente para cada país de forma automática, ¿Vale? Y además si el IVA cambia, se actualiza y además geolocaliza y guarda las IPs de los visitantes, con lo cual te muestra con mucha facilidad a cada usuario en concreto el precio con correcto con el IVA ya incluido, el IVA para ese país. Así que si vendes productos digitales y los vendes a otros países de Europa, esta solución es perfecta. Además el plugin ha ido mejorando porque antes tú tenías que incluir uno a uno los países, pero ahora no, ahora automáticamente incluso también te los puedes incluir, está muy bien. Es uno de esos que tienes que tener sí o sí si lidias o vendes con países más allá del que resides o más de un país, ¿Vale? En concreto pues en la Unión Europea. Así que os dejo el enlace en la parte del Plugin de la semana, este es el episodio 111 y. Y ahora ya sí, vamos con el tema central, Elementor, ese Page Builder que está muy de moda, que ha tenido un boom increíble y vamos a ver el porqué, todo lo que le rodea, las ventajas que tiene y demás. ¿Vale, en primer lugar, qué es Elementor? ¿Esto lo pasamos rápido porque más o menos todos tendréis una idea de esto, pues es un plugin para WordPress que te permite diseñar tu web de forma visual, vale? ¿Es un Page Builder de tantos, un constructor visual, y pues se ha convertido en uno de los más populares, pese a que lleva poco tiempo, lleva muchísimo menos tiempo que Divi, muchísimo menos tiempo que Visual Composer, que Site Origin, que Vive Builder, que Thrive Architect, es decir, que todos los más populares, pues este es el más joven, sin embargo está consiguiendo adeptos a una velocidad enorme, básicamente porque es muy fácil de usar, está muy bien desarrollado, no para de crecer, no paran de implementar novedades y mejoras, además escuchando a la audiencia han ido añadiendo cosas que la gente se quejaba que le faltaban, o sea que eso siempre es muy buena señal en un plugin, es gratuito o tiene una versión gratuita muy muy muy completa y y además funciona con cualquier theme, vale? Así que esto es Elementor. ¿Después, cómo funciona Elementor? ¿Pues sencillo, te permite diseñar y maquetar páginas de forma 100% visual, vale? ¿Funciona en base a widgets o elementos, cada uno lo llama en realidad son elementos, pero también se llaman widgets, eso mismo, simplemente los vas arrastrando, vas editando las opciones y vas viendo los cambios en vivo, vale? Vas maquetando o diseñando la página de forma visual, por ejemplo, no es posible maquetar desde la página de administración, desde la página de edición, solo maquetamos de forma visual. Normalmente estos constructores tienen las dos opciones, sobre todo porque muchos empezaron que simplemente podías maquetar desde la parte de administración y luego fueron añadiendo la opción de también poder maquetar desde la parte frontal de la web, desde la parte visual. ¿Elementor como ha nacido? Directamente cuando ya la gente está acostumbrada a editar, a construir su página visualmente, pues directamente no te dan la opción de editar por detrás, y entonces es muy fácil, simplemente coges y arrastras los widgets o los elementos a la página, ya te aparecen sus opciones, las vas editando en la parte izquierda un poquito mantienen digamos la estructura de cuando tú le das a personalizar la web, sin el plugin ni nada, que le das a personalizar y te salen las opciones a la izquierda como en una barra que ocupa aproximadamente un cuarto de la pantalla y en el resto pues tú vas viendo todos los cambios. Mantiene un poco esto que ya trae WordPress, también te viene como otros constructores con librerías, con plantillas para que puedas usar, también puedes guardar las tuyas y después reutilizarlas. Tiene muy buen control sobre el responsive, también puedes editar y controlar la parte responsive de la web Y esto nos lleva a las ventajas de Elementor frente a otros constructores. Hemos dicho un poco cómo funciona, pero ya con esto por ejemplo del buen control sobre el responsive estamos entrando en una de sus ventajas. ¿Qué más ventajas tiene? Bueno, lo primero, tiene una versión gratuita muy potente, muy muy muy completa. Esto ya lo diferencia de casi todos sus competidores, exceptuando quizás Page Builder de Side Origin que es 100 % gratuito pero que se está quedando un poco atrás con respecto al resto de constructores. Después, su gran ventaja no tiene locking, no tiene locking de shortcodes, Si tú lo desinstalas no te deja todo lleno de short y además todo lo que te pueda mantener te lo mantiene, Es decir, si tú has insertado imágenes, títulos, párrafos, casi todo lo que insertas lo pone en tu web con buen código, con buen código HTML, buen código CSS. ¿Qué pasa? Que cuando eliminas el plugin, ese código HTML y CSS sigue quedándose. A ver, vas a perder cosas. Si por ejemplo has puesto cosas en tres columnas, esto lo hace Elementor con unas clases que añade, si quitamos Elementor, esas clases se van, pero las imágenes van a seguir ahí, el texto que hayas puesto va a seguir ahí y lo más importante, no va a dejar rastro alguno de shortcodes ni de código raro. ¿Por qué? Porque no lo usa, ¿Vale? Si tú usas por ejemplo Divi o por ejemplo Visual Composer, te das cuenta que si lo desactivas se te queda todo lleno de shortcuts, todas las páginas en las que lo hayas usado van a estar llenas de shortcuts. Pues esto no pasa con Elementor, ¿Vale? ¿Elementor usa buen código y cuando lo desactivas te mantiene lo que puede, sí? Así que tienes muchísimo control sobre el diseño sin llenar todo de código extra y de código que después no te sirve para nada. Otra ventaja de Elementor frente a otros constructores es su constructor visual. Como ha nacido con constructor visual, funciona genial, es súper rápido, yo diría que casi el más rápido, ¿Vale? La experiencia es buenísima, sí. Luego tiene otra cosa que me gusta mucho, que antes era una desventaja, pero que lo incorporaron, como yo os decía, escuchan a la gente y van implementando lo que la gente quiere. Y es que te han añadido la opción de tú poder empezar a trabajar con una plantilla vacía al 100%. ¿Esto que te permite? Te permite crear landing pages o páginas de aterrizaje desde cero. ¿Vale? Entonces, si aunque solo uses este plugin para crear landings, esto te viene genial porque empiezas con una página en blanco, total, no te aparece ni el header, ni el footer, ni nada, empiezas con una página en blanco y puedes diseñar tu landing de principio a fin o usar una plantilla e ir modificándola poco a poco. Sí. Entonces, ¿Recomiendo Elementor? Pues como te imaginarás, sí. La verdad es que me ha sorprendido muy gratamente, lo he estado utilizando mucho para preparar el curso, me he empapado bien de su funcionamiento y yo que no uso constructores visuales para mi proyecto, ahora tengo que decir que me apetece utilizarlos, pero para determinados casos y seguramente si, porque hay veces que sí lo utilizo, si el cliente quiere después poder diseñar, poder utilizar un maquetador, pues sí lo utilizo. Pero estoy seguro de que de aquí en adelante voy a recomendar Elementor para esos casos, porque la verdad es que, como digo, me ha ganado. Y una de las claves de que me haya ganado es lo bien optimizado que está, lo fácil que es de aprender, el buen código que genera, la ausencia de login. Esto para mí es súper importante, aunque realmente cuando tú estás usando algo no piensas en que lo vayas a dejar de usar, pero puedes al final dejarlo de usar o querer hacer una migración, cambiar de lo que sea y siempre está bien que tenga el mínimo impacto posible, lo que pasa que muchas veces es muy difícil, porque si quieres hacer cosas muy potentes, pues al final tienes que dejar un rastro. Pero Elementor ha conseguido dejar el mínimo posible. Y como os decía al principio, pues he preparado el curso de Elementor a petición popular, era uno de los más votados. He disfrutado muchísimo haciendo el curso porque al principio cuando lo preparaba me di cuenta de las posibilidades de Elementor, de lo que me gustaba y luego pues haciendo el curso y enseñándoos cómo utilizarlo pues también por supuesto. Y vemos absolutamente todo, configuración general, todas las opciones por dentro, cómo preparar tu web para poder usar Elementor, cómo hacer las configuraciones a nivel global para después ahorrarnos mucho trabajo cuando diseñemos página y que ya nos salgan pues los colores que queríamos utilizar, las fuentes que vamos a utilizar y no tener que estar cambiándolas todo el rato. Vemos absolutamente todos los widgets, todos y cada uno de ellos, ¿Vale? No para que te los tengas que fumar todos uno a uno, sino para que tú puedas y decir venga, ahora necesito esto, pues vas al curso y consultas ese widget en concreto, no tienes que ver un vídeo larguísimo con todos los widgets, ¿Vale? Os dejo vídeos pequeñitos para cada widget. Luego también vemos consejos sobre cómo usar elementos de forma más productiva, en definitiva, cómo hacer cositas también más avanzadas, incluso vemos algunas extensiones gratuitas que extienden aún más todo lo que puedes hacer con Elementor. Es un curso completísimo, os dejo el enlace en la parte de enlaces y si estáis escuchando hoy miércoles 35 de mayo este episodio, sabed que no sale hasta el 31, ¿Vale? No sale hasta mañana jueves 31 de mayo, pero os dejo el enlace de todas formas, ¿Vale? Además tenéis disponible el curso de Page Builder, de Site Origin, que este es uno de los primeros cursos que creé, tenéis disponible el curso de Divi, por supuesto, en el caso pues de que queráis comparar o de que prefiráis alguno de esos otros constructores. Así que ya para cerrar, si buscas un constructor visual y no estás muy metido en el uso de los otros más populares, como he comentado antes, Divi Visual Composer, Thrive, Architect, Page Builder, Site Origin, Biberbuilder. Si ya usas estos y estás muy metidos y ya los controlas muy bien y los usas mucho, pues quizás no quieras cambiar, pero si no vas a empezar o quieres cambiar, seguramente mi recomendación habría que ver, el caso sería Elementor, incluso si sabes CSS pero quieres facilidad a la hora de crear una landing o te falta muchas veces imaginación, que puedes saber código pero luego necesitas también basarte en algo o coger ideas, pues también Elementor podría complementar tus habilidades. Además, si sabes CSS y tienes nociones de diseño, vas a utilizar mejor Elementor, ¿Vale? Porque no por que te den facilidad de diseño quiere decir que sepas diseñar, simplemente te facilite el aspecto técnico. Al final tengo que decir que este es un plugin que me ha ganado primero por su pequeña curva de aprendizaje, es muy fácil entrar en este plugin, es muy fácil aprenderlo y una de las claves es que mantiene una consistencia en todo, es decir, si tú aprendes a utilizar un widget, a editarlo, después te va a ser muy fácil editar el resto de ellos. Puede que tenga alguna cosa distinta, pero si aprendes la base de cómo funciona y de cómo trabaja Elementor, avanza súper rápido, porque no te cambia los paneles de un sitio a otro, sino que me gusta que mantiene una consistencia y una forma de trabajar que es siempre la misma. Después su rendimiento es rápido, carga rápido, ves todo al instante, rara vez te vas a encontrar un problema. A ver, se actualiza mucho porque van añadiendo muchas mejoras, puede que en alguna actualización te encuentres un problema, pero en el caso pues lo arreglarían rápido. Esto como todo en WordPress. Pero en general el rendimiento es muy bueno. Y luego su optimización es que no tiene locking, esto es una virtud tremenda, ¿Vale? Así que nada más, si quieres ver este curso, el de Elementor y otros muchos cursos más de 25, si quieres acceder a soporte conmigo personalizado sobre WordPress, si quieres ver los vídeos de la zona código para ir un paso más allá y poder modificar tu web sin utilizar plugins, pues entonces te invito a que pruebes el área para suscriptores, puedes ir a GonzaloNavarro es cursos, ahí tienes toda la información, pero ya Sabes que tienes 15 días de prueba sin compromiso, lo pruebas. ¿Que no te convence? Oye Gonzalo, que no voy a seguir, que no me convence, pues nada, te devuelvo los 10 euros y tan contentos. Ya sabes que me interesa mucho que lo pruebes porque sé que te puede gustar y si no, pues no pasa nada. Y nada más, si te ha gustado el episodio de hoy, quieres ayudarme a que siga creciendo, a que siga creando episodios como éste, ya sabes que valoro muchísimo y te agradezco un montón tus reseñas en iTunes, ¿Vale? Es muy fácil vas a tu aplicación de podcast, buscas WordPress semanal y le das a reseñas y dejas pues la reseña que consideres Y si No estás en iTunes y me escuchas desde otra plataforma también. Muchas, muchas gracias por los comentarios, por los me gusta, por cualquier acción que puedas tomar en esa plataforma. Nada más por este episodio, nos seguimos escuchando. Adiós.