Elementor es otro de los principales WordPress Page Builder que compiten por ganar la batalla de las mejores plantillas wordpress.
A diferencia de otros builder themes, como es el caso de Divi por el que de momento es el que más recomiendo si lees mi artículo sobre qué es Divi, elementor es también uno de los temas WordPress que compite con Divi en muchos aspectos.
En este artículo he intentado analizar las características de Elementor para conocerlo mejor y mostraros sus ventajas y desventajas para que así podáis decidiros si os interesa este tema WordPress para vuestros diseños web.
También te puede interesar
¿Qué es Divi?
Ventajas de los Page Builder en WordPress
Coloca en Divi la imagen destacada a la izquierda
Curso de Diseño Web con Divi
eBook sobre Cómo actualizar WordPress de forma segura
Tabla de contenidos
- 1 Entonces, ¿qué es Elementor?
- 2 Vista previa de Elementor
- 3 Ejemplos de Elementor
- 4 Cómo funciona Elementor WordPress
- 5 Características de Elementor
- 6 Widgets de Elementor
- 7 Versiones de Elementor
- 8 Ventajas de Elementor PRO
- 9 Themes optimizados para Elementor PRO
- 10 Astra Elementor
- 11 OceanWP
- 12 Mi recomendaciones y opinión personal con las licencias
- 13 Alternativas a Elementor
- 14 Todavía no te decides…
- 15 Tutoriales de Elementor
- 16 ¿Es Elementor tu Page Builder ideal?
Entonces, ¿qué es Elementor?
Elementor es otro WordPress Page Builder o constructor de diseño web para WordPress que pretende posicionarse frente a otros temas también muy populares en el mercado, como es el caso de Divi, o Theme Architecte de Thrive Themes.
Se instala como plugin WordPress y debe tener como base otro tema WordPress sobre el que apoyarse para poder funcionar. La principal ventaja en este sentido es que se puede utilizar con cualquier plantilla WordPress.
Aquí os dejo el vídeo presentación de Elementor para que podáis conocer su capacidad como builder WordPress.
Como podéis ver, es muy sencillo diseñar una web WordPress con Elementor y al igual que otros builders. La interfaz es algo diferente pero a nivel funcional se puede decir que ofrece características muy similares a otros builders. la diferencia la encontraréis realmente en las funcionalidades extra. Algunos las incorporan en la licencia y otros a través de plugins complementarios.
Espero que ya sepáis qué es Elementor y qué os aporta frente las plantillas WordPress tradicionales.
Vista previa de Elementor
Este es un vídeo de introducción a Elementor donde podéis ver en pocos minutos lo fácil que es diseñar una web con este builder de WordPress.
Es muy similar a Divi. Tiene un menú lateral donde tenemos a nuestra disposición todos los widgets de Elementor que podemos añadir en nuestra página arrastrándolos a la parte central.
Vas creando secciones, y añadiendo widgets, y poco a poco verás como la página coge forma y que va obteniendo un diseño web profesional.
Elementor es simplemente un constructor de páginas webs para WordPress que te va a facilitar toda esa parte del diseño sin que tengas que tener conocimientos de HTML, CSS o programación en PHP.
Ejemplos de Elementor
En la galería de Elementor podemos encontrar más de 100 plantillas WordPress donde el diseño es gratuito y libre de usar en todas las webs que hagamos para nosotros o de nuestros clientes. Eso sí, son plantillas diseñadas para usar con Elementor.
En el siguiente enlace puedes visualizar muchos diseños realizados por Elementor y que podrás usar en tus webs.
Ver galería de plantillas de Elementor
Dentro de la galería tienes disponible diseños ya elaborados catalogados en diferentes categorías para que los puedas utilizar directamente:
-
- Homepage: página de inicio
- Product: página de producto
- Landing Page: página de aterrizaje
- Services: página de servicios que ofreces
- Contact: página de contacto con un formulario
- About: página con información sobre ti o tu empresa
- One Page: web en una sola página donde cada opción de menú te lleva a una sección
- Portfolio: página con el listado de trabajos realizados
- Pricing: página de precios
- Coming soon: página de próximamente
- Blog post: página del blog
- Shop: página de tienda online
- Login Page: página con formulario de login
Además de esta categorización de diseños web, Elementor también incorpora diseños predefinidos sobre temas concretos como pueden ser diseños web para restaurantes, bodas, surf, tiendas online, hoteles, spa, cake shop, empresas de construcción, CV, etc.
Ver galería de plantillas de Elementor
Una gran variedad de diseños para cubrir las necesidades principales de cualquiera que pretenda crear su página web con WordPress.
Cómo funciona Elementor WordPress
Elementor se instala como un plugin WordPress. A diferencia de otros constructores, como es el caso de Divi, Elementor es un plugin. Divi en cambio es un theme. Pero tiene la ventaja de que se puede usar con cualquier theme de WordPress. Aunque Divi también lo permite pero de manera diferente.
Aquí os dejo un vídeo introductorio de cómo se trabaja con Elementor para que veáis lo sencillo que es y que, gracias a su entorno amigable, es muy sencillo crear webs con Elementor.
A continuación os voy a dejar un resumen de las características y funcionalidades de Elementor para puedas conocerlo más a fondo y saber cuál es su potencial.
Características de Elementor
A diferencia de otros builders WordPress, Elementor ofrece funcionalidades integradas dentro de su licencia que otros no incluyen por defecto. Algunas de las que yo veo interesantes a tener en cuenta son las siguientes que os quiero mostrar.
Header y Footer personalizable
Podemos cambiar el diseño de nuestro header o cabecera eligiendo diseños ya prediseñados y que con un solo click de ratón podemos integrar en nuestra web.
Al mismo tiempo también ocurre con el footer, podemos integrar diseños ya realizados por Elementor para incluir en nuestro diseño web.
Single Post
Gracias a Elementor podemos personalizar el diseño de la plantilla single de los temas WordPress para que tengan un aspecto personalizado.
Posts Archive
También podemos personalizar el diseño de la plantilla archive de los temas WordPress para que tengan un aspecto personalizado gracias al uso de Elementor.
Woocommerce
Con Elementor también podemos personalizar woocommerce sin necesidad de usar plugins externos.
Se puede personalizar la página de producto y la página de archivos de productos con Elementor.
Search Page
Con Elementor también puedes personalizar la página de resultados de búsqueda. Así, le puedes recomendar tus artículos más destacados por ejemplo.
404 error
La página 404 no suele ser personalizable por casi ningún builder. Con Elementor tendrás una plantilla prediseñada con ejemplos para usar directamente sin necesidad de tocar código.
Otras características
-
- Theme Builder funciona con cualquier plantilla WordPress. Tienes la libertad de poder usarlo en cualquier web que sea WordPress.
- Dispone de más de 20 Widgets Dinámicos para mostrar contenido dinámico de tu sitio.
- Bloques Pre-diseñados. Construye páginas de forma inteligente usando bloques dinámicos
- Integración de campos personalizados. Puedes usar plugins WordPress de campos personalizados como ACF, Toolset y PODS.
- Diseño 100% Responsive. Utiliza la edición móvil para asegurarte de que tu tema se muestra correctamente en dispositivos móviles.
- Totalmente personalizable. Aproveche el poder de Elementor para personalizar cada parte de su tema
- Ubicación múltiple. Crea múltiples encabezados, pies de página y otras plantillas de temas para reutilizar en varias zonas.
- Cabecera fija que siga a sus usuarios a medida que se desplazan.
Widgets de Elementor
Elementor incorpora gran cantidad de widgets que puedes utilizar cuando diseñas una página de tu sitio WordPress. Los widgets, al igual que ocurre en WordPress, son pequeños componentes que incluyes en este caso dentro de una página de Elementor. Los widgets los puedes usar en la cabecera, en el pie y en la propia página que estés diseñando con Elementor.
Elementor tiene widgets categorizados en:
-
- Widgets básicos
- Widgets PRO
- Widgets de Theme
- Widgets Woocommerce
- Widgets de terceros
- Widgets para desarrolladores
Puedes consultar el detalle de todos los widgets en la página de widgets de elementor.
Versiones de Elementor
Hay dos versiones de Elementor. Una gratuita y otra de pago. El poder disponer de la versión gratuita nos facilita el poder probarlo y utilizarlo todas las veces que queramos. Solo tiene ciertas limitaciones en las características disponibles de las que podemos hacer uso. La mayor parte de las características de arriba no están disponibles en la versión gratuita, y solo las tendremos en la versión de pago.
Aquí tenéis un resumen de las diferencias entre Elementor Free y Elementor PRO.
En realidad, dentro de la versión PRO podemos distinguir 3 versiones distintas.
-
- Personal
- Plus
- Expert
Se diferencian entre sí solamente en el número de sitios donde podemos instalar la licencia.
-
- Personal: solo permite instalarlo en 1 sitio WordPress
- Plus: permite instalarlo hasta en 3 sitios WordPress. Normalmente orientado para un uso personal donde puedes tener un entorno de desarrollo, otro de pruebas, y el entorno de producción o final.
- Expert: pensado a diseñadores WordPress o Agencias donde lo pueden usar hasta en 1000 sitios WordPress y te permite poder ofrecer licencia de Elementor gratuita a tus clientes.
Cualquiera de las 3 versiones de Elementor PRO incluye además:
-
- 50+ Pro Widgets
- 300+ Pro Templates
- Theme Builder
- WooCommerce Builder
- Popup Builder con +100 diseños
- Soporte por 1 año
- Actualizaciones por 1 año
Ventajas de Elementor PRO
Elementor PRO incorpora características adicionales a la versión gratuita que nos pueden venir muy bien si nos dedicamos al diseño web con WordPress. Algunas de estas funcionalidades que incorpora la versión de pago de Elementor son las siguientes:
-
- Acceso de por vida a las actualizaciones de Elementor
- 24/7 Premium Support
- 300+ Pro Templates
- 20+ Integrations
- Live Custom CSS
- Global Widget
- Post & Portfolio Widgets
- Price Table & Price List
- Design 404 Pages
- Design Header & Footer
- Custom Field Integration
- Interactive Carousels
- Role Manager
- Custom Fonts
- Sticky Elements
- Embed Anywhere
Si decides comprarlo con este enlace al menos me ayudas a ganarme una pequeña comisión que me ayuda a mantener el blog. ¡Así que muchas gracias! 😉
Themes optimizados para Elementor PRO
Hay grupos de facebook donde puedes estar al tanto de novedades sobre Elementor, pero los principales themes optimizados para Elementor de los que más se hablan en los grupos y que recomiendan por su facilidad de uso, su gran rendimiento WPO y su optimización SEO, son los siguientes.
Elementor Hello Theme
Es el tema WordPress de Elementor. Igual que Divi tiene el suyo propio pero que su builder viene integrado dentro del propio tema, Elementor en este caso ofrece una plantilla compatible con su builder que se instala por separado.
Descarga GRATIS Hello Theme Elementor
Elementor Hello Theme está pensado para el WPO de manera que cargue los menos recursos posibles y tenga mejor optimización que cualquier otro builder.
Puntuación GTmetrix de Elementor:
Puntuación de pingdom tools de Elementor Hello Theme:
Descarga GRATIS Hello Theme Elementor
Independientemente de estas puntuaciones, que son las que Elementor publica en su web, después la verdad es otra. Todo dependerá del contenido que añadas a tu web, cómo optimizas tus imágenes, dependerá también de los plugins adicionales que utilices, etc.
En cualquier caso, es recomendable siempre utilizar plugins que optimicen el rendimiento de tu web a mejorar el WPO de tu WordPress.
Astra Elementor
Astra incluye menos opciones de configuración y personalización en su versión gratuita. Aun así en su versión de pago es bastante completa y también es una buena opción si quieres un tema donde tengas bastante garantizado el soporte y las actualizaciones.
Descarga GRATIS Astra Elementor Theme
OceanWP
OceanWP parece estar más completo que Astra por lo que he podido trastear en mi entorno de desarrollo y de pruebas. Tiene muchas más opciones de configuración en su versión gratuita que los demás temas y se ve bastante completo. Si tienes que comprar una licencia para conseguir el soporte y actualizaciones de por vida, este sería una buena opción.
Descarga GRATIS OceanWP Elementor
Mi recomendaciones y opinión personal con las licencias
Dentro del ámbito de qué es elementor y sus plantillas WordPress recomendadas, quisiera darte mis recomendaciones y opinión personal con las licencias. Todo esto sin entrar en comparación con otros WordPress Theme Builders, que no quiero meterme en ese tema ahora.
Por lo que he podido ver del ámbito del Page Builder Elementor, este ofrece su plantilla gratuita y su versión de pago Elementor PRO.
A parte, tenemos tres plantillas muy recomendadas entre los usuarios de Elementor donde tenemos un solo tema 100% gratuito, Elementor Hello Theme. Es un tema diseñado por el propio equipo de desarrolladores de elementor y es un tema WordPress muy básico y con solo lo imprescindible para que puedas usarlo sin problemas y con total seguridad de que es 100% compatible con elementor. Esto te da una garantía de que nunca se quedará obsoleto ya que es el propio equipo de desarrolladores de Elementor el que lo va a mantener.
En cambio, las plantillas Astra y OceanWP están diseñadas por otras personas. Son plantillas que tienen licencia propia y que aunque son totalmente compatibles con Elementor puedes tener el problema de que dejen de mantenerse y tengas que cambiar de tema en un momento dado. Eso también te puede pasar con Elementor en realidad, ya que si Elementor dejara de mantenerse y usaras Hello Theme, también tendrías que rehacer tu web con otro tema y buscar el que sea popular en dicho momento.
Realmente nunca estamos libres de eso. Por mucho que paguemos una licencia, siempre esa empresa puede quebrar y dejarnos tirados. Pero bueno, se supone que este tipo de empresas que ofrecen licencias lifetime van a durar mucho tiempo. Aunque sí es preferible a mi modo de ver, usar las menos licencias posibles en el diseño de la web y no mezclar con varios proveedores nuestro diseño. O elegimos uno, o elegimos otro. Tanto Astra como OceanWP tienen tema propio y ofrecen cosas similares a Elementor. Pero yo no mezclaría a no ser que tengamos muy claro nuestro objetivo y nuestras necesidades.
Eso sí, teniendo plantillas WordPress tan potentes como estas, aunque su licencia tenga un precio alto, siempre te serán más económicas y rentables que cualquier tema gratuito del repositorio de WordPress o Theme Premium de portales donde los usuarios suben sus temas. Estas plantillas a las que me refiero son las más destinadas a quedarse sin soporte y actualizaciones en un breve periodo de tiempo, 1 o 2 años. Y tendrás que rehacer tu web por completo, porque se han quedado obsoletas y te vas a quedar sin soporte seguramente.
Concluyendo, de entre estas opciones que rodean a Elementor yo me quedaría con Elementor y su tema Hello Theme que están muy integrados y funcionan perfectamente y hay mucha información en internet donde puedes consultar documentación o pedir ayuda puntual.
Alternativas a Elementor
No he probado muchos más WordPress Themes Builder. Pero os recomiendo ver también mi otro artículo sobre qué es Divi, y tenéis también la opción de Thrive Themes con su plugin Thrive Architect.
Pero si lo tienes claro y ya sabes cuál quieres usar aquí te dejo los enlaces directos para que puedas adquirirlos con el mayor descuento posible:
Todavía no te decides…
Elementor PRO incorpora funcionalidades PRO que otros builder no incorporan como funcionalidades base, aunque sí puedes conseguirlas por separado por otros proveedores ajenos que diseñen funcionalidades compatibles con ellos.
Entre las funcionalidades de Elementor PRO tenemos:
-
- Popup Builder
- Woocommerce Builder
- Marketing Forms Builder
- Header & Footer Builder
- 404 Page Builder
Tutoriales de Elementor
Tenéis dos fuentes principales de información para aprender a utilizar Elementor y empezar a utilizar las mejores técnicas de diseño web en WordPress.
Blog de Elementor
Puedes acceder al blog de Elementor desde aquí. Aunque el blog está en inglés, siempre puedes acceder a él desde Google Chrome y darle a traducir al español para tener todos los artículos traducidos sin tener que estar traduciendo poco a poco.
Grupo de Facebook de Elementor en Español
Aquí os dejo el enlace a un grupo de facebook en español donde podrás consultar tus dudas y pedir ayuda para tus diseños.
https://www.facebook.com/groups/182708448927366/
¿Es Elementor tu Page Builder ideal?
Ya sabéis qué es Elementor. Como podéis ver es otro plugin de WordPress que permite realizar diseño web con un constructor visual y que incorpora muchas funcionalidades adicionales para poder personalizar nuestros diseños según nuestras necesidades sin necesidad de saber HTML y CSS, aunque tener dichos conocimientos siempre ayuda y os dará un punto extra a vuestros diseños para destaquen sobre el resto.
Espero que este resumen sobre qué es Elementor os sirva para decantaros o no sobre este builder WordPress y os animéis a probarlo de manera gratuita o adquirir su versión Elementor PRO para disfrutar de todas sus ventajas adicionales.
Hola Javier:
Puedo utilizar "ELEMENTOR" para editar o re-editar mi sitio web, que ya está construido con una plantilla de WordPress?
o Elementor solamente sirve para páginas nuevas?
Hola Fernando. Puedes usarlo en las páginas que quieras. Es como el plugin de Gutteberg y el editor clásico. Puedes elegir con qué editor crear tu entrada o página. Si la página o entrada ya existe, yo copiaría antes el contenido de la pestaña html en el notepad por ejemplo, y cuando crees la página con Elementor añades la sección de texto y pegas el texto que copiaste antes. Después podrás crear más secciones o lo que necesites para darle un diseño distinto. Un saludo y gracias por pasarte 😉