Elementor es otro de los principales WordPress Page Builder que compiten por ganar la batalla de las mejores plantillas WordPress. Así que si quieres aprender diseño web con Elementor deberás conocerlo todo sobre este gran tema WordPress.
A diferencia de otros builder themes, Elementor PRO destaca por gran cantidad de diseños ya hechos que puedes utilizar directamente en tu web. Sus diseños son muy usables y atractivos y que seguramente utilices cuando montes tu sitio web.
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.
Tabla de contenidos
- 1 Entonces, ¿Qué es Elementor para WordPress?
- 2 Vista previa de cómo funciona Elementor
- 3 +100 Plantillas de Elementor gratuitas
- 4 Cómo funciona Elementor WordPress
- 5 Características
- 6 Widgets
- 7 Diferencias entre Elementor Free y Elementor PRO
- 8 Ventajas de Elementor PRO
- 9 ¿Cómo comprar Elementor PRO con descuento?
- 10 Todavía no te decides…
- 11 Tutoriales
- 12 ¿Es Elementor tu Page Builder ideal?
Entonces, ¿Qué es Elementor para WordPress?
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 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 cómo funciona 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.
+100 Plantillas de Elementor gratuitas
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 sólo 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, 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 para que veáis lo sencillo que es y que, gracias a su entorno amigable, es muy sencillo crear webs con él.
A continuación os voy a dejar un resumen de las características y funcionalidades de este page builder para puedas conocerlo más a fondo y saber cuál es su potencial.
Características
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
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 diseñada con este page builder. Los widgets los puedes usar en la cabecera, en el pie y en la propia página que estés diseñando.
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.
Diferencias entre Elementor Free y Elementor PRO
Hay dos versiones de Elementor. Una gratuita y otra de pago. Las principales diferencias entre las versiones de Elementos son las siguientes. 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
A diferencia de la versión gratuita, 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 son las siguientes:
-
- Acceso a las actualizaciones por año
- 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 comprar Elementor PRO 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! 😉
¿Cómo comprar Elementor PRO con descuento?
Solo se puede adquirir Elementor PRO con descuento en momentos especiales que publique el autor. Así que habrá que esperar a que ellos publiquen el descuento cuando consideren y será la única manera de que puedas ahorrarte algún dinero. Cuando me entere de que sacan alguna oferta te la haré saber 😉.
Descuento del 50% en Elementor Black Friday
En el Black Friday de Elementor de 2021 está en oferta del 50% de descuento en esta plantilla WordPress.
Entre tanto puedes descargar diseños de Black Friday para Elementor.
Descuento del 50% en Elementor Birthday
Para celebrar el cumpleaños de Elementor nos ofrecieron un descuento del 50% en la licencia de Elementor.
Todas estas promociones solo duran un tiempo determinado, y hay que estar atento si queremos aprovecharlas. Yo os iré avisando por mis canales de redes sociales cuando comiencen las promociones para que podáis esta plantilla WordPress con el mayor descuento posible. Pero si no tenéis espera, podéis conseguir ya mismo la licencia de Elementor PRO por solo 49$/año.
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
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
En la web de Elementor tienes su blog. Aunque 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.
Aunque también podéis encontrar tutoriales en español en mi blog.
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 😉