Descripción
EL MAQUETADOR DE SITIOS WEB WORDPRESS SIN CÓDIGO QUE IMPULSA MÁS DE 16 M DE SITIOS WEB EN TODO EL MUNDO, AHORA CON IA.
Elementor, la plataforma líder de creación de sitios web en WordPress, te permite crear sitios web profesionales con píxeles perfectos sin problemas.
Revoluciona tu forma de crear sitios web con la IA de Elementor, una integración nativa de IA. Crea secciones completas, texto original, código e imágenes al instante, o haz referencia a otra web para recrear su diseño en tu sitio.
Desbloquea todas las características con Elementor Pro.
🌟 Crea impactantes sitios web profesionales
- Maquetador intuitivo de arrastrar y soltar: Crea cualquier sitio web con nuestro editor de arrastrar y soltar sin necesidad de programar. Consigue precisión en el diseño con control total sobre la disposición y el estilo.
- Herramientas de diseño pixel-perfect: Sube SVG, aplica máscaras, degradados, sombras de recuadro, efectos de titulares, divisores de formas y utiliza los controles CSS integrados para una personalización avanzada.
- Biblioteca de plantillas: Aplica kits de sitios web completos para configuraciones instantáneas, o elige entre una amplia biblioteca de páginas individuales, bloques y plantillas de ventanas emergentes. Crea y exporta tus propias plantillas para reutilizarlas.
- Widgets avanzados: Accede a más de 40 widgets GRATIS, incluyendo encabezado, imagen, editor de texto, video, botón, galería, carruseles y más. Personaliza y estiliza los widgets para que se ajusten perfectamente a tus necesidades de diseño.
- Capacidades de IA: Revoluciona tu proceso de diseño y creación de contenidos con la integración nativa de IA. Crea instantáneamente secciones, texto, código e imágenes, o haz referencia a diseños de otros sitios web.
🗝️ Características clave:
- Sistema de diseño: Utiliza el sistema de diseño de Elementor para conseguir colores, tipografía y elementos de diseño coherentes, promoviendo un aspecto cohesionado y profesional.
- Diseño adaptable: Optimiza tu diseño para cualquier dispositivo con puntos de ruptura personalizados y ajustes específicos para dispositivos. Asegura una experiencia fluida para usuarios de sobremesa, tableta y móvil.
- Formas de máscara: Convierte cualquier elemento, como una imagen o un vídeo, en la forma que desees para crear diseños destacados.
- Transformación CSS: Usa transformación CSS para girar, escalar e inclinar elementos, añadiendo estilo dinámico a tu sitio.
- Animaciones de entrada: Añade animaciones de entrada a los elementos para crear experiencias de usuario atractivas e interactivas.
- Historial de revisiones: La característica de historial de revisiones de Elementor permite a los usuarios rastrear y revertir a versiones anteriores de sus diseños, proporcionando tranquilidad y flexibilidad durante el proceso creativo.
- Amigable con los desarrolladores: Equipado con amplia documentación, API, herramientas para desarrolladores y áreas de código personalizado, Elementor ofrece un entorno propicio para que los desarrolladores amplíen sus capacidades y creen soluciones personalizadas.
- Botones flotantes: Mejora la interacción del usuario con botones de acción flotantes y personalizables que permanecen visibles mientras los usuarios se desplazan.
- Maquetador de temas [Pro]: El robusto maquetador de temas de Elementor te permite diseñar cada parte de tu web, incluidas cabeceras, pies de página, plantillas de entradas individuales y páginas de archivo, proporcionando un control total sobre la apariencia del sitio.
- Maquetador de ventanas emergentes [Pro]: Crea ventanas emergentes llamativas con el maquetador de ventanas emergentes de Elementor, equipado con opciones avanzadas de segmentación y activación para optimizar la participación y las conversiones.
- Formularios [Pro]: Diseña e integra formularios personalizados, utilizando características avanzadas e integraciones para capturar y gestionar envíos de manera efectiva.
- Maquetador de WooCommerce [Pro]: Integra Elementor con WooCommerce para diseñar páginas de productos personalizadas, diseños de tienda, archivos, carritos, páginas de «Finalizar compra», «Mi cuenta» y mucho más, mejorando el atractivo visual y la funcionalidad de tu tienda.
- Contenido dinámico [Pro]: Aprovecha las capacidades de contenido dinámico para crear experiencias web personalizadas e interactivas conectando tus diseños a varias fuentes de datos.
- Notas [Pro]: Mejora la colaboración en equipo utilizando la función «Notas» de Elementor para dejar opiniones y comentarios directamente en la interfaz de diseño.
- Código personalizado [Pro]: Inserta código personalizado para ampliar la funcionalidad de tu sitio, ofreciendo flexibilidad para personalizaciones avanzadas.
- CSS personalizado [Pro]: Aplica CSS personalizado para ajustar el estilo de los elementos, asegurando un control preciso sobre los aspectos del diseño.
- Efectos de movimiento [Pro]: Añade efectos de movimiento avanzados a los elementos para una experiencia de usuario más dinámica y atractiva.
- Fuentes e iconos personalizados [Pro]: Sube y utiliza fuentes e iconos personalizados para que coincidan con la identidad de tu marca.
😍 Widgets Elementor GRATIS
Desbloquea el potencial de Elementor con nuestra solución completa de widgets y herramientas gratuitos, diseñados para potenciar tu proceso de creación de sitios web y elevar tus capacidades de diseño:
- Encabezado. Añade titulares llamativos.
- Imagen. Controla el tamaño, la opacidad y mucho más.
- Editor de texto. Igual que el editor de WordPress.
- Vídeo. Añade vídeos de YouTube, Vimeo, Dailymotion o autoalojados.
- Botón. Crea botones interactivos.
- Enlace en Bio. Construye componentes de enlace en biografía para promocionar tu negocio / servicios.
- Cuadro de imagen. Un cuadro que incluye imagen, titular y texto.
- Testimonios. Testimonios de clientes.
- Icono. Añade uno o más de los más de 600 iconos disponibles.
- Caja de icono. Un icono, un titular y un texto con un solo widget.
- Iconos sociales. Enlaza a tus páginas de redes sociales con los iconos de Facebook/X (antes Twitter).
- Galería de imágenes. Muestra tus imágenes en una cuadrícula.
- Carrusel de imágenes. Crea carruseles rotatorios o de diapositivas con las imágenes elegidas.
- Lista de Iconos. Usa cualquier icono para crear una lista de viñetas.
- Contador. Muestra números de forma escalonada.
- Barra de progreso. Incluye una barra de progreso creciente.
- Pestañas anidadas. Muestra el contenido en pestañas verticales u horizontales.
- Acordeón anidado. Muestra cualquier tipo de contenido en secciones plegables.
- Conmutador. Usa el Conmutador para ocultar o mostrar contenido, como FAQ.
- Valoración. Muestra cuántas estrellas (o cualquier otro icono) han dado otros visitantes.
- Alerta. Incluye una caja de alerta colorida para atrapar la atención de los visitantes.
- HTML. Inserta código en la página.
- Shortcode. Inserta shortcodes en la página desde cualquier plugin.
- Ancla de menú. Enlaza cualquier menú a esta ancla.
- Leer más. Establece el corte del extracto en las páginas de archivo.
- Barra lateral. Añade barras laterales a la página.
- Google Maps. Incrusta mapas en la página.
- SoundCloud. Añade bits de audio de SoundCloud.
- Divisor. Separa contenido con un divisor diseñado.
- Separador. Añade espacio entre elementos.
- Ruta del texto. Adjunta tu texto a la ruta.
- Y contando…
🚀 Mejora tu sitio web
Sitios web de alto rendimiento: El rendimiento de un sitio web influye en la experiencia de tus visitantes y en tu posición en los resultados de búsqueda. Elementor, en colaboración con Google Chrome, mejora continuamente el rendimiento sin comprometer el diseño.
Las características clave incluyen:
- Salida DOM reducida: Estructura HTML racionalizada para una representación más rápida.
- Carga mejorada de archivos de medios: Carga optimizada de imágenes, vídeos y otros activos de medios.
- Archivos CSS y JS reducidos: Hojas de estilo y scripts minimizados y concatenados para tiempos de carga más rápidos.
- Carga diferida: Carga diferida de recursos no críticos para mejorar la velocidad de carga inicial de la página.
- Carga de fuentes más rápida: Entrega eficaz de fuentes web para mejorar la velocidad de representación del texto.
- Carga optimizada de recursos de la vista pública: Carga eficiente de recursos como JavaScript y CSS para minimizar el bloqueo de la representación.
- Caché de elementos: Almacena en caché los elementos de diseño a los que se accede con frecuencia para reducir el tiempo de respuesta del servidor y mejorar el rendimiento general.
¿Quieres mejorar el rendimiento de tu sitio web? Te presentamos el Complemento optimizador de imágenes de Elementor: un plugin para WordPress fácil de usar que reduce el tamaño de las imágenes sin esfuerzo y sin sacrificar la calidad. Compatible con formatos populares como JPEG, PNG, WebP y GIF, garantiza un sitio web visualmente impactante y de alta velocidad – descarga ahora!
🔥 Características de Elementor Pro
Crea webs inigualables ahorrando tiempo, dinero y recursos con el completo maquetador de sitios de Elementor Pro. Accede a más de 100 widgets, características y herramientas profesionales.
Widgets de diseño Pro:
- Entradas: Muestra las entradas de tu blog con diseños y estilos personalizables.
- Botones para compartir: Permite a los visitantes compartir fácilmente tu contenido en varias plataformas de medios sociales.
- Porfolio: Muestra tu trabajo o tus proyectos con impresionantes diseños de porfolio.
- Diapositivas: Crea presentaciones dinámicas con animaciones y transiciones personalizadas.
- Formulario: Diseña y personaliza formularios avanzados para la interacción con el usuario y la recogida de datos.
- Acceso: Añade un formulario de acceso o un módulo de registro de usuarios a tu sitio web.
- Menú de navegación: Personaliza y da estilo al menú de navegación de tu web para mejorar la experiencia del usuario.
- Titular animado: Crea titulares llamativos con efectos animados.
- Tabla de precios: Muestra los planes de precios o paquetes en un formato estructurado y visualmente atractivo.
- Lista de precios: Muestra una lista de precios o servicios con opciones de estilo personalizables.
- Galería: Crea bonitas galerías de imágenes con varias opciones de diseño y soporte para caja de luz.
- Caja giratoria: Añade animaciones interactivas para resaltar contenidos o características.
- Llamada a la acción: Fomenta la interacción del usuario y las conversiones con secciones de llamada a la acción convincentes.
- Carrusel de medios: Muestra un carrusel de archivos de medios, como imágenes o vídeos.
- Carrusel de testimonios: Muestra testimonios de clientes en formato de carrusel para prueba social.
- Carrusel anidado: Crea carruseles anidados para una organización de contenidos más compleja.
- Carrusel en bucle: Muestra el contenido en un carrusel en bucle para una visualización continua.
- Tabla de contenido: Genera una tabla de contenidos para artículos más largos o guías para mejorar la navegación.
- Cuenta atrás: Añade temporizadores de cuenta atrás para crear urgencia en promociones o eventos.
- Página de Facebook: Incrusta el feed o contenido de tu página de Facebook en tu web.
- Cita: Resalta citas o testimonios con elegantes opciones de formato.
- Plantilla: Guarda y reutiliza plantillas de diseño para que la marca y el diseño sean coherentes.
- Reseñas: Muestra las reseñas y valoraciones de los clientes para generar confianza y credibilidad.
- Botón de Facebook: Añade botones para promover interacciones con tu página o contenido de Facebook.
- Incrustación de Facebook: Incrusta publicaciones o contenido de Facebook en tu web.
- Comentarios de Facebook: Activa los comentarios de Facebook en las páginas o entradas de tu web.
- Botón de PayPal: integra botones de PayPal para pagos en línea fáciles.
- Botón de Stripe: Integra botones de pago de Stripe para facilitar las transacciones seguras en línea.
- Widget Lottie: Añade animaciones Lottie para mejorar el atractivo visual y la participación.
- Resaltado de código: Muestra fragmentos de código con resaltado de sintaxis para una mejor legibilidad.
- Lista de reproducción de vídeos: Crea y personaliza listas de reproducción para los contenidos de vídeo de tu web.
- Mega menú: Personaliza menús avanzados para navegar mejor y mostrar contenidos complejos.
- Fuera del lienzo: Crea áreas fuera del lienzo que se deslicen para mostrar información adicional o menús sin desordenar el diseño principal.
Widgets Pro para el tema:
Construye y personaliza todas las partes clave de tu sitio web, incluidas cabeceras, pies de página, página 404, archivos globales y más
- Título de la entrada: Personaliza el título de las entradas o páginas individuales del blog.
- Extracto de la entrada: Muestra un breve resumen o adelanto de las entradas de tu blog.
- Contenido de la entrada: Personaliza el área de contenido principal de las entradas o páginas de tu blog.
- Imagen destacada: Establece y personaliza las imágenes destacadas de las entradas o páginas del blog.
- Caja de autor: Muestra información del autor y biografías en las entradas del blog.
- Comentarios de entradas: Personaliza el aspecto y funcionalidad de las secciones de comentarios en tu web.
- Navegación de entradas: Añade enlaces de navegación a las entradas adyacentes para facilitar la navegación.
- Información de la entrada: Muestra información adicional acerca de las entradas del blog, como autor y fecha.
- Logotipo del sitio: Sube y personaliza el logotipo de tu sitio web para propósitos de imagen de marca.
- Título del sitio: Personaliza el título de tu web.
- Título de la página: Personaliza el título de las páginas individuales.
- Barra de búsqueda: Añade una barra de búsqueda para que los usuarios puedan buscar en el contenido de tu web.
- Migas de pan: Muestra rutas de navegación jerárquicas para una mejor navegación del usuario.
- Mapa del sitio: Genera un mapa del sitio para mejorar la indexación en los buscadores y la navegación de los usuarios.
- Cuadrícula de bucle: Diseña y personaliza diseños de cuadrícula para archivos de entradas de blog o listados de productos.
Widgets Pro de WooCommerce:
Diseña y personaliza una experiencia de compra en línea completa en todo tu sitio.
- Producto: Muestra productos individuales con diseños y estilos personalizables.
- Migas de pan: Muestra rutas de navegación jerárquicas para una mejor navegación del usuario dentro de tu tienda.
- Título del producto: Personaliza el título de productos individuales.
- Imágenes de producto: Establece y personaliza las imágenes de los listados de productos.
- Precio del producto: Muestra el precio de los productos individuales.
- Añadir al carrito: Añade botones personalizables de añadir al carrito para facilitar la compra.
- Valoración del producto: Mostrar valoraciones y reseñas de productos.
- Inventario de productos: Muestra la disponibilidad de existencias de los productos.
- Metadatos del producto: Muestra información adicional sobre los productos, como SKU y categorías.
- Contenido del producto: Personaliza el área de contenido principal de las descripciones de los productos.
- Descripción breve: muestra resúmenes breves o avances de productos.
- Pestañas de datos de producto: Organiza la información de los productos en secciones con pestañas para una mejor organización.
- Información adicional: Muestra detalles adicionales sobre los productos, como dimensiones y peso.
- Productos relacionados: Muestra productos relacionados para fomentar compras adicionales.
- Ventas dirigidas: Promociona los productos de venta dirigida para aumentar el valor medio de los pedidos.
- Productos: Muestra una cuadrícula o lista de productos con ajustes personalizables.
- Añadir al carrito personalizado: Personaliza el botón de añadir al carrito para productos específicos.
- Páginas de WooCommerce: Diseña y personaliza páginas específicas de WooCommerce, como las páginas del carrito y del pago.
- Categorías de productos: Muestra categorías de productos para facilitar la navegación dentro de tu tienda.
- Carrito del menú: Muestra un icono de carrito en tu menú de navegación para acceder fácilmente al carrito de la compra.
- Carrito: Personaliza el aspecto y la funcionalidad de la página del carrito de la compra.
- Pago: Personaliza el aspecto y la funcionalidad de la página de pago.
- Mi cuenta: Personaliza el aspecto y la funcionalidad del área de la cuenta de cliente.
- Resumen de compras: Muestra un resumen de las compras durante el proceso de pago.
- Avisos de WooCommerce: Personaliza el aspecto y la funcionalidad de los avisos de WooCommerce, como los mensajes de confirmación de pedido.
¡Construye sitios web profesionales con Elementor Pro!
🔒 SEGURIDAD Y CUMPLIMIENTO
Elementor presta una atención primordial a la seguridad, evidente a través de la obtención de varias certificaciones del sector, como ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701 y SOC 2 Tipo II. Estas certificaciones no sólo subrayan nuestro compromiso de aplicar medidas de seguridad sólidas, sino que también ponen de relieve nuestra dedicación a cumplir las normas reconocidas del sector.
Fomentamos la investigación ética en seguridad a través de nuestro programa de recompensas por detección de fallos. Colaboramos con los principales servicios de bug bounty para ofrecer a los investigadores la oportunidad de informar sobre vulnerabilidades en nuestros servicios. Nuestros programas de recompensas incluyen un equipo de triaje disponible 24/7/365.
Para más información ve al centro de confianza.
♿ Buenas prácticas de accesibilidad
Elementor ofrece herramientas y mejoras de accesibilidad para ayudarte a ofrecer una mejor experiencia a todos los usuarios. Incluye HTML 5 semántico, menú de navegación con teclado completo, mejora continua de características, widgets y mucho más.
🌐 Traducido a más de 63 idiomas, incluye soporte RTL
Elementor es compatible con múltiples idiomas, tipografías y RTL, con traducciones del editor en más de 63 idiomas. También es compatible con WPML, Polylang, TranslatePress, Weglot, y muchos más.
Para contribuir, añade un idioma nuevo a través de translate.wordpress.org. Mira nuestra guía acerca de cómo traducir y adaptar el plugin.
⏩ Uso de servicios de terceros
Para mejorar la experiencia del usuario, Elementor puede utilizar los siguientes servicios de terceros si la característica requerida está activada:
- Google Fonts – se cargan para añadir fuentes adicionales a tu sitio web. Términos de uso y política de privacidad de Google
- Algunas características de Elementor requieren cargar recursos adicionales desde Elementor.com. Estos recursos no se utilizan con fines de seguimiento, a menos que se mencione explícitamente lo contrario, en cuyo caso tendrías que aprobarlo y aceptarlo manualmente. Más información nuestros Términos del servicio y Política de privacidad.
🌍 Únete a una comunidad global
Únete a una comunidad global que se ayuda mutuamente a alcanzar sus objetivos.
- Comunidad de Facebook – Más de 150.000 miembros, que ofrecen constantemente ayuda, consejos, opiniones y tutoriales.
- Comunidad de Github – Obtén información acerca de novedades, características solicitadas o informa de un error.
- Docenas de extensiones, temas y kits de Elementor, miles de temas, extensiones y kits creados específicamente para Elementor.
- Aprende ideas y técnicas valiosas en nuestro canal de YouTube.
- Accede a nuestra academia y al centro de ayuda – Encuentra guías, tutoriales y recursos para responder a tus preguntas y potenciar tu creatividad.
- Muestra tu apoyo calificándonos en WordPress. ¡Tus comentarios impulsan nuestro crecimiento! 🤗
- Si tienes preguntas o necesitas ayuda, visita el foro del plugin. Los usuarios de Elementor Pro pueden obtener asistencia premium 24 horas al día, 7 días a la semana, o visita Elementor Website Builder.
Capturas
Instalación
Requisitos mínimos
- WordPress 6.3 o superior
- PHP versión 7.4 o superior
- MySQL versión 5.0 o superior
Requisitos recomendados
- PHP versión 8.1 o superior
- MySQL versión 5.6 o superior
- Límite de memoria de WordPress de 64 MB o más (de preferencia, 128 MB o más)
Instalación
- Instala el plugin usando el instalador de plugins integrado de WordPress o extrae el contenido del archivo ZIP en el directorio
wp-content/plugins/
de tu instalación de WordPress. - Activa el plugin a través del menú «Plugins» en WordPress.
- Ve a Páginas > Añadir nueva
- Presiona el botón «Editar con Elementor».
- Ahora puedes arrastrar y soltar widgets desde el panel de la izquierda al área de contenido, así como añadir nuevas secciones y columnas que compongan la estructura de la página.
Para consultar la documentación y los tutoriales, visita nuestra base de conocimiento.
FAQ
-
¿Cómo se instala Elementor?
-
Para instalar la versión gratuita de Elementor, sigue los siguientes pasos:
Desde el escritorio de WordPress -> Ve a Plugins -> Haz clic en ‘Añadir nuevo’-> En el campo de búsqueda, introduce Elementor website builder y selecciónalo.
Pulsa instalar -> Después de la instalación, pulsa Activar. -
¿Elementor funciona con todos los temas?
-
Elementor funciona con todos los temas que respetan los estándares de programación de WordPress establecidos por su Codex. Se recomienda utilizar Hello Theme de Elementor, un ligero lienzo blanco, para disfrutar de toda la flexibilidad cuando utilizas Elementor, y optimizar tu experiencia.
-
¿Elementor es compatible con Gutenberg?
-
Elementor y Gutenberg funcionan a la perfección juntos. Como usuario, puedes decidir fácilmente qué editor utilizar en cada momento mientras editas tu sitio.
-
¿Puedo crear una tienda online?
-
Si, con el el Maquetador para WooCommerce de Elementor Pro puedes personalizar cada página de tu tienda para crear una increible experiencia de usuario que impulse las ventas.
-
¿Funciona con otros plugins de WordPress?
-
Funciona con casi todos los plugins. Si experimentas un problema de incompatibilidad, por favor infórmanos de ello y del plugin que entra en conflicto con Elementor.
-
¿Necesito saber programar?
-
¡No! Elementor te proporciona todos los widgets y características que necesitas para maquetar una web profesional sin programar.
-
¿Necesito saber diseñar?
-
No, puedes elegir entre kits y plantillas diseñadas profesionalmente que se adaptan a cada sector y tienen todo lo necesario para crear tu propio sitio profesional.
-
¿Elementor ralentizará mi web?
-
Elementor prioriza la velocidad y el rendimiento, con cada nueva versión de Elementor puedes disfrutar de un rendimiento mejor y más rápido. Al probar el mismo diseño de página en versiones anteriores puedes comprobar una mejora significativa del rendimiento, desde una puntuación de 82 en Google PageSpeed Insight en la versión 3.1, hasta una puntuación de 95 en la versión 3.5.
-
¿Está mi sitio seguro con Elementor?
-
La seguridad de tu web es extremadamente importante para nosotros y tomamos medidas proactivas para garantizar que tus webs sean seguras. Elementor tiene la certificación ISO 27001 y cuenta con un equipo de profesionales de seguridad que implementa las mejores prácticas de la industria para lograr la máxima seguridad y cumplimiento, 24/7.
También existe un programa gestionado de seguridad Bug Bounty, que utiliza el esfuerzo de la comunidad para permitir 24/7/365 la detección de vulnerabilidades de forma colectiva.
-
¿Puedo comprar plantillas por separado?
-
Por supuesto, puedes usar cualquier plantilla que sea compatible con Elementor.
-
¿Elementor es compatible con entradas y tipos de contenido personalizado?
-
¡Por supuesto! Puedes establecer qué tipos de contenido se activarán en Elementor en la página de ajustes.
-
Cual es la diferencia entre la versión gratuita del plugin Elementor y Elementor Pro
-
La versión gratuita de Elementor te permite explorar nuestro revolucionario editor en tiempo real de arrastrar y soltar, widgets básicos y plantillas. Elementor Pro (Essential, Advanced, Expert, Studio y Agency) te permite tener herramientas más profesionales que aceleran tu flujo de trabajo, tienes acceso a un soporte humano, te ayudarán a crear contenido más avanzado y obtener visitantes. Mira la comparación completa aquí.
-
¿Cómo puedo convertirme en colaborador?
-
Si quieres ayudar, ve al Repositorio de GitHub de Elementor y mira donde puedes ayudar.
Además puedes añadir un nuevo idioma vía translate.wordpress.org. Hemos construido una pequeña guía explicando como traducir y adaptar el plugin.
Reseñas
Colaboradores y desarrolladores
«Elementor Website Builder – More than Just a Page Builder» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Elementor Website Builder – More than Just a Page Builder» está traducido en 63 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Elementor Website Builder – More than Just a Page Builder» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
3.24.5 – 2024-10-01
- Fix: Responsive styles not loading properly for Apple WebKit
- Fix: Responsive styles not loading properly for Lightbox
3.24.4 – 2024-09-23
- Security Fix: Improved code security enforcement in Heading and Counter widgets
- Security Fix: Improved code security enforcement in Template Library
3.24.3 – 2024-09-18
- Fix: 404 console error when loading custom animations (#28727)
3.24.2 – 2024-09-13
- Fix: Widget styles not loading correctly affecting the layout on front (#28693)
3.24.1 – 2024-09-12
- Fix: Widget styles not loading correctly on front causing alignment inconsistencies (#28676)
3.24.0 – 2024-09-10
- New: Introducing Floating Bars – including Call to Action, Ticker, and Coupon Bars, to enhance visitor engagement and boost conversions
- New: Added Cleanup image edit tool with AI
- Tweak: Improved performance by loading nested element styles only when they are in use
- Tweak: Load wp-admin-bar styles only when the user is logged in
- Tweak: Improved performance by loading Lightbox styles only when they are in use
- Tweak: Load floating button styles only when they are in use
- Tweak: Load Link-in-bio styles only when they are in use
- Tweak: Load text-path styles only when they are in use
- Tweak: Load shape dividers styles only when they are in use
- Tweak: Load
flatpickr-calendar
styles only when forms are in use - Tweak: Load social icons compatibility styles only when they are in use
- Tweak: Load dialog styles only when they are in use
- Tweak: Split
animations.min.css
into multiple CSS files and load them conditionally - Tweak: Conditionally loading widget styles only when the respective widgets are used
- Tweak: Load
get_style_depends()
CSS files in the body to improve CLS - Tweak: Removed inline CSS from the «Improved CSS Loading» experiment
- Tweak: Removed
waypoints.js
library from the code - Tweak: Ensured consistent icon shapes in Icon, Icon Box and Social Icons widgets
- Tweak: Merged «Lazy Load Background Images» feature and moved to the Performance tab
- Tweak: Merged «Floating Buttons» feature into the version
- Tweak: Merged «Link In Bio» feature into the version
- Tweak: Merged «Improved CSS Loading» feature into the version
- Tweak: Promoted «Editor Top Bar» feature to Stable status
- Tweak: Activated «Nested Elements» feature by default for new sites
- Tweak: Removed Floating Elements document from the query control
- Tweak: Added «Performance» and «Integrations» links to Elementor Finder
- Tweak: Removed Floating Elements from post types list
- Tweak: Updated minimum required WordPress version to 6.3
- Tweak: Updated
flatpickr
library to v4.6.13 - Tweak: Updated
eicons
library to v5.31.0 - Tweak: Added the ability for users to opt out of AI features on a per-user basis (#22796, #22853)
- Tweak: Added the ability to generate container names in the Structure feature using AI
- Tweak: Added preview functionality in the AI CSS feature
- Tweak: Enhanced prompts in the Custom CSS feature for improved usability
- Fix: Similar widgets in subsequent pop-ups do not load properly when Improved CSS Loading is activated (#21488, #25436, #25436)
- Fix: Element Caching prevented the repeater control from loading Dynamic Tags (#28137)
- Fix: Improved CSS loading experiment overrides child theme styles and breaks the cascade due to higher specificity (#15746)
- Fix: Lottie Animation settings inside Popups are overridden when the Improved CSS Loading experiment is activated (#17814)
- Fix: Prevent duplicate trailing slash from landing pages (props @diiegopereira)
- Fix: Corrected typos in the code (props @szepeviktor)
- Fix: User consent modal is being loaded after the request has been made in Text feature in Elementor AI
- Fix: Improved code security enforcement in Testimonial widget
- Fix: Modal doesn’t adjust height to content in AI Text
- Fix: «Full width on mobile» isn’t working in the «Single Bar» floating Button
- Fix: Lightbox video aspect ratio issues on the front
- Fix: PHP errors caused by using Global Color for container background gradient