Explicamos como funciona la herramienta de Elementor Page Builder y sus principales funcionalidades para tu WordPress.

Elementor Page Builder: ¿Qué es y cómo funciona?

Elementor Page Builder: ¿Qué es y cómo funciona?

Explicamos como funciona la herramienta de Elementor Page Builder y sus principales funcionalidades para tu WordPress.
Explicamos como funciona la herramienta de Elementor Page Builder y sus principales funcionalidades para tu WordPress.

¿Qué es Elementor?

Elementor es lo que los profesionales del desarrollo web denominamos page builder de código abierto para WordPress, que no es más que un maquetador web visual para WordPress, es decir, un plugin o herramienta que permite editar webs de forma visual, realizando cambios sobre la misma página. Por lo que puedes ir visualizando el resultado de los cambios en el instante que se realicen. ¡Más adelante te mostraré como funciona así que continúa leyendo!

Este plugin apareció en a mediados de 2017 y, casualmente en ese momento en este mismo blog escríbiamos otro artículo sobre los pilares de creación de webs para Startups, el cual te aconsejo leer si aún no lo has hecho, en este explicábamos entre otras cosas la importancia de servirse de plugins para crear y manejar las webs con mayor facilidad.

Elementor permite diseñar páginas web sin necesidad de saber apenas nada de programación y con la posibilidad de ver los cambios a tiempo real. Con este plugin se abre un mundo a todas aquellas personas que les gusta el diseño web y hasta ahora tenían intención de crear una página pero no tenian las capacidades técnicas de CSS, HTML o JavaScript para ello, con Elementor es más facil que nunca ¡y más adelante te lo demostraré!

Pero… ¿Qué es un «Page Builder»?

La traducción literal del anglicismo “page builder” es «constructor de páginas», es decir, una herramienta que permite crear (o construir) páginas web, ni más ni menos. Actualmente podemos encontrar gran cantidad de «page builders», la mayoría organizan la página en filas y columnas como una tabla tradicional para que el usuario solo tenga que arrastrar a la casilla correspondiente el elemento deseado, esto permite añadir nuevos elementos a la página con sencillez suprema.

Así pues, hablando claro, un page builder no es más que una herramienta para diseñadores y maquetadores web «dummies», es decir, para que usuarios poco hábiles en código CSS, HTML o JavaScript, por ejemplo, puedan diseñar completamente una página web.

¿Cómo funciona Elementor?

Antes de entender su funcionamiento, es importante recordar siempre la importancia del formato responsive en la creación de páginas webs como explicamos en un artículo anterior sobre webs responsive y la tecnología mobile.

Pues bien, Elementor dispone de una opción para editar en formatos mobile y otros tipos de pantalla. Gracias a ello podrás editar casi simultáneamente en distintos formatos de pantalla, de esta forma, evitarás la mayoría de problemas derivados de incompatibilidades o errores de visualización en tu web.

Además, para usuarios con un nivel técnico más avanzado, esta herramienta permite editar el código CSS de cada elemento y añadir código HTML. Estas características se incluyen en la versión gratuita, por lo que en la mayoría de casos con esta tendrás suficiente para hacer una página web increíble. Aun así, también dispones de una versión “pro” con más funcionalidades como creación de formularios, slides, plantillas premium o integración con WooCommerce desde tan solo 39$.

Como supongo estarás percibiendo, esta herramienta tiene una funcionalidad extremadamente sencilla ya que está diseñada para usarse al estilo «drag and drop» (arrastra y suelta). Por ejemplo, si deseas añadir una slide en un punto de la página, solamente deberás seleccionar en el menú de elementos el icono que hace referencia a las «slides” y arrastrar dicho elemento hacia el lugar del editor web donde desea colocarlo. En este momento te aparecerá algo parecido a esto en tu pantalla:

elementor-page-builder-justdigital

En este momento, cuando tengas el elemento (slide en este caso) en el espacio deseado de tu página, podrás editar las características de dicho objeto en el menú situado a la derecha de tu pantalla. Allí podrás seleccionar y editar el color del slide, el texto, la forma de su botón, los intervalo de tiempo de transión entre cada slide y cualquier característica que afecte a dicho objeto.

Con este símple ejemplo solamente pretendía demostrar la sencillez de uso que requiere esta herramienta y las facilidades que aporta respecto al método tradicional de creación de webs. Pues programar un elemento como este con las herramientas clásicas hubiera requerido una cantidad de tiempo mucho mayor, por no mencionar que sería casi una tarea casi inalcanzable para un usuario sin (o con pocos) conocimientos técnicos.

La versión gratuita de este plugin tiene, entre otras muchas ventajas, la posibilidad de añadir templates ya creadas, para luego, mediante su potente editor, modificarlas a tu antojo sin mayor complicación que cuando editas en un lienzo en blanco.

elementor-page-builder-justdigital

En la siguiente imagen te muestro como se modifica cada sección de la template, en este caso yo he añadido los iconos de las redes sociales para mostrarte que las plantillas se pueden editar libremente, modificar eliminar o añadir elementos sin problema alguno.

elementor-page-builder-justdigital

Para concluir, solo añadiré que el auge del uso de esta herramienta, Elementor, respecto a otros page builders similares no es algo casual, es claro merecedor de la fama que ha conseguido en estos últimos meses por ser intuitivo y sencillo en su uso al mismo tiempo. Pocos plugins, si existe alguno, en versión free tienen las características de este y, además, permiten ampliar increíblemente más sus funcionalidades con una versión pro.

En cualquier caso, si no me crees te reto a que lo compruebes tu mismo/a y compartas tu experiencia con conmigo mencionándonos en cualquiera de nuestros canales sociales que podrás encontrar en esta misma entrada. ¡Estoy seguro de que no te defraudará!