Elementor Page Builder

Existen una gran variedad de maquetadores web para WordPress y un ejemplo de estos es Elementor Page Builder. Esta herramienta es utilizada por muchos profesionales del desarrollo web y de él hablaremos a continuación.

¿Qué es Elementor?

En términos simples podemos decir que Elementor Page Builder es un maquetador web visual para WordPress. Se trata de una herramienta con la cual podemos editar sitios de forma visual realizando cambios sobre una página.

Gracias al uso de esta herramienta que, surgió a mediados del 2017, podemos diseñar páginas webs sin necesidad de tener conocimientos en programación web, y con la posibilidad de ver los cambios en tiempo real.

Se trata de una de las mejores opciones que tienen las personas para crear una página, pero que no tienen las capacidades técnicas de CSS, HTML o JavaScript. Esto último se debe a que se trata de un plugin sencillo de utilizar.

¿Cómo instalar Elementor?

En este punto debemos destacar que, la instalación del mismo dependerá de si es la versión gratuita o la de pago, es decir, Elementor Pro. Iniciando por la instalación de su versión gratis, para ello debemos seguir los siguientes pasos:

  • Entrar al apartado Plugins y seleccionar en la opción de Añadir Nuevo.
  • Justo en el campo de búsqueda debemos escribir el nombre del plugin “Elementor”.
  • Haz clic en “Instalar Ahora” y selecciona la opción de activar.

Como mencionamos también podemos adquirir Elementor Pro, que es una versión de pago y con la cual podemos encontrar opciones adicionales. Es importante resaltar que, para usar esta versión primero debemos tener instalada la versión gratis de Elementor Page Builder.

Como ya la tenemos, debemos seguir los siguientes pasos para instalar la versión de pago.

  • Borra las cookies del navegador que utilizamos para entrar a WordPress.
  • Ingresa a la web de Elementor para contratar su versión paga.
  • Ahora en el menú principal, debes acceder a la opción “Pricing” para ver los paquetes de ofrecer.
  • Selecciona el que te convenga a ti y haz clic en el botón Buy Now y finaliza el proceso de compra.
  • Al hacer esto debes descargar el plugin desde el panel de control de tu cuenta.
  • Cuando termines, regresa a WordPress, ahora instala y activa el plugin.

¿Cómo funciona Elementor?

El funcionamiento de la herramienta es muy variado y debemos tener en cuenta la importancia del formato responsive en la creación de páginas webs. Con ésto en mente podemos decir que este plugin funciona con una opción para editar en formatos Mobile, pero también en otros tipos de pantallas.

Gracias a estas características podremos editar de una forma casi simultánea en distintos formatos de pantalla. Debido a ello podemos evitar la mayoría de los problemas derivados de incompatibilidades o errores de visualización en tu web.

Aunque esta herramienta suele ser utilizada por personas sin experiencia en programación, aquellas que sí tengan también pueden usarla. Ten en cuenta que, esta herramienta te permite editar el código CSS de cada elemento, pero también añadir código HTML.

Por otro lado, cabe destacar que esta parte de funcionamiento de Elementor está presente en la versión gratuita por lo que podrás hacer una página web como desees. Pero en su versión paga, hay más opciones, por ejemplo, encontramos funcionalidades como creación de formularios, slides, plantillas Premium y otras funciones más.

En lo que respecta a su funcionalidad, esta es completamente sencilla ya que tiene un diseño compatible a estilo “drag and drop” (arrastra y suelta). Esto lo que quiere decir es que, para añadir algún elemento como un “slide” en el punto de una página, hay que seleccionarlo y arrastrarlo al lugar donde deseemos colocarlo.

También hay que mencionar que, no solo está la opción de arrastrar el elemento y soltar, sino que también se pueden editar las características del mismo, es decir, cosas como colores, texto, forma del botón, intervalo de tiempo de transición entre cada slide, etc.

Principales características de Elementor

Elementor Page Builder es un plugin con una gran cantidad de características impresionantes, entre las cuales tenemos las siguientes.

Es muy rápido

Algo que destaca bastante de esta herramienta es que tiene una gran rapidez, de hecho, con solo instalarlo nos podremos darnos cuenta de esto. Es un plugin que carga sumamente rápido tanto al cargarse, como al usarse.

Sencillo de utilizar

La interfaz no es para nada complicada por lo que, con solo observar un poco sus opciones podremos usarlo sin problemas. De hecho, con esta herramienta puedes controlar una gran cantidad de parámetros CSS, lo cual nos ayuda a dar diferentes estilos a los elementos que introduzcas en tu página.

Tiene un código de alta calidad optimizado para SEO

Elementor Page Builder es una herramienta orientada al posicionamiento web y el SEO, debido a ésto crearon un código limpio que cumple con los principales estándares recomendados por los principales buscadores.

Un claro ejemplo de lo mencionado es que, este plugin evita los estilos inline, lo cual resulta sumamente perjudicial para los tiempos de carga.

Posee una versión gratuita

Como indicamos antes, este maquetador visual tiene una versión gratuita donde hay más de 20 widgets gratis que pueden facilitar el realizar diseños muy elaborados para nuestra web.

Tiene diseños muy atractivos

Otra característica de Elementor Page Builder es que nos permite crear diseños muy atractivos, debido a su biblioteca de plantillas para WordPress. Al mismo tiempo, podemos encontrar elementos avanzados como galerías y carrusel de imágenes, pestañas, acordeón, etc.

Es de código libre

El código libre o abierto es una de las mejores características de este plugin ya que, nos permite modificar su propio código fuente con el fin de adaptarlo a cada una de tus necesidades. Para ello debemos agregar que, hay muchos otros plugins para Elementor externos (Addons), así podemos personalizar como deseemos.

¿Cómo configurar Elementor?

Un punto importante al momento de instalar este plugin es saber configurarlo correctamente. En este caso en particular nos centraremos en cómo configurar los tres puntos más importantes de esta herramienta.

General

Al entrar en la parte de Elementor, debemos acceder a la sección de ajuste en la pestaña General, en este apartado encontrarás las siguientes opciones.

  • Tipos de contenido: Aquí hablaremos de seleccionar el tipo de contenido, es decir, entradas, páginas y productos en las cuales podemos editar los plugin. Hay que indicar que estos están marcados por defecto, pero tú tienes la opción de desmarcarlos, para elegir dónde presentar Elementor.
  • Desactivar colores por defecto: Gracias a este plugin podemos editar diferentes aspectos como colores “base” para usarlo en tu sitio web. Gracias a esto podemos utilizar un color primario y secundario, el color de texto y color de los enlaces.
  • Desactivar fuentes por defecto: Otro aspecto que podemos configurar con esta herramienta son una extensa librería de fuentes, incluyendo las fuentes de Google. Todo esto para configurar las fuentes predeterminadas del sitio web.

Integraciones

Al entrar en ajustes podemos encontrar una pestaña de Integraciones, en la cual se ofrece la posibilidad de integrar servicios de terceros como Google. Todo ésto con el fin de mejorar el funcionamiento del sitio web.

Gracias a estas características se pueden evitar instalar plugins adicionales para usar este tipo de servicios.

Fuentes personalizadas

Al entrar en las configuraciones de Elementor encontramos un apartado conocido como Custom Fonts, en la versión PRO. Gracias a ésto podemos integrar fuentes personalizadas que no se encuentran, por defecto en la librería del plugin.

Debemos tener en cuenta que, estas fuentes suelen ser gratis o de pago, lo cual nos permite conseguir en sitios web especializados.

Alternativas a Elementor

Podemos encontrar otras alternativas a Elementor Page Builder, las cuales pueden ser:

Thrive Content Builder

Es una de las opciones que lleva más tiempo en el mercado y en su llegada tuvo un gran impacto. Se trata de un plugin que se ha consolidado como una de las mejores alternativas a muchos maquetadores visuales.

Hay que indicar que esta no cuenta con una versión gratuita y no tiene una versión demo de prueba para testear un poco. Sin embargo, es una de las mejores alternativas a maquetadores visuales para WordPress.

Divi Builder

Divi es una excelente alternativa si no queremos usar Elementor Page Builder. Para empezar es un maquetador con una plantilla integrada, la cual puedes obtener por separado. En este plugin podemos encontrar 46 módulos diferentes para incluir en tus diseños.

Algo que destacar bastante es su modo para poder diseñar tus páginas en el back-end de tu web, la cual podemos diseñarlas desde su constructor visual.

Visual Composer

Otra buena alternativa a Elementor es Visual Composer que ha revolucionado el modo de diseñar páginas web con WordPress. Si quiere una herramienta para diseñar rápido y fácil, con la cual puedes diseñar un resultado espectacular en tus proyectos.

Beaver Builder

Por último tenemos un maquetador visual, que se ha consolidado como una de las mejores opciones a Elementor. Algo que destaca bastante es que tiene una cuenta gratuita, que se puede descargar desde el repositorio de WordPress.

 

Jorge Baffa

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

28-10-2019

Ajustes de lectura

Ajustes de lectura

Página frontal muestra (1) WordPress te permite elegir entre dos alternativas para mostrar la...

Ajustes de escritura

Ajustes de escritura

Categoría predeterminada para las entradas (1) Desde aquí le indicas a WordPress que cada vez que...

Ajustes generales

Ajustes generales

La sección Ajustes Generales de WordPress es la primera de las siete secciones de ajustes de...

Editor de Temas

Editor de Temas

El Editor de Temas de WordPress es una herramienta para usuarios avanzados. Nos permite modificar...

Menús

Menús

La sección Menús de WordPress, dentro de las opciones de Apariencia, es la que nos permite crear y...

WordPress es Mejor con Divi

Artículos Relacionados

Ajustes de lectura

Ajustes de lectura

Página frontal muestra (1) WordPress te permite elegir entre dos alternativas para mostrar la portada o home del sitio web: Una página diseñada...

Layout Divi para Recetas de Cocina

Layout Divi para Recetas de Cocina

Este paquete de layouts Divi para recetas de cocina te permite concentrarte en lo realmente importante, que son las sabrosas recetas en las que has...

Ajustes de escritura

Ajustes de escritura

Categoría predeterminada para las entradas (1) Desde aquí le indicas a WordPress que cada vez que crees una nueva publicación o entrada en el blog...

Más artículos sobre:

0 comentarios