Conclusiones clave
- Un complemento deslizante de Elementor es uno de dos productos: un creador independiente con su propio editor y línea de tiempo de animación, como Slider Revolution o Smart Slider 3, o un widget nativo de Elementor que se encuentra en el editor que ya utiliza.
- El widget Slides de Elementor Pro es su control deslizante de héroe, con fondo, encabezado, texto y botón por diapositiva y un efecto Ken Burns, mientras que Elementor gratuito cubre fondos de héroe giratorios con el tipo de fondo de presentación de diapositivas del contenedor.
- Master Addons crea controles deslizantes heroicos dentro de Elementor a través de la importación de Plinth Hero Slider y la extensión Background Slider, y ofrece 20 diseños de controles deslizantes y carrusel con nombre a través de Widget Builder, 12 de ellos en Pro.
- Slider Revolution no tiene un nivel gratuito y vende licencias anuales desde 45 euros para un sitio, con más de 200 plantillas y más de 30 complementos, y ofrece el marco frontal más pesado en esta comparación.
- La imagen de la primera diapositiva es el elemento de pintura con mayor contenido en casi todas las páginas de inicio de los controles deslizantes, por lo que servirla como WebP en tamaño de pantalla importa más de lo que lo representa el complemento.
El “complemento deslizante” cubre dos productos completamente diferentes y elegir la categoría incorrecta cuesta más que elegir el complemento incorrecto.
Una categoría son los creadores de controles deslizantes independientes como Slider Revolution y Smart Slider, con sus propios editores, sus propias líneas de tiempo de animación y su propia factura de peso de página. El otro son los widgets deslizantes nativos de Elementor que se encuentran dentro del editor que ya estás usando. Siete opciones en ambas categorías, juzgadas según lo que pueden crear y lo que le costó a la página. El línea completa de widgets de carrusel cubre la mitad que se desplaza hacia los lados y el Diseños de carrusel 3D cubre los basados en profundidad.
Tabla de contenidos
La respuesta corta
| Complemento | Tipo | Mejor para | Peso de la página |
|---|---|---|---|
| Complementos maestros | Widgets Elementor + importaciones | Deslizadores de héroe dentro de Elementor | Luz |
| Elementor Pro (Deslizadores + Carrusel multimedia + Bucle) | Nativo | Deslizadores dinámicos y multimedia | Luz |
| Control deslizante inteligente 3 | Independiente | Control deslizante animado en capas con un presupuesto limitado | Medio |
| Revolución deslizante | Independiente | Elaborados héroes animados | Pesado |
| metálico | Independiente | Presentaciones de diapositivas de imágenes sencillas | Luz |
| Elementos ilimitados | Widget elementor | Estilos deslizantes inusuales | Medio |
| Soliloquio | Independiente | Deslizadores de imágenes sencillos y rápidos | Luz |
Primero: ¿necesita algún complemento deslizante?
Vale la pena preguntar antes de gastar algo. Si quieres un héroe en pantalla completa con texto en capas animando una línea de tiempo, fondos de video y una panorámica de Ken Burns, ese es un creador de controles deslizantes y nada más lo hace bien.
Si quieres imágenes deslizándose con flechas y puntos, no necesitas una. El carrusel de imágenes gratuito de Elementor hace eso. Agregar Slider Revolution para una tira de fotos es un gran complemento para un trabajo pequeño, y lo sentirás en tus Core Web Vitals.
Y si lo que realmente quieres son varios elementos visibles a la vez desplazándose hacia los lados, quieres un carrusel, no un control deslizante. La diferencia entre los dos es lo que cambia el complemento que necesitas.
1. Complementos maestros: controles deslizantes de héroe sin salir de Elementor
Tipo: Widgets Elementor más importables Creador de widgets diseños.
Incluido: Carrusel de imágenes, deslizador de logotipo, deslizador de equipo, Cronograma, Comparación de imágenes, Blog en modo carrusel, la extensión Background Slider y ocho diseños importables.
Vale la pena ser preciso aquí, porque el marketing de complementos como este generalmente no lo es: no existe un solo widget llamado “Slider.” El trabajo de héroe se realiza de otras dos maneras y ambas permanecen dentro del editor Elementor. No hay una segunda interfaz y la salida es una instancia de Swiper en lugar de un marco separado.
El primero son las importaciones de diseño. Veinte diseños de diapositivas y carrusel con nombre, cada uno con una demostración en vivo. Ocho importaciones a través de complementos maestros → Creador de widgets → Importar widget. Plinth Hero Slider es el héroe de sangrado completo, con un pedestal de título, puntos, flechas, un contador de diapositivas y un enlace por diapositiva, mientras que Rostrum Quote Slider, Almanac Timeline Slider y Vitrine Plate Gallery cotizaciones de portada, líneas de tiempo y galerías de miniaturas. Los otros doce, entre ellos Meridian Coverflow y Halo Orbit, necesitan Pro.
El segundo es el Extensión deslizante de fondo. Convierte el fondo de cualquier contenedor en una presentación de diapositivas, que maneja el estuche “héroe con imágenes de fondo giratorias” sin ningún widget deslizante. A menudo es la respuesta más sencilla.
En el lado pago, Gallery Slider es la galería de tiras de miniaturas ya preparada y Ticker de noticias es la tira de titulares que se desplaza. Tampoco lo es un control deslizante de héroe.
Punct slab: sin línea de tiempo de animación de capas. Si necesita elementos de texto que se animen en un horario escalonado con flexibilización por capa, esto no es eso. Smart Slider o Slider Revolution lo es.
Consigue si: quieres controles deslizantes y carruseles de héroes desde un complemento, en un editor, sin una segunda canalización de activos. Qué incluye el complemento.
2. Elementor Pro: la opción nativa
Tipo: nativo.
Nivelul liber: Carrusel de imágenes, Galería básica.
Media Carousel maneja imágenes y videos con un aspecto de cobertura y Carrusel circular maneja contenido dinámico de una consulta. El control deslizante héroe es el widget Diapositivas: diapositivas de ancho completo, cada una con su propio fondo, encabezado, descripción y botón, un zoom de Ken Burns y transiciones de desvanecimiento o diapositivas. En Elementor gratuito, la ruta del héroe es un contenedor con un fondo de presentación de diapositivas, que también tiene Ken Burns y cinco transiciones, además de efectos de movimiento.
Ese enfoque de contenedor está subestimado. Un fondo de presentación de diapositivas, una animación de entrada y un efecto de desplazamiento le brindan la mayor parte de lo que ofrece un “control deslizante de héroe”, con cero peso de página adicional, utilizando el editor que ya tiene. Antes de instalar algo, intente construirlo de forma nativa.
Consigue si: ya tienes Pro y un héroe en capas con un bloque de texto por diapositiva es suficiente. Pruebe la ruta nativa antes de agregar un complemento.
3. Smart Slider 3: el sensato independiente
Tipo: constructor independiente.
Nivelul liber: generoso, cubriendo capas, animaciones y controles responsivos.
El mejor generador de controles deslizantes independiente y gratuito. Obtienes diapositivas en capas, controles de animación y edición responsiva sin pagar, y se conecta a Elementor con un widget.
Es notablemente más liviano que Slider Revolution y hace la mayoría de las mismas cosas, que es la razón principal para elegirlo.
Punct slab: es un segundo editor. Dejas Elementor, construyes el control deslizante, regresas y lo colocas. Para un héroe de página de inicio única, está bien. Para controles deslizantes de doce páginas se convierte en un impuesto al flujo de trabajo.
Consigue si: necesitas diapositivas animadas en capas y no quieres el peso ni el precio de Slider Revolution.
4. Revolución deslizante: potente y pesada
Tipo: constructor independiente.
Nivelul liber: ninguno.
El control deslizante más capaz de esta lista y el más pesado. Líneas de tiempo de capas, efectos de partículas, fondos de video, paralaje 3D, una gran biblioteca de plantillas. Si has visto un héroe animado elaborado en el sitio de una agencia, es muy probable que esto lo haya construido.
Se gana la reputación del peso de la página. Carga un marco sustancial y, en un host compartido con un TTFB lento, un héroe de Slider Revolution por encima del pliegue dañará tu pintura más contenta.
Punct slab: la mayoría de los sitios nunca utilizan una décima parte y, de todos modos, pagan todo el peso.
Consigue si: el control deslizante es realmente la pieza central del sitio y usted tiene el hosting para llevarlo.
5. MetaSlider: simple y rápido
Tipo: independiente.
Nivelul liber: sí, y es suficiente para presentaciones de diapositivas básicas.
MetaSlider hace una cosa: presentaciones de diapositivas de imágenes. Sin líneas de tiempo de capa, sin partículas. Elija imágenes, elija una transición, coloque el código corto.
Esa estrechez es la característica. Es liviano, existe desde hace mucho tiempo y no intenta ser una herramienta de diseño.
Punct slab: si necesitas texto sobre las imágenes con algún control real, lo superarás rápidamente.
Consigue si: quieres una presentación de diapositivas con una imagen simple y nada más.
6. Elementos ilimitados: estilos de control deslizante inusuales
Tipo: Biblioteca de widgets Elementor.
Nivelul liber: grande.
No es un creador de controles deslizantes, pero tiene muchos widgets en forma de controles deslizantes: controles deslizantes verticales, controles deslizantes divididos, coverflow y superposición, muchos de ellos gratuitos. Si quieres un estilo inusual específico en lugar de un creador de héroes, mira aquí primero.
Punct slab: coherencia de diseño variable en toda la biblioteca y suficientes widgets para administrarlos es su propio trabajo.
7. Soliloquio: velocidad como el campo
Tipo: independiente.
Nivelul liber: limitado.
Se posiciona en velocidad y el reclamo se mantiene. Es uno de los controles deslizantes más ligeros disponibles. Control deslizante de imagen y vídeo sencillos, configuración mínima.
Punct slab: el nivel gratuito es reducido y las funciones interesantes son de pago. A ese precio lo estás comparando con el nivel gratuito de Smart Slider, lo cual es difícil.
Deslizadores verticales
Vale la pena una nota aparte, porque la gente lo busca específicamente y la mayoría de los complementos lo manejan mal. Un control deslizante vertical se mueve hacia arriba y hacia abajo en lugar de hacia los lados. Funciona para diseños sección por sección de pantalla completa y para contenido de barra lateral estrecha. Falla en el móvil con más frecuencia que en la horizontal, porque el deslizamiento vertical compite con el desplazamiento de la página. El navegador no sabe si quiso avanzar el control deslizante o desplazarse por la página, y adivina mal.
Si construye uno, asegúrese de que libere el desplazamiento vertical en la primera y última diapositiva, o las personas quedarán atrapadas. Smart Slider y Slider Revolution manejan la vertical correctamente. La mayoría de los controles deslizantes basados en widgets lo tratan como una ocurrencia tardía. Si el movimiento vertical debe ser continuo en lugar de deslizarse por deslizamiento, se trata de una marquesina y la guía de marquesinas cubre el edificio uno verticalmente.
La pregunta del peso de la página, directa
Los controles deslizantes son la causa más común de una pintura de contenido más grande y mala en una página de inicio de WordPress. No porque deslizarse sea caro, sino por lo que hay dentro:
- Imágenes de tamaño completo. Un héroe de cinco diapositivas a 2 MB cada una son 10 MB antes de que se anime algo. Sirva WebP en el tamaño de pantalla real.
- Todas las diapositivas se cargan a la vez. Los controles deslizantes representan cada diapositiva. Cargue todo con pereza más allá del primero. Deslizadores de vídeo son el peor de los casos, porque cada diapositiva fuera de la pantalla carga un reproductor.
- Peso marco. Los constructores independientes cargan su propio motor de animación encima de todo lo demás en la página.
- Colocación por encima del pliegue. El control deslizante se convierte en su elemento LCP por definición. Está bien si es un WebP de 150 KB; no lo es si es un JPEG de 2MB detrás de un marco de 300 KB.
La regla práctica: elijas lo que elijas, la imagen de la primera diapositiva es lo que debes optimizar. Todo lo demás puede cargarse perezosamente. Esa imagen es tu puntuación Core Web Vitals.
Cuál elegir
Ya usamos Elementor y quiero un héroe: pruebe primero un contenedor con un fondo de presentación de diapositivas o el widget de diapositivas si tiene Pro. No cuesta nada extra y normalmente es suficiente.
Necesita diapositivas animadas en capas: Smart Slider 3. El nivel gratuito hace la mayor parte.
El control deslizante es la pieza central del sitio: Slider Revolution, con un presupuesto de hosting a la altura.
Quiere controles deslizantes y carruseles de un complemento sin salir de Elementor: Complementos maestros. Seis carrusel y widgets deslizantes más la extensión Background Slider, ocho diseños importantes, incluido un héroe de sangrado completo, y Control deslizante de galería en Pro.
Presentación de diapositivas de imagen simple: MetaSlider. No lo pienses demasiado.
Preguntas frecuentes
¿elementor tiene un control deslizante incorporado?
Sí. Elementor free tiene un carrusel de imágenes y un tipo de fondo de presentación de diapositivas para contenedores. Elementor Pro agrega el widget de diapositivas, un control deslizante de héroe con fondo, encabezado, texto y botón por diapositiva, además de carrusel de medios y carrusel de bucles. Sin Pro, cree un contenedor con un fondo de presentación de diapositivas o importe un diseño de héroe desde un complemento.
¿cuál es el mejor complemento deslizante gratuito de Elementor?
Smart Slider 3 tiene el nivel independiente gratuito más sólido: capas, animaciones y controles responsivos sin pagar. Si prefiere permanecer dentro de Elementor, Master Addons y Unlimited Elements agregan widgets deslizantes y carrusel al editor sin Elementor Pro. Master Addons también importa ocho diseños con nombre a través de Master Addons → Widget Builder → Import Widget, incluido Plinth Hero Slider para héroes de ancho completo y Rostrum Quote Slider para testimonios.
¿los complementos deslizantes ralentizan WordPress?
Los creadores independientes como Slider Revolution agregan un costo de marco real y cualquier control deslizante agrega peso de imagen porque todas las diapositivas se representan a la vez. El factor más importante es la imagen de la primera diapositiva, que se convierte en su pintura de contenido más grande. Sirva como WebP optimizado en tamaño de pantalla y cargue el resto con pereza.
¿cuál es la diferencia entre un control deslizante y un carrusel?
Un control deslizante muestra una diapositiva a la vez, generalmente de ancho completo, y suele ser un héroe. Un carrusel muestra varios a la vez en una pista horizontal. Necesitan diferentes complementos: creadores de controles deslizantes para el primero, bibliotecas de widgets para el segundo.
¿puedo hacer un control deslizante vertical en Elementor?
Sí, con un complemento deslizante que admite el modo vertical. Smart Slider y Slider Revolution lo hacen. Pruebe cuidadosamente en dispositivos móviles, porque el deslizamiento vertical compite con el desplazamiento de la página, y asegúrese de que el control deslizante libere el desplazamiento en la primera y última diapositiva para que los visitantes no queden atrapados.
¿debería usar Slider Revolution con Elementor?
Sólo si necesitas lo que hace: líneas de tiempo de capas, partículas, paralaje 3D, fondos de vídeo. Para un héroe estándar o un carrusel, es más complemento del que necesita el trabajo y el peso aparece en Core Web Vitals. Pruebe primero la ruta nativa de Elementor.
Cada guía deslizante y carrusel de Elementor en esta serie
Esta comparación y el resumen del carrusel son los dos centros de una serie de 14 postes. Las guías debajo de cada una cubren un tipo de control deslizante o carrusel, o un problema recurrente como los conflictos de Swiper.
- Carrusel Elementor vs Slider: ¿Cuál es la diferencia?
- Widgets gratuitos del carrusel Elementor: lo que es realmente gratuito
- 20 plantillas deslizantes Elementor, 8 de ellas gratuitas: flujo de cobertura, línea de tiempo, testimonios y más
- Carrusel Elementor Loop: cómo funciona y cuándo utilizarlo
- Control deslizante Elementor Swiper: cómo funciona y cómo solucionarlo
- Cómo crear un carrusel de imágenes en Elementor
- Carrusel Elementor 3D: Coverflow, Flip, Arc y Orbit
- Cómo crear un carrusel testimonial en Elementor
- Cómo crear un carrusel de logotipos en Elementor
- Carrusel de productos WooCommerce en Elementor: tres formas de funcionar
- Carrusel de vídeo Elementor y control deslizante de galería
- Marquea Elementor: texto, logotipos y tickers de desplazamiento infinito
- Los 7 mejores complementos de carrusel Elementor comparados
Siguiente
Si lo que estás construyendo muestra varios elementos a la vez, estás buscando un carrusel y las herramientas son diferentes. Resumen del complemento carrusel cubre esa categoría correctamente.
Cada widget de control deslizante y carrusel en un solo lugar: Widgets del carrusel Elementor. Y cuando la lista de compras va más allá de los controles deslizantes, el Los 100 mejores complementos de Elementor el resumen es la visión a largo plazo.
Cuando busca una licencia, el Página de precios de complementos maestros muestra en qué nivel se encuentra cada diseño Pro.
