Maquetador web Elementor – mucho más que un maquetador de páginas

Descripción

El creador de sitios web para WordPress n.º 1 de tipo «arrastrar y soltar» y sin código, que impulsa más de 23 millones de sitios web en todo el mundo, ahora con IA de agentes.

Elementor, la plataforma líder de creación de sitios web en WordPress, te permite crear sitios web profesionales y con una precisión milimétrica de forma fluida, gracias a su editor «Atomic Editor» de tipo «arrastrar y soltar» que no requiere programación.

Supporting the full website lifecycle, Elementor lets you build, optimize, and manage your website with extended capabilities such as agentic AI creation, native MCP connection, image optimization, transactional email delivery, accessibility tools, performance boosters, and more.

Elementor is now in version 4, with a new generation of performance-first atomic building blocks that put you in control of every part of your site. Define your global design systems and reusable components once, and they apply everywhere instantly – turning hours or even days of work into single clicks.

NEW! Connect your favorite AI tools, including Claude, Codex, and Cursor, directly to your Elementor sites. The Elementor MCP acts as a new execution layer, turning plain-language prompts into real, fully editable Elementor structures, layouts, and design systems while keeping you in complete control.

Desbloquea todas las características Pro con Elementor Pro.

¿Necesitas un alojamiento en la nube rápido y seguro para tu sitio en Elementor? Prueba Elementor Host, con tecnología de Google Cloud y Cloudflare. Puntuación de 4,9/5 en Trustpilot.

🌟 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 emergentes.
• Widgets avanzados: Accede a más de 40 widgets GRATUITOS, incluyendo encabezado, imagen, editor de texto, vídeo, botón, galería, carruseles y mucho más.
• IA agéntica para las capacidades de WordPress: describe lo que quieres en lenguaje natural y la IA de Elementor lo construye: widgets personalizados, secciones, diseños completos y fragmentos de WordPress, entregados como código nativo de tu sitio, listo para producción y totalmente editable.

🗝️ Características clave:

• Sistema de diseño: Utiliza variables y clases para lograr colores, tipografía y elementos de diseño coherentes que se actualizan en todas partes simultáneamente.
• Diseño adaptable: Optimiza tu diseño para cada dispositivo con puntos de ruptura personalizados, garantizando una experiencia fluida en ordenadores de sobremesa, tabletas y móviles.
• Elementor MCP: Seamlessly connect external AI tools such as Claude, Codex, Cursor and more, to build native Elementor pages, sections, and design systems instantly. Bring in context from other tools like Figma and review or refine every generation in the visual Elementor Editor before publishing.
• Formas de máscara: Convierte cualquier elemento, como una imagen o un vídeo, en la forma que desees para crear diseños impactantes.
• 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: Realiza un seguimiento y vuelve a versiones anteriores de tus diseños en cualquier momento del proceso creativo.
• Apto para desarrolladores: Su amplia documentación, API, herramientas para desarrolladores y áreas de código personalizado permiten a los desarrolladores ampliar Elementor y crear soluciones a medida.
• Botones flotantes: Añade botones de acción flotantes y personalizables que permanecen visibles mientras los usuarios se desplazan por la página.
• Componentes [Pro]: Reutiliza los mismos elementos básicos en distintas páginas y sitios, y actualízalos dondequiera que aparezcan mediante una edición de contenido controlada, permitiendo así que los colaboradores y clientes actualicen únicamente las propiedades de contenido expuestas.
• Constructor de temas [Pro]: Diseña cada parte de tu sitio —encabezados, pies de página, entradas y archivos— para tener un control total sobre la apariencia.
• Popup Builder [Pro]: Crea ventanas emergentes con opciones avanzadas de segmentación y activación para optimizar la interacción de los usuarios y las conversiones.
• Formularios [Pro]: Diseña e integra formularios personalizados con funciones avanzadas e integraciones para captar envíos de clientes potenciales.
• WooCommerce Builder [Pro]: Diseña páginas de producto, diseños de tienda, archivos, carritos, páginas de pago y de cuenta personalizados para tu tienda.
• Contenido dinámico [Pro]: Conecta tus diseños a fuentes de datos para crear experiencias web personalizadas e interactivas.
• Notas [Pro]: Deja comentarios y observaciones directamente en la interfaz de diseño para mejorar la colaboración en equipo.
• Código personalizado [Pro]: Inserte código personalizado para ampliar la funcionalidad de su sitio, con flexibilidad para realizar personalizaciones avanzadas.
• CSS personalizado [Pro]: Aplica CSS personalizado para ajustar el estilo de los elementos con un control preciso.
• Efectos de movimiento [Pro]: Añade efectos de movimiento a los elementos para lograr una experiencia de usuario más dinámica y atractiva.
• Fuentes e iconos personalizados [Pro]: Sube y utiliza fuentes e iconos personalizados que se ajusten a la identidad de tu marca.

😍 Widgets Elementor GRATIS

Accede a un conjunto de widgets y herramientas gratuitos diseñados para facilitar el proceso de creación de tu sitio web:

• 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.
• 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 más.

🚀 Mejora tu sitio web

Sitios web de alto rendimiento: El rendimiento del sitio web influye en la experiencia de los visitantes y en el posicionamiento en los resultados de búsqueda. Elementor, en colaboración con Google Chrome, mejora continuamente el rendimiento sin comprometer el diseño.

Entre las características clave se 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 que se cargan individualmente solo bajo demanda para lograr 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.

🔥 Características de Elementor Editor Pro

Crea sitios web excepcionales mientras ahorras tiempo, dinero y recursos con el constructor integral de sitios web de Elementor Pro. Accede a más de 100 widgets, funciones y herramientas profesionales.

Widgets de diseño de Editor Pro:

1. Entradas: Muestra las entradas de tu blog con diseños y estilos personalizables.
2. Botones para compartir: Permite a los visitantes compartir tu contenido en diversas plataformas de redes sociales.
3. Portafolio: Muestra tus trabajos o proyectos con diseños de portafolio.
4. Presentaciones: Crea presentaciones con animaciones y transiciones personalizadas.
5. Formulario: Diseña y personaliza formularios avanzados para la interacción con el usuario y la recogida de datos.
6. Acceso: Añade un formulario de acceso o un módulo de registro de usuarios a tu sitio web.
7. Menú de WordPress: Personaliza y da estilo al menú de navegación de tu sitio web.
8. Titular animado: Crea titulares llamativos con efectos animados.
9. Tabla de precios: Muestra planes de precios o paquetes en un formato estructurado.
10. Lista de precios: Muestra una lista de precios o servicios con un diseño personalizable.
11. Galería: Crea galerías de imágenes con opciones de diseño y compatibilidad con lightbox.
12. Flip Box: Añade animaciones de volteo para resaltar contenido o características.
13. Llamada a la acción: Fomenta la interacción de los usuarios y las conversiones mediante secciones específicas.
14. Carrusel de medios: Muestra un carrusel de archivos de medios, como imágenes o vídeos.
15. Carrusel de testimonios: Muestra testimonios de clientes en formato de carrusel para prueba social.
16. Carrusel anidado: Crea carruseles anidados para una organización de contenidos más compleja.
17. Carrusel en bucle: Muestra el contenido en un carrusel en bucle para una visualización continua.
18. Índice: Genera un índice para artículos o guías extensos.
19. Cuenta atrás: Añade temporizadores de cuenta atrás para crear urgencia en promociones o eventos.
20. Página de Facebook: Incrusta el feed o contenido de tu página de Facebook en tu web.
21. Cita: Resalta citas o testimonios con elegantes opciones de formato.
22. Plantilla: Guarda y reutiliza plantillas de diseño para que la marca y el diseño sean coherentes.
23. Reseñas: Muestra las reseñas y valoraciones de los clientes para generar confianza y credibilidad.
24. Botón de Facebook: Añade botones para fomentar las interacciones con tu página o contenido de Facebook.
25. Integración de Facebook: Inserta publicaciones o contenido de Facebook en tu sitio web.
26. Comentarios de Facebook: Habilita los comentarios de Facebook en las páginas o publicaciones de tu sitio web.
27. Botón de PayPal: Integra botones de PayPal para pagos en línea.
28. Botón de Stripe: Integra botones de pago de Stripe para realizar transacciones en línea seguras.
29. Widget Lottie: Añade animaciones Lottie para mejorar el atractivo visual y la participación.
30. Resaltado de código: Muestra fragmentos de código con resaltado de sintaxis para una mejor legibilidad.
31. Lista de reproducción de vídeos: Crea y personaliza listas de reproducción para los contenidos de vídeo de tu web.
32. Mega menú: Personaliza menús avanzados para navegar mejor y mostrar contenidos complejos.
33. 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 de tema de Elementor Pro:

Crea y personaliza todos los elementos clave de tu sitio web, incluyendo encabezados, pies de página, la página de error 404, archivos globales y más.

1. Título de la entrada: Personaliza el título de las entradas o páginas individuales del blog.
2. Extracto de la entrada: Muestra un breve resumen o adelanto de las entradas de tu blog.
3. Contenido de la entrada: Personaliza el área de contenido principal de las entradas o páginas de tu blog.
4. Imagen destacada: Establece y personaliza las imágenes destacadas de las entradas o páginas del blog.
5. Caja de autor: Muestra información del autor y biografías en las entradas del blog.
6. Comentarios de entradas: Personaliza el aspecto y funcionalidad de las secciones de comentarios en tu web.
7. Navegación de entradas: Añade enlaces de navegación a las entradas adyacentes para facilitar la navegación.
8. Información de la entrada: Muestra información adicional acerca de las entradas del blog, como autor y fecha.
9. Logotipo del sitio: Sube y personaliza el logotipo de tu sitio web para propósitos de imagen de marca.
10. Título del sitio: Personaliza el título de tu web.
11. Título de la página: Personaliza el título de las páginas individuales.
12. Barra de búsqueda: Añade una barra de búsqueda para que los usuarios puedan buscar en el contenido de tu web.
13. Migas de pan: Muestra rutas de navegación jerárquicas para una mejor navegación del usuario.
14. Mapa del sitio: Genera un mapa del sitio para mejorar la indexación en los buscadores y la navegación de los usuarios.
15. Cuadrícula de bucle: Diseña y personaliza diseños de cuadrícula para archivos de entradas de blog o listados de productos.

Widgets de WooCommerce de Elementor Pro:

Diseña y personaliza una experiencia de compra online completa en todo tu sitio web.

1. Producto: Muestra productos individuales con diseños y estilos personalizables.
2. Migas de pan: Muestra rutas de navegación jerárquicas para una mejor navegación del usuario dentro de tu tienda.
3. Título del producto: Personaliza el título de productos individuales.
4. Imágenes de producto: Establece y personaliza las imágenes de los listados de productos.
5. Precio del producto: Muestra el precio de los productos individuales.
6. Añadir al carrito: Añade botones personalizables de añadir al carrito para facilitar la compra.
7. Valoración del producto: Mostrar valoraciones y reseñas de productos.
8. Inventario de productos: Muestra la disponibilidad de existencias de los productos.
9. Metadatos del producto: Muestra información adicional sobre los productos, como SKU y categorías.
10. Contenido del producto: Personaliza el área de contenido principal de las descripciones de los productos.
11. Descripción breve: muestra resúmenes breves o avances de productos.
12. Pestañas de datos de producto: Organiza la información de los productos en secciones con pestañas para una mejor organización.
13. Información adicional: Muestra detalles adicionales sobre los productos, como dimensiones y peso.
14. Productos relacionados: Muestra productos relacionados para fomentar compras adicionales.
15. Ventas dirigidas: Promociona los productos de venta dirigida para aumentar el valor medio de los pedidos.
16. Productos: Muestra una cuadrícula o lista de productos con ajustes personalizables.
17. Añadir al carrito personalizado: Personaliza el botón de añadir al carrito para productos específicos.
18. Páginas de WooCommerce: Diseña y personaliza páginas específicas de WooCommerce, como las páginas del carrito y del pago.
19. Categorías de productos: Muestra categorías de productos para facilitar la navegación dentro de tu tienda.
20. Carrito del menú: Muestra un icono de carrito en tu menú de navegación para acceder fácilmente al carrito de la compra.
21. Carrito: Personaliza el aspecto y la funcionalidad de la página del carrito de la compra.
22. Pago: Personaliza el aspecto y la funcionalidad de la página de pago.
23. Mi cuenta: Personaliza el aspecto y la funcionalidad del área de la cuenta de cliente.
24. Resumen de compras: Muestra un resumen de las compras durante el proceso de pago.
25. Avisos de WooCommerce: Personaliza la apariencia y la funcionalidad de los avisos de WooCommerce, como los mensajes de confirmación de pedido.

Crea sitios web profesionales con Elementor Pro

🔒 Seguridad y cumplimiento normativo

Elementor cuenta con el respaldo de certificaciones del sector como ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701 y SOC 2 Tipo II. Estas certificaciones reflejan nuestro compromiso con medidas de seguridad sólidas y estándares reconocidos de la industria.

Fomentamos la investigación de seguridad ética a través de nuestro programa de recompensas por errores (Bug Bounty). Colaboramos con servicios líderes en este ámbito para que los investigadores puedan reportar vulnerabilidades en nuestro servicio, contando con el respaldo de un equipo de triaje disponible las 24 horas del día, los 7 días de la semana, los 365 días del año.

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 brindar una mejor experiencia a todos los usuarios, incluyendo semántica HTML5, menús totalmente navegables mediante teclado y mejoras continuas en las funciones y los widgets.

🌐 Traducido a más de 63 idiomas, incluye soporte RTL

Elementor es compatible con múltiples idiomas, tipografías y formatos RTL, y cuenta con traducciones del editor en más de 63 idiomas.

Es compatible con WPML, Polylang, TranslatePress, Weglot y más. Para contribuir, añade un nuevo idioma a través de translate.wordpress.org. Consulta nuestra guía sobre cómo traducir y localizar 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:

• Fuentes de Google – 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.

📧 Productos relacionados de Elementor

Image Optimizer: Compresión de imágenes para un rendimiento del sitio web más rápido y de alta calidad.

Site Mailer: Gestión de correo electrónico fiable sin necesidad de plugins SMTP, garantizando la fiabilidad de sus comunicaciones.

Ally: Mejora la usabilidad del sitio web para personas con discapacidad. Ally escanea, detecta y corrige infracciones clave de accesibilidad, y funciona en todos los sitios web de WordPress y Elementor.

Gestionar: Panel centralizado para supervisar, optimizar y mantener múltiples sitios de WordPress sin tener que cambiar entre los paneles de administración de cada sitio individual.

Cookiez: Banner de cookies compatible con el RGPD y la CCPA, con escaneo automático de cookies, bloqueo de scripts y registro de consentimiento.

Registro de actividad: Registra todos los cambios realizados en tu sitio WordPress —quién los hizo, cuándo y el origen de la solicitud (WP Admin, REST API, WP-CLI, WP-Cron o WP Abilities API)— para mantener un historial de auditoría completo.

= 📣 See what our users have …