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

Descripción

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!. A new generation of performance-first atomic building blocks that puts 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. Elementor AI builds in the same structure, so anything it generates is a native, fully editable part of your site.

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.

🌟 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.
• Agentic AI for WordPress capabilities: Describe what you want in natural language and Elementor AI builds it: custom widgets, sections, full layouts, and WordPress snippets, delivered as production-ready, fully editable code native to your site.

🗝️ Características clave:

• Design system: Use Variables and Classes for consistent colors, typography, and design elements that update everywhere at once.
• 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.
• 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.
• Revision history: Track and revert to previous versions of your designs at any point in the creative process.
• Developer-friendly: Extensive documentation, API, developer tools, and custom code areas, let developers extendElementor and build custom solutions.
• Floating buttons: Add customizable, floating action buttons that stay in view as users scroll.
• Components [Pro]: Reuse the same building blocks across pages and sites, and update them everywhere they appear, with controlled content editing, so collaborators and clients update only exposed content properties.
• 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.
• Popup Builder [Pro]: Create popups with advanced targeting and triggering options to optimize user engagement and conversions.
• 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]: Design custom product pages, shop layouts, archives, carts, checkout and account pages for your store.
• Dynamic Content [Pro]: Connect your designs to data sources to build personalized, interactive web experiences.
• Notes [Pro]: Leave feedback and comments directly on the design interface for better team collaboration.
• Código personalizado [Pro]: Inserta código personalizado para ampliar la funcionalidad de tu sitio, ofreciendo flexibilidad para personalizaciones avanzadas.
• Custom CSS [Pro]: Apply Custom CSS to fine-tune the styling of elements with precise control.
• 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

Access a suite of free widgets and tools built to support your website creation process:

• 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.
• And more.

🚀 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 optimizados: hojas de estilo y scripts minimizados que se cargan individualmente solo cuando es necesario, para acelerar los tiempos de carga.
• 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.

🔥 Funcionalidades 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 de Elementor Pro:

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. WordPress Menu: Customize and style your website’s navigation menu.
8. Titular animado: Crea titulares llamativos con efectos animados.
9. Price Table: Display pricing plans or packages in a structured format.
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.
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. Comentarios de Facebook: Activa los comentarios de Facebook en las páginas o entradas de tu web.
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.

Widgets de tema de Elementor Pro:

Construye y personaliza todas las partes clave de tu sitio web, incluyendo cabeceras, pies de página, página 404, archivos globales y mucho 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 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!

🔒 Seguridad y cumplimiento normativo

Elementor places a strong backed by industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications reflect our commitment to robust security measures and 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.

♿ 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 varios 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 otros. 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

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

Correo web: Gestión fiable del correo electrónico sin plugins SMTP, manteniendo tus comunicaciones ágiles y eficientes.

Ally: Improves website usability for people with disabilities. Ally scans, detects, and remediates key accessibility violations, and works on all WordPress and Elementor websites.

Manage: Centralized dashboard to monitor, optimize, and maintain multiple WordPres sites without switching between individual site admins.

Cookiez: GDPR and CCPA compliant cookie banner with automatic cooking scanning, script blocking and consent logging.

Activity Log: Records every change on your WordPress site, who did it, when, and where the request came from (WP Admin, REST API, WP-CLI, WP-Cron, or the WP Abilities API), for a full audit trail).

📣 Mira lo que dicen nuestros usuarios

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

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

More testimonials

🌍 Join a global community

Join a global community that helps each other achieve their goals.

• Facebook Community – Over 150K+ members, offering support, advice, feedback, and tutorials.
• Learn valuable insights and techniques from our YouTube Channel.
• Show your support by …