Elementor es un page builder, constructor o maquetador. Elementor es un constructor de tipo visual o frontend.

Un page builder o constructor, permite dar vistosidad a las páginas realizadas con WordPress a través de: crear estructuras y distribuciones que no permite el editor por defecto de WordPress, añadir elementos especiales de diseño como iconos, imágenes, títulos, carruseles de imágenes, mapas Google, separadores, barras de progreso, acordeones, etc. Todo ello sin tener que conocer ni tener que tocar nada de código.

Elementor es un plugin que se añade a WordPress para implementar sus funcionalidades de maquetación.

Elementor es un maquetador visual Freemium. Es decir, tiene una versión gratuita y una versión premium (de pago). El panel de administración del Constructor está traducido al español.

¿Merece la pena comprar Elementor Pro? Elementor Pro incluye todo el potencial del constructor incluyendo widget clave como uno para crear formularios de contacto, cuenta atrás, tablas de precios, carrusel de testimonios, PopUps, widgets para post, para ficha de producto y mucho más. Aquí tienes toda la info sobre la versión de pago de Elementor, todos los elementos que incluye y por qué recomiendo la versión Pro: ELEMENTOR PRO
CURSO ELEMENTOR

Las mejores plantillas para utilizar junto a Elementor son: La plantilla Astra Pro y Generate Press

 

 

QUIERO ELEMENTOR PRO

 

 

Mega Guía Elementor

 

 

1.- Qué incluye la versión gratuita y la versión de pago de Elementor

 

La versión gratuita de Elementor incluye todas las funciones estructurales del page builder. Es decir, incluye todas las opciones de construcción con secciones y distribución de columnas.

La diferencia con la versión gratuita del page builder radica en los elementos que incluye.

Los elementos o widgets son los bloques finales de que dispone el constructor. Cada elemento tiene una forma y funcionalidad diferente. De esta manera hay elementos para crear un separador, un icono, un mapa de Google, etc.

Yo personalmente prefiero llamarlos elementos y no widgets para no crear confusión con los widgets de wordpress.

Pues bien, la diferencia entre la versión gratuita y la versión premium de Elementor es que la versión gratuita NO incluye todos los elementos del constructor. Por el contrario, la versión de pago SI incluye todos los elementos de que dispone el maquetador visual.

 

 

2.- Precios de la versión de pago de Elementor

 

El page builder Elementor ofrece 3 planes de precios diferentes en función del número de licencias que queramos contratar, y no en función de la duración del plan.

Es decir, que habrá diferentes planes según el número de sitios web en los que queramos utilizar el constructor. Por el contrario, todos los planes tienen la misma duración de 1 año.

 

Vamos a ver los diferentes planes de contratación:

 

planes y precios maquetador visual elementor

Diferentes planes y precios del page builder ELEMENTOR

 

Disfruta de mis CURSOS ONLINE. Accede por solo 10 €/mes a todos mis cursos. Entre ellos mi CURSO ELEMENTOR -> Plataforma CURSOTIENDAONLINE.COM

 

 

2.1.- Plan Elementor PRO for 1 site (para un sitio web)

 

El plan Elementor for 1 site tiene una duración de 1 año, solo tiene una licencia. Es decir, solo vale para utilizarlo en una única página web.

El plan incluye todos los elementos del constructor.

Este plan tiene un precio de 49 $

 

QUIERO ELEMENTOR PRO

 

2.2.- Plan Elementor PRO for 3 sites (para 3 sitios web)

 

El plan Elementor for 3 sites tiene una duración de 1 año e incluye 3 licencias. Es decir, vale para utilizarlo en 3 páginas web diferentes.

El plan incluye todos los elementos del constructor.

Este plan tiene un precio de 99 $

 

 

2.3.- Plan Elementor PRO for Unlimited Sites (para nº ilimitado de sitios web)

 

El plan Elementor for Unlimited sites tiene una duración de 1, al igual que el resto de los planes. Pero este incluye ilimitadas licencias. Es decir, podremos utilizar el plugin en todos los sitios web que queramos.

El plan incluye todos los elementos del constructor.

Este plan tiene un precio de 199 $

 

Se puede pagar con Tarjeta o Paypal

¿Merece la pena comprar Elementor Pro? Elementor Pro incluye todo el potencial del constructor incluyendo widget clave como uno para crear formularios de contacto, cuenta atrás, tablas de precios, carrusel de testimonios, PopUps, widgets para post, para ficha de producto y mucho más. Aquí tienes toda la info sobre la versión de pago de Elementor, todos los elementos que incluye y por qué recomiendo la versión Pro: ELEMENTOR PRO
QUIERO ELEMENTOR PRO

 

 

3.- Características generales del page builder Elementor

 

Vamos a ver ahora las características más destacadas de este page builder.

CURSO ELEMENTOR

 

Aquí tienes un comparativo que te puede interesar entre los dos mejores constructores para WordPress, el Divi Builder y Elementor: Divi VS Elementor

 

 

3.1.- Elementor es un page builder visual

 

Esto quiere decir, que conforme vayamos realizando modificaciones NO tendremos que hacer vistas previas para ver los resultados. Los cambios los iremos viendo en tiempo real.

Esto es una gran ventaja cuando estamos personalizando estilos y diseños de textos, iconos, etc. Ya que los ajustes se realizan mucho más rápido que con un constructor tipo backend o no visual.

 

 

3.2.- Elementor es un plugin

 

Elementor es un plugin y no una plantilla. Es decir, con Elementor no podrás personalizar el diseño del header de la web, apariencia del menú o el footer. Estos elementos son cosa de la plantilla.

También hay plantillas que incluyen algún constructor. Como es el caso de la plantilla Divi, que incluye el Divi builder. Pero este no es el caso de Elementor.

Con Elementor podrás maquetar y personalizar el contenido de cada una de las páginas de tu WordPress en las que quieras emplearlo, en vez del editor por defecto de WordPress.

 

 

3.3.- Elementor y el Control total de las secciones

 

Las secciones son los contenedores principales y más grandes de un page builder. En el interior de las secciones se incluirán columnas y elementos dentro de éstas últimas.

En una página puede haber varias secciones.

Con el page builder Elementor se ha realizado un notable esfuerzo por tener un control total sobre las características de las secciones.

No solo se puedan poner colores, imágenes, degradados y vídeos como fondos de sección, que es algo más habitual. Sino que se tenga un control de las dimensiones de las secciones, de la separación entre columnas y de la disposición de los elementos dentro de las secciones.

 

 

 

3.4.- Distribución de anchuras de columnas personalizadas con Elementor

 

Elementor, es de los pocos constructores que permite personalizar de manera independiente la anchura de cada una de las diferentes columnas incluidas dentro de una sección.

Además, esa personalización de anchura de las columnas se realiza de forma dinámica.

 

 

 

3.5.- Opciones de posición de columnas en sección y elementos en columnas

 

El maquetador visual Elementor permite varias opciones de colocación de las columnas en las secciones, y de los elementos en las columnas.

De esta manera nos podemos ahorrar el tener que meter separadores como se suele hacer con otros constructores.

 

 

 

3.6.- Personalizar margin y padding

 

El Page builder dispone de opciones de personalización de margin (márgenes exteriores) y de opciones de padding (márgenes interiores)

Con estas opciones se puede personalizar aún más la posición de los diferentes elementos estructurales en la página.

 

 

3.7.- Opciones específicas para dispositivos móviles y modo visualización móvil

 

El constructor Elementor dispone de opciones específicas de configuración para dispositivos móviles.

Es decir, existen opciones que se pueden personalizar de manera independiente para diferentes tipos de dispositivos.

Cuando veas un pequeño icono circular en forma de monitor significa que dicha opción se puede personalizar para Escritorio, Tablet y móvil. Solo tienes que hacer clic en el icono en forma de monitor y se te mostrarán la opción para Tablet y móvil.

 

personalizar diseño plugin elementor moviles y tablet

Elementor tiene opciones de personalización independientes para diferentes dispositivos escritorio y móviles

 

Además, en la parte inferior tienes la opción para visualizar los cambios que vas realizando tanto en escritorio, como Tablet o móvil.

¿Merece la pena comprar Elementor Pro? Elementor Pro incluye todo el potencial del constructor incluyendo widget clave como uno para crear formularios de contacto, cuenta atrás, tablas de precios, carrusel de testimonios, PopUps, widgets para post, para ficha de producto y mucho más. Aquí tienes toda la info sobre la versión de pago de Elementor, todos los elementos que incluye y por qué recomiendo la versión Pro: ELEMENTOR PRO

 

 

Disfruta de mis CURSOS ONLINE. Accede por solo 10 €/mes a todos mis cursos. Entre ellos mi CURSO ELEMENTOR -> Plataforma CURSOTIENDAONLINE.COM

 

3.8.- Diseños predefinidos para tener un punto de partida

 

Elementor incluye un montón de diseños predefinidos que puedes reutilizar y modificar en tus proyectos. Algunos de los diseños son gratuitos y otros solo son accesibles si disponemos de la versión premium.

Aquí puedes ver más de 100 diseños predefinidos con sus demos: Diseños Elementor

VER DISEÑOS ELEMENTOR

 

diseños para usar elementor

Diseños reutilizables de Elementor

 

 

3.9.- Guardar, reutilizar, exportar e importar diseños

 

Elementor te permite guardar secciones y páginas completas y luego reutilizar dichos recursos en otras páginas de la misma web.

Además, Elementor no solo se queda ahí. Sino que también permite exportar diseños de páginas y luego importarlos en otros sitios web diferentes (que también utilicen Elementor)

 

 

4.- Estructura del maquetador visual Elementor

 

Los elementos estructurales de maquetación de que dispone Elementor son los siguientes:

 

i.- Secciones: las secciones son los contenedores principales del constructor. Son los contenedores más grandes, y en una página se pueden incluir más de uno.

Las secciones se utilizan habitualmente para dividir una página en varias partes diferentes, haciendo cambios en el color de fondo.

En la imagen de más abajo, la sección sería el contenedor principal en el cual se incluyen las cuatro columnas.

ii.- Columnas: las columnas marcan la distribución dentro de cada sección. En la imagen de más abajo tenemos una sección compuesta por 4 columnas.

Dentro de las columnas se ubicarán los elementos.

iii.- Elementos o widgets: son los bloques finales del page builder. Cada elemento tiene una funcionalidad diferente.

Como antes he comentado, prefiero llamarlos elementos y no widgets para no crear confusión con los widgets de WordPress.

Hay elementos para añadir iconos, formularios de contacto, textos, botones, etc.

En el ejemplo de más abajo tienes 3 elementos tipo “Texto”.