El “complemento deslizante” cubre dos productos completamente diferentes y elegir la categoría incorrecta cuesta más que elegir el complemento incorrecto.
Los controles deslizantes y carruseles se superponen lo suficiente como para que valga la pena saber cuál estás construyendo realmente. 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.
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.
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 (Carrusel de medios + 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 |
| MetaSlider | 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.
Nivelul liber: Carrusel de imágenes, control deslizante de logotipo, control deslizante de equipo, línea de tiempo, 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, ambas gratuitas 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 del complemento gratuito a través de Master Addons → Widget Builder → Import 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 cubren citas, 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, también gratis. 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 News Ticker es la tira de titulares en desplazamiento. 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é hay en el nivel libre.
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. Carrusel circular maneja contenido dinámico de una consulta. Tampoco es un control deslizante de héroe y Elementor no tiene uno dedicado. En su lugar, las personas construyen héroes a partir de un contenedor con un fondo y efectos de movimiento.
Ese enfoque está subestimado. Un contenedor con una imagen de fondo, una animación de entrada y un efecto de desplazamiento le brinda la mayor parte de lo que ofrece un “control deslizante de héroe”, sin peso de página adicional, utilizando el editor que ya tiene. Antes de instalar algo, intenta construirlo de forma nativa.
Consigue si: ya tienes Pro. 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 una imagen de fondo y efectos de movimiento. No cuesta nada y suele ser 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 widgets de carrusel y control deslizante más la extensión Background Slider gratuita, ocho diseños importables, incluido un héroe de sangrado completo en el complemento gratuito, 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?
No es un control deslizante de héroe dedicado. Elementor free tiene un carrusel de imágenes; Elementor Pro agrega un carrusel multimedia y un carrusel circular. Para un héroe de ancho completo, la mayoría de las personas crean un contenedor con una imagen de fondo más efectos de movimiento, o agregan un widget deslizante 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 incluyen widgets deslizantes y carrusel en sus niveles gratuitos. El complemento gratuito 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.
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.
