Qué es Elementor y cómo funciona en WordPress

Si tu web está hecha en WordPress, lo más probable es que tarde o temprano te crucen con Elementor. Es el constructor visual más popular del ecosistema WordPress, con cerca de 19 millones de instalaciones activas según los datos públicos de 2026, lo que significa que controla alrededor del 13% de todos los sitios web del mundo. Es un número grande. Y tiene sus razones para serlo.

En esta guía te voy a explicar qué es Elementor exactamente, para qué sirve, en qué se diferencia del editor nativo de WordPress, cuánto cuesta, qué versiones existen, en qué casos te conviene y en cuáles te puede perjudicar. Al final tendrás claro si Elementor es la herramienta adecuada para tu proyecto o si te conviene otra cosa.

Qué es Elementor

Elementor es un plugin de WordPress que te permite diseñar páginas web con un editor visual de arrastrar y soltar. En lugar de escribir código o pelearte con el editor de bloques de WordPress para conseguir un layout específico, abres una página en Elementor y construyes el diseño moviendo bloques en una vista que muestra el resultado final en tiempo real.

Lo lanzó la empresa israelí Elementor Ltd en 2016, y desde entonces se convirtió en el constructor visual de referencia para WordPress. Tiene versión gratuita (con limitaciones razonables) y versión Pro de pago. En enero de 2026 lanzaron Elementor One, un paquete que ronda los US$168 al año e incluye el agente de IA llamado Angie.

La idea central es simple: democratizar el diseño web. Antes, para tener una landing visualmente cuidada en WordPress, necesitabas saber HTML, CSS, y a veces PHP, o pagarle a alguien que sí. Con Elementor, una persona sin experiencia técnica puede armar una página decente en una tarde. No queda igual de pulida que la que haría un diseñador profesional, pero sí queda funcional y presentable.

Cómo funciona dentro de WordPress

Elementor se instala como un plugin más en tu panel de WordPress. Una vez activado, te aparece un botón «Editar con Elementor» en cada página y cada entrada del blog. Al hacer clic, sales de la interfaz nativa de WordPress y entras al editor visual de Elementor.

La pantalla del editor se divide en dos zonas. A la izquierda, un panel con todos los widgets disponibles (encabezados, párrafos, imágenes, botones, formularios, galerías, mapas, iconos, contadores, testimonios, etcétera). A la derecha, la previsualización de cómo se va viendo la página en tiempo real conforme arrastras elementos.

La estructura interna se organiza en secciones, columnas y widgets. Una sección es una franja horizontal de la página. Dentro de cada sección, defines columnas. Dentro de cada columna, sueltas widgets. Desde Elementor 3.6 también existen los contenedores Flexbox, un sistema más moderno y flexible que reemplaza a la estructura clásica de secciones y columnas.

Cuando guardas y sales del editor, la página queda publicada con el diseño que armaste. WordPress sigue siendo el CMS por debajo (la base de datos, el panel de admin, los usuarios, los plugins, todo igual), pero el contenido visual de esa página específica lo controla Elementor.

Qué se puede hacer con Elementor

Las posibilidades crecieron mucho con cada versión. Con la versión gratuita ya puedes:

Diseñar páginas con cualquier layout que se te ocurra: secciones de ancho completo, columnas de distintos tamaños, fondos con imagen o video, márgenes y paddings ajustables al pixel.

Usar más de 40 widgets básicos: títulos, párrafos, imágenes, galerías, botones, iconos, separadores, espaciadores, mapas de Google, videos de YouTube y Vimeo, código HTML personalizado, shortcodes de otros plugins.

Ajustar diseño responsive a tres niveles: escritorio, tablet y móvil. Puedes ocultar elementos en móvil, cambiar tamaños de fuente, reordenar el flujo de columnas. Todo desde el mismo editor.

Aplicar efectos básicos de hover, animaciones de entrada al hacer scroll, fondos con superposición de color.

Importar plantillas prediseñadas desde la biblioteca de Elementor. Hay cientos disponibles, agrupadas por categoría (landing page, restaurante, fitness, blog, ecommerce, etcétera). Eliges una, la insertas, y la adaptas con tu contenido.

Con Elementor Pro se suman:

Theme Builder, que te permite diseñar visualmente las plantillas de cabecera, pie de página, archivo del blog, página única del post, página de producto de WooCommerce, página 404 y resultados de búsqueda.

Widget de formulario con integración a herramientas de email marketing (Mailchimp, ActiveCampaign, Sendinblue, ConvertKit, HubSpot) y webhooks personalizados.

Pop-ups con triggers configurables: salida del cursor, scroll a porcentaje, tiempo en página, clic en elemento.

Widgets para WooCommerce que te permiten rediseñar al detalle la página de producto, el carrito, el checkout y la lista de productos.

Plantillas globales y CSS personalizado por widget.

Acceso a la biblioteca completa de plantillas Pro.

Elementor frente al editor nativo de WordPress (Gutenberg)

Desde 2018, WordPress trae su propio editor de bloques (Gutenberg). Es gratis, viene integrado y va mejorando con cada versión, especialmente con WordPress 7.0 lanzado en mayo de 2026 que metió IA nativa y mejor control responsive por bloque.

Las diferencias prácticas entre Elementor y Gutenberg:

Curva de aprendizaje. Elementor es más amigable para alguien que viene del diseño visual sin código. Gutenberg pide entender la lógica de bloques y patrones, que es más cercana a cómo funciona WordPress por dentro pero menos visual.

Velocidad de la web. Gutenberg genera código más limpio y liviano. Elementor mete más HTML y CSS por bloque, lo que pesa más en la carga inicial. La diferencia en sitios pequeños es mínima; en sitios grandes o tiendas con muchos elementos, puede impactar Core Web Vitals.

Flexibilidad de diseño. Elementor todavía gana en posibilidades de diseño detallado sin tocar código. Gutenberg con bloques avanzados (GenerateBlocks, Stackable, Spectra) se acerca cada vez más, pero el flujo es menos directo.

Dependencia. Si en un futuro decides desactivar Elementor, las páginas hechas con él quedan con shortcodes y código que no se ve bien en el editor estándar. Es difícil migrar de Elementor a Gutenberg sin rehacer la página. Con Gutenberg como base, esa dependencia no existe.

Costo. Gutenberg es gratis y siempre será gratis. Elementor en versión gratuita cubre proyectos básicos; para algo serio terminas comprando Pro o Elementor One.

En la práctica, muchos sitios usan ambos: Gutenberg para entradas del blog y páginas simples (donde el contenido pesa más que el diseño), y Elementor para landings, páginas comerciales y secciones que necesitan diseño elaborado.

Cuánto cuesta Elementor en 2026

Elementor gratis. Cubre lo básico: editor visual, 40+ widgets, biblioteca de plantillas gratuitas, soporte responsive. Para una web personal, portafolio simple o landing chica funciona. Limitaciones: no incluye theme builder, formularios con integración, pop-ups, widgets de WooCommerce, y la biblioteca de plantillas es limitada.

Elementor Pro. Tres tipos de licencia anuales (precios sujetos a variación en el sitio oficial): Essential (1 sitio) alrededor de US$59 al año, Advanced (3 sitios) alrededor de US$99 al año, Expert (25 sitios) alrededor de US$199 al año. Para freelancers y agencias también hay Agency (1000 sitios) más caro.

Elementor One. Lanzado en enero de 2026, ronda los US$168 al año e incluye Elementor Pro para 1 sitio, hosting administrado, dominio, certificado SSL, copias de seguridad automáticas y el agente de IA Angie que ayuda a generar diseños y contenido.

Si recién empiezas con una sola web pequeña, Pro Essential es lo más eficiente. Si manejas varios proyectos, Advanced o Expert. Si quieres un paquete todo incluido sin tener que pelearse con hosting, Elementor One es la opción más sencilla aunque te ata al ecosistema.

Cuándo te conviene usar Elementor

Te conviene si:

Necesitas armar landings, páginas de venta o webs corporativas con diseño visual cuidado y no quieres pagar a un diseñador para cada cambio.

Tu equipo no tiene conocimientos de código pero sí sabe distinguir qué se ve bien y qué no.

Trabajas en una agencia que entrega muchas webs y necesita un constructor consistente que el cliente pueda mantener después.

Construyes con WooCommerce y quieres personalizar la página de producto sin tener que crear un theme child.

Quieres iterar rápido en pruebas A/B de landings sin depender de desarrollo.

Cuándo NO te conviene Elementor

No te conviene si:

Tu prioridad absoluta es la velocidad de carga (medios digitales, sitios con muchísimo tráfico, blogs donde el SEO depende cada vez más de Core Web Vitals impecables). Acá Gutenberg con un theme ligero rinde mejor.

Tu proyecto es un blog con foco en contenido escrito, no en diseño. El editor de Elementor es excesivo y entorpece la redacción rápida.

Tienes desarrolladores en el equipo que prefieren código limpio y mantenimiento sin dependencias. Elementor agrega una capa que no todos los devs quieren aceptar.

Trabajas con plataformas headless (WordPress como backend y un frontend separado en React, Vue, etcétera). Acá Elementor no aplica.

Tu presupuesto anual no soporta la licencia Pro y necesitas funciones avanzadas. Te vas a quedar atascado en el límite de la versión gratuita.

Buenas prácticas para usar Elementor sin que pese tu sitio

Usa contenedores Flexbox en lugar de la estructura clásica de secciones y columnas. Genera menos código y es más flexible.

Limita los widgets activos. Cada widget que cargas en una página suma peso. Usa solo lo necesario.

Optimiza imágenes a WebP antes de subirlas. WordPress 7.0 lo facilita; con versiones anteriores usa plugins como ShortPixel o Smush.

Instala un plugin de cache compatible (WP Rocket, LiteSpeed Cache, W3 Total Cache) y configúralo para que precachee las páginas hechas con Elementor.

Desactiva animaciones innecesarias. Cada animación suma CPU y peso percibido.

Activa el modo «Mejorar carga de CSS» y «Cargar fuentes ligeras» en los ajustes experimentales de Elementor.

Mide regularmente con PageSpeed Insights y CrUX. Si tu LCP se va sobre 2,5 segundos, revisa antes de que afecte tu SEO.

Preguntas frecuentes sobre Elementor

¿Elementor es gratis o de pago?

Tiene versión gratuita con funciones básicas y versión Pro de pago anual. La versión gratis cubre proyectos sencillos: editor visual, 40+ widgets, plantillas básicas, soporte responsive. Para theme builder, formularios con integración, pop-ups y widgets de WooCommerce necesitas Pro.

¿Cuánto cuesta Elementor Pro en 2026?

Las licencias anuales rondan: Essential (1 sitio) US$59, Advanced (3 sitios) US$99, Expert (25 sitios) US$199. Hay también Agency para muchos sitios y Elementor One (US$168 al año) que incluye Pro, hosting, dominio, SSL e IA Angie. Verifica precios actuales en el sitio oficial.

¿Elementor sirve para WooCommerce?

Sí, y mucho. Con Elementor Pro puedes rediseñar visualmente la página de producto, el listado de tienda, el carrito y el checkout. Para tiendas que quieren una experiencia de compra distinta a la plantilla por defecto, es uno de los caminos más prácticos.

¿Hace lento mi sitio web?

Sí pesa más que Gutenberg, pero con buenas prácticas (contenedores Flexbox, pocos widgets, cache, imágenes WebP, CDN) puedes mantener Core Web Vitals dentro de rango. En sitios con tráfico alto y SEO competitivo, la diferencia puede importar; en sitios chicos casi no se nota.

¿Elementor es mejor que Divi o Beaver Builder?

Cada uno tiene fortalezas. Elementor tiene la comunidad más grande, la mayor cantidad de addons y la curva de aprendizaje más rápida. Divi tiene un visual style único y licencia de por vida. Beaver Builder es más estable en sitios grandes y genera código más limpio. Elige según prioridades.

¿Puedo cambiar de Elementor a Gutenberg sin perder las páginas?

No de manera directa. Las páginas hechas con Elementor quedan con shortcodes y código propio del plugin. Si desactivas Elementor, esas páginas no se renderizan bien en Gutenberg y hay que rehacerlas. Considera esto antes de adoptar Elementor a fondo.

¿Qué es Elementor AI y cómo funciona?

Es la funcionalidad de inteligencia artificial integrada al editor de Elementor. Te permite generar textos, imágenes y bloques de diseño con instrucciones en lenguaje natural. Desde 2026, el agente Angie (parte de Elementor One) puede construir páginas completas a partir de un brief escrito.

¿Qué versión de PHP necesito para usar Elementor?

Elementor requiere PHP 7.4 como mínimo y recomienda PHP 8.0 o superior para mejor rendimiento. Si tu hosting todavía corre PHP 7.x, conviene actualizar a 8.3, que es la recomendada para WordPress 7.0 y Elementor en 2026.

¿Cuánta memoria necesita Elementor?

El mínimo recomendado son 128MB de memoria PHP, pero con sitios reales conviene 256MB o más. Si trabajas con Elementor Pro y WooCommerce en una tienda con catálogo amplio, sube a 512MB para evitar errores de memoria durante la edición.

¿Hay soporte en español para Elementor?

Sí. La interfaz del editor está traducida al español y la comunidad hispanohablante es grande: foros, grupos de Facebook, canales de YouTube, agencias especializadas en países como España, México, Argentina y Perú. El soporte oficial de Elementor se da principalmente en inglés.