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

EL MAQUETADOR DE SITIOS WEB WORDPRESS SIN CÓDIGO QUE IMPULSA MÁS DE 22M DE SITIOS WEB EN TODO EL MUNDO, AHORA CON IA.

Elementor, la plataforma líder para crear sitios web con WordPress, te permite crear sitios web profesionales con un diseño preciso al píxel gracias a su editor atómico sin código, con función de arrastrar y soltar.

Elementor, que es compatible con todo el ciclo de vida de un sitio web, te permite crear, optimizar y gestionar tu sitio web con mayores capacidades gracias a funciones avanzadas como la creación basada en inteligencia artificial, la optimización de imágenes, el envío de correos electrónicos transaccionales, herramientas de accesibilidad, optimizadores de rendimiento y mucho más.

Now in version 4 – the Atomic Editor! Introducing a new generation of performance-first atomic building blocks that allow you to control every atomic part with no limits or locked layouts. Define your global design systems and reusable components once, and they apply everywhere instantly – turning hours or even days of work into single clicks.

Desbloquea todas las características con Elementor One.

¿Necesitas un alojamiento en la nube rápido y seguro para tu sitio Elementor? Prueba Elementor Hosting Powered by Google Cloud & Cloudflare. Puntuación de 4,9/5 en TrustPilot.

🌟 Create professional stunning websites

• Intuitive drag & drop builder: Build any website with our no-code, drag-and-drop Editor. Achieve design precision with full control over layout and style.
• Pixel-perfect design tools: Upload SVGs, apply masks, gradients, box shadows, headline effects, shape dividers, and use built-in CSS controls for advanced customization.
• 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.
• Advanced widgets: Access over 40 FREE widgets, including heading, image, text editor, video, button, gallery, carousels, and more.
• AI capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images.

🗝️ Key features

• Design system: Use Variables and Classes for consistent colors, typography, and design elements, ensuring a cohesive, professional look that updates everywhere globally.
• Responsive design: Optimize your design for every device with custom breakpoints, ensuring a seamless desktop, tablet, and mobile experience.
• Mask shapes: Turning any element, like an image or video, into whatever shape you desire to create standout designs.
• CSS transform: Use CSS Transform to rotate, scale, and skew elements, adding dynamic styling to your site.
• Entrance animations: Add entrance animations to elements to create engaging and interactive user experiences.
• Revision history: Elementor’s Revision History feature enables users to track and revert to previous versions of their designs, providing peace of mind and flexibility during the creative process.
• Developer-friendly: Equipped with extensive documentation, API, developer tools, and custom code areas, Elementor offers a conducive environment for developers to extend its capabilities and create custom solutions.
• Floating buttons: Enhance user interaction with customizable, floating action buttons that stay in view as users scroll.
• Componentes [Pro]: Reutiliza los mismos bloques de construcción en todas las páginas y sitios web, y actualízalos en todos los lugares donde aparezcan. Incluye la edición controlada de contenidos, lo que permite a los colaboradores y clientes actualizar solamente las propiedades de los contenidos visibles sin alterar el diseño ni el estilo.
• Constructor de temas [Pro]: Diseña cada parte de tu sitio -cabeceras, pies de página, entradas y archivos- para tener un control total sobre la apariencia.
• 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.
• WooCommerce Builder [Pro]: Integrate Elementor with WooCommerce to design custom product pages, shop layouts, archives, carts, checkout pages, my account, and more, enhancing your store’s visual appeal and functionality.
• 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.
• Motion effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
• Custom fonts and icons [Pro]: Upload and use custom fonts and icons to match your brand’s identity.

😍 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:

• Heading: Add eye-catching headlines.
• Image: Control the size, opacity and more.
• Text Editor: Just like the WordPress text editor.
• Video: Add YouTube, Vimeo, VideoPress, Dailymotion or self-hosted videos.
• Button: Create interactive buttons.
• Link in Bio: Build link in bio components to promote your business / services.
• Image Box: A box with image, headline and text.
• Testimonials: Customer testimonials.
• Icon: Place one or more of 600+ icons available.
• Icon Box: An icon, headline, and text with one widget.
• Social Icons: Link to your social pages with the Facebook/X (formerly Twitter) icons.
• Image Gallery: Display your images in a grid.
• Image Carousel: Create rotating carousels or sliders for chosen images.
• Icon List: Use any icon to create a bullet list.
• Counter: Show numbers in an escalating manner.
• Progress Bar: Include an escalating progress bar.
• Nested Tabs: Display content in vertical or horizontal tabs.
• Nested Accordion: Display any type of content in collapsible sections.
• Rating: Display how many stars (or another icon) other visitors gave.
• Alert: Include a colored alert box to draw visitor’s attention.
• HTML: Insert code into the page.
• Shortcode: Insert shortcodes from any plugin into the page.
• Menu Anchor: Link any menu to this anchor.
• Read More: Set the Read More cut-off for the excerpt in archive pages.
• Sidebar: Add sidebars onto the page.
• Google Maps: Embed maps into the page.
• SoundCloud: Add SoundCloud audio bits.
• Divider: Separate content with a designed divider.
• Spacer: Add space between elements.
• Text Path: Attach your text to a path.
• And counting…

🚀 Enhance your website

High-performing websites: Website performance impacts your visitors’ experience and search result ranking. Elementor, in partnership with Google Chrome, continuously enhances performance without compromising design.

Las características clave incluyen:

• Reduced DOM output: Streamlined HTML structure for faster rendering.
• Improved media file loading: Optimized loading of images, videos, and other media assets.
• Reduced CSS and JS files: Minimized stylesheets and scripts individually loaded only on demand for quicker loading times.
• Lazy loading: Deferred loading of non-critical resources to improve initial page load speed.
• Faster font loading: Efficient delivery of web fonts to enhance text rendering speed.
• Optimized front-end asset loading: Efficient loading of assets like JavaScript and CSS to minimize render-blocking.
• Element caching: Cache frequently accessed design elements to reduce server response time and enhance overall performance.

🔥 Elementor Editor Pro features

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.

Editor Pro design widgets:

1. Entradas: Muestra las entradas de tu blog con diseños y estilos personalizables.
2. Botones para compartir: Permite a los visitantes compartir fácilmente tu contenido en varias plataformas de medios sociales.
3. Porfolio: Muestra tu trabajo o tus proyectos con impresionantes diseños de porfolio.
4. Diapositivas: Crea presentaciones dinámicas 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. Nav Menu: Customize and style your website’s navigation menu for better user experience.
8. Titular animado: Crea titulares llamativos con efectos animados.
9. Tabla de precios: Muestra los planes de precios o paquetes en un formato estructurado y visualmente atractivo.
10. Lista de precios: Muestra una lista de precios o servicios con opciones de estilo personalizables.
11. Galería: Crea bonitas galerías de imágenes con varias opciones de diseño y soporte para caja de luz.
12. Caja giratoria: Añade animaciones interactivas para resaltar contenidos o características.
13. Llamada a la acción: Fomenta la interacción del usuario y las conversiones con secciones de llamada a la acción convincentes.
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. Table of Contents: Generate a table of contents for longer articles or guides to improve navigation.
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 promover interacciones con tu página o contenido de Facebook.
25. Incrustación de Facebook: Incrusta publicaciones o contenido de Facebook en tu web.
26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
27. Botón de PayPal: integra botones de PayPal para pagos en línea fáciles.
28. Botón de Stripe: Integra botones de pago de Stripe para facilitar las transacciones seguras en línea.
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.

Editor Pro theme widgets:

Build and customize all the key parts of your website including headers, footers, 404 page, global archives, and more…

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. Site Logo: Upload and customize your website’s logo for branding purposes.
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. Search Bar: Add a search bar to allow users to search your website’s content.
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.

Editor Pro WooCommerce widgets:

Diseña y personaliza una experiencia de compra online completa en toda tu 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 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!

🔒 Security and compliance

Elementor places a paramount focus on security, evident through our acquisition of industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications underscore our commitment to implementing robust security measures and highlight our dedication to adhering to recognized industry standards.

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.

♿ Accessibility best practices

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 varios idiomas, tipografías y RTL, con traducciones del editor en más de 63 idiomas.

It’s also compatible with WPML, Polylang, TranslatePress, Weglot, and more. To contribute, add a new language via translate.wordpress.org. See our guide on how to translate and localize the plugin.

🧩 Use of 3rd-party services

Para mejorar la experiencia del usuario, Elementor puede utilizar los siguientes servicios de terceros si la característica requerida está activada:

• Google Fonts are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy apply.
• Some Elementor features require loading assets from Elementor.com. These assets are not used for tracking unless explicitly stated, and require your approval and manual opt-in. Learn more in our TOS and Privacy Policy.

📧 Related products by Elementor

Image Optimization: Superior image compression for faster, high-quality website performance.

Email Deliverability: Reliable email management without SMTP plugins, keeping your communications streamlined and efficient.

Web Accessibility: Enhances website usability for individuals with disabilities. Ally is designed to help web creators make their websites more inclusive. It scans, detects, and remediates key accessibility violations, working seamlessly on all WordPress and Elementor websites.

📣 See what our users have to say

«Elementor es sin duda el mejor constructor de páginas que existe» – ★★★★★ Graphicvision1

«Un plugin increíblemente fácil de usar» – ★★★★★ Hyeyoga

«Sin duda, el plugin de WordPress que más uso» – …