Principais conclusões
- Um plugin deslizante Elementor é um dos dois produtos: um construtor autônomo com seu próprio editor e linha do tempo de animação, como Slider Revolution ou Smart Slider 3, ou um widget nativo do Elementor que vive no editor que você já usa.
- O widget Slides do Elementor Pro é o seu controle deslizante herói, com um plano de fundo, cabeçalho, texto e botão por slide e um efeito Ken Burns, enquanto o Elementor gratuito cobre fundos de heróis rotativos com o tipo de fundo Slideshow do contêiner.
- Master Addons constrói controles deslizantes de herói dentro do Elementor por meio da importação Plinth Hero Slider e da extensão Background Slider, e oferece 20 designs nomeados de controle deslizante e carrossel por meio do Widget Builder, 12 deles no Pro.
- O Slider Revolution não tem nível gratuito e vende licenças anuais a partir de 45 euros para um site, com mais de 200 modelos e mais de 30 complementos, e carrega a estrutura front-end mais pesada nesta comparação.
- A imagem do primeiro slide é o maior elemento de pintura contencioso em quase todas as páginas iniciais do slider, portanto, servi-lo como um WebP no tamanho da exibição é mais importante do que qual plugin o renderiza.
O plugin “Slider” cobre dois produtos completamente diferentes, e escolher a categoria errada custa mais do que escolher o plugin errado.
Uma categoria são construtores de sliders autônomos como Slider Revolution e Smart Slider, com seus próprios editores, suas próprias linhas de tempo de animação e sua própria conta de peso de página O outro são widgets de slider nativos do Elementor que vivem dentro do editor que você já está usando Sete opções em ambas as categorias, julgadas pelo que podem construir e pelo que custam a página linha completa de widgets carrossel cobre a metade de rolagem lateral e o Projetos carrossel 3D cubra os baseados em profundidade.
Índice
A resposta curta
| Plug-in | Tipo | Melhor para | Peso página |
|---|---|---|---|
| Adições Mestres | Widgets elementor + importações | Deslizadores de herói dentro do Elementor | Luz |
| Elementor Pro (Slides + Carrossel de Mídia + Loop) | Nativo | Sliders dinâmicos e de mídia | Luz |
| controle deslizante inteligente 3 | Autônomo | Sliders animados em camadas com orçamento limitado | Médio |
| Revolução Slider | Autônomo | Elaborar heróis animados | Pesado |
| Metaslider | Autônomo | Apresentações de slides de imagens simples | Luz |
| Elementos Ilimitados | Widget elementor | Estilos de controle deslizante incomuns | Médio |
| Solilóquio | Autônomo | Sliders de imagem simples e rápidos | Luz |
Primeiro: você precisa de um plugin deslizante?
Vale a pena perguntar antes de gastar qualquer coisa Se você quer um herói em tela cheia com texto em camadas animando em uma linha do tempo, fundos de vídeo e uma panela Ken Burns, isso é um construtor de controle deslizante e nada mais faz bem.
Se você quer imagens deslizando com setas e pontos, você não precisa de uma Carrossel de Imagens grátis da Elementor faz isso Adicionando Slider Revolution para uma tira de fotos é um monte de plugin para um trabalho pequeno, e você vai sentir isso em seus Core Web Vitals.
E se o que você realmente deseja são vários itens visíveis ao mesmo tempo rolando lateralmente, você quer um carrossel, não um controle deslizante. A diferença entre os dois é o que altera o plugin que você precisa.
1. Master Addons: controles deslizantes de herói sem sair do Elementor
Tipo: Widgets Elementor mais importáveis Construtor de widgets desenhos.
Incluído: Carrossel de Imagem, controle deslizante de logotipo, controle deslizante de equipe, Linha do tempo, Comparação Imagem, Blog em modo carrossel, a extensão Background Slider e oito designs importáveis.
Vale a pena ser preciso aqui, porque o marketing em plugins como este geralmente não é: não há um único widget chamado “Slider.” O trabalho do herói é feito de duas outras maneiras, e ambos ficam dentro do editor Elementor Não há uma segunda interface, e a saída é uma instância do Swiper em vez de uma estrutura separada.
A primeira são as importações de design. Vinte designs de controle deslizante e carrossel nomeados, cada um com uma demonstração ao vivo. Oito importação através de Master Addons → Widget Builder → Import Widget. Plinth Hero Slider é o herói de sangramento total, com um pedestal de legenda, pontos, setas, um contador de slides e um link por slide, enquanto Rostrum Quote Slider, Almanac Timeline Slider e Vitrine Plate Gallery cobrem citações, linhas do tempo e galerias de miniaturas Os outros doze, Meridian Coverflow e Halo Orbit entre eles, precisam Pro.
O segundo é o Extensão do controle deslizante de fundo. Ele transforma o fundo de qualquer contêiner em uma apresentação de slides, que lida com o “hero com imagens de fundo rotativas, caso” sem um widget deslizante. Muitas vezes é a resposta mais simples.
Do lado pago, Gallery Slider é a galeria de tiras em miniatura pronta e Ticker Notícias é a faixa de manchete de rolagem. Nenhum dos dois é um controle deslizante de herói.
Ponto fraco: sem linha do tempo de animação de camada Se você precisar de elementos de texto animando em uma programação escalonada com flexibilização por camada, isso não é isso Smart Slider ou Slider Revolution é.
Obtenha se: você quer controles deslizantes e carrosséis de heróis de um plugin, em um editor, sem um segundo pipeline de ativos. O que o plugin inclui.
2. Elementor Pro: a opção nativa
Tipo: nativo.
Nível livre: Carrossel de Imagens, Galeria Básica.
O Media Carousel lida com imagens e vídeos com uma skin de fluxo de cobertura e Carrossel Loop lida com conteúdo dinâmico de uma consulta O controle deslizante herói é o widget Slides: slides de largura total, cada um com seu próprio fundo, título, descrição e botão, um zoom Ken Burns e transições de fade ou slide No Elementor livre a rota herói é um contêiner com um fundo Slideshow, que também tem Ken Burns e cinco transições, além de Efeitos de Movimento.
Essa abordagem de contêiner é subestimada Um plano de fundo de apresentação de slides, uma animação de entrada e um efeito de rolagem obtêm a maior parte do que um slider” “hero oferece, com zero peso de página extra, usando o editor que você já possui Antes de instalar qualquer coisa, tente construí-lo nativamente.
Obtenha se: você já tem Pro e um herói em camadas com um bloco de texto por slide é suficiente Experimente a rota nativa antes de adicionar um plugin.
3. Smart Slider 3: o autônomo sensato
Tipo: construtor autônomo.
Nível livre: generoso, cobrindo camadas, animações e controles responsivos.
O melhor construtor de controle deslizante autônomo gratuito Você obtém slides em camadas, controles de animação e edição responsiva sem pagar, e ele se conecta ao Elementor com um widget.
É visivelmente mais leve que o Slider Revolution enquanto faz a maioria das mesmas coisas, que é a principal razão para escolhê-lo.
Ponto fraco: é um segundo editor Você deixa o Elementor, constrói o controle deslizante, volta e coloca Para um único herói de página inicial que está bem Para controles deslizantes em doze páginas torna-se um imposto de fluxo de trabalho.
Obtenha se: você precisa de slides animados em camadas e não quer o peso ou o preço do Slider Revolution.
Revolução 4. slider: poderoso e pesado
Tipo: construtor autônomo.
Nível livre: nenhum.
O controle deslizante mais capaz nesta lista, e o mais pesado, Linhas do tempo em camadas, efeitos de partículas, fundos de vídeo, paralaxe 3 D, uma grande biblioteca de modelos Se você viu um herói animado elaborado em um site de agência, há uma chance justa de que isso tenha construído.
A reputação do peso da página é conquistada Ele carrega uma estrutura substancial e, em um host compartilhado com um TTFB lento, um herói do Slider Revolution acima da dobra machucará sua maior pintura contente.
Ponto fraco: a maioria dos sites nunca usa um décimo dele e paga o peso total de qualquer maneira.
Obtenha se: o controle deslizante é genuinamente a peça central do site e você tem a hospedagem para carregá-lo.
MetaSlider 5.: simples e rápido
Tipo: autônomo.
Nível livre: sim, e é suficiente para apresentações de slides básicas.
MetaSlider faz uma coisa: imagens slideshows Sem linhas do tempo de camada, sem partículas Escolha imagens, escolha uma transição, coloque o shortcode.
Essa estreiteza é a característica É leve, já existe há muito tempo, e não tenta ser uma ferramenta de design.
Ponto fraco: se precisar de texto sobre as imagens com algum controle real, você vai superá-lo rapidamente.
Obtenha se: você quer uma apresentação de slides de imagem simples e nada mais.
Elementos 6. unlimited: estilos incomuns do controle deslizante
Tipo: Biblioteca de widgets Elementor.
Nível livre: grande.
Não é um construtor de sliders, mas tem muitos widgets em forma de slider: sliders verticais, sliders divididos, fluxo de cobertura e sobreposição, muitos deles gratuitos Se você quiser um estilo incomum específico em vez de um construtor de heróis, olhe aqui primeiro.
Ponto fraco: consistência de design variável em toda a biblioteca e widgets suficientes para gerenciá-los é seu próprio trabalho.
7. Solilóquio: velocidade como campo
Tipo: autônomo.
Nível livre: limitado.
Posiciona-se na velocidade, e a reivindicação se sustenta É um dos controles deslizantes mais leves disponíveis Sliders de imagem e vídeo diretos, configuração mínima.
Ponto fraco: o nível gratuito é fino e os recursos interessantes são pagos Nesse preço você está comparando com o nível livre do Smart Slider, que é difícil.
Sliders verticais
Vale uma nota separada, porque as pessoas procuram por ele especificamente e a maioria dos plugins lidar mal com ele Um controle deslizante vertical se move desliza para cima e para baixo em vez de lateralmente Ele funciona para layouts de seção por seção de tela cheia e para conteúdo barra lateral estreita Ele falha no celular mais frequentemente do que horizontal, porque deslizamento vertical compete com rolagem de página O navegador não sabe se você pretendia avançar o controle deslizante ou rolar a página, e ele adivinha errado.
Se você construir um, certifique-se de que ele libere rolagem vertical no primeiro e no último slide, ou as pessoas fiquem presas Smart Slider e Slider Revolution ambos lidam com a vertical corretamente A maioria dos sliders baseados em widgets trata isso como uma reflexão tardia Se o movimento vertical é feito para ser contínuo em vez de deslizar por slide, que é uma marquise em vez disso, e o guia marquise abrange a construção de um verticalmente.
A pergunta do peso da página, direto
Os controles deslizantes são a causa mais comum de uma tinta com maior conteúdo ruim em uma página inicial do WordPress Não porque deslizar seja caro, mas por causa do que está dentro:
- Imagens em tamanho real. Um herói de cinco slides a 2 MB cada é de 10 MB antes que qualquer coisa seja animada Servir WebP no tamanho real da exibição.
- Todos os slides carregando de uma só vez. Os controles deslizantes renderizam cada slide. Carregue com preguiça tudo além do primeiro. Sliders vídeo são o pior caso, porque cada slide fora da tela carrega um jogador.
- Peso-quadro. Construtores autônomos carregam seu próprio mecanismo de animação em cima de tudo o mais na página.
- Colocação acima da dobra. O controle deslizante se torna seu elemento LCP por definição Isso é bom se for um WebP de 150 KB; não é se for um JPEG de 2 MB atrás de uma estrutura de 300 KB.
A regra prática: o que quer que você escolha, a imagem do primeiro slide é a coisa a otimizar Todo o resto pode ser preguiçoso-carregar Essa imagem é a sua pontuação Core Web Vitals.
Qual escolher
Já usando Elementor e quero um herói: experimente primeiro um contêiner com um plano de fundo de apresentação de slides ou o widget Slides se você tiver Pro. Não custa nada extra e geralmente é suficiente.
Precisa de slides animados em camadas: Smart Slider 3. O nível livre faz a maior parte.
O controle deslizante é a peça central do site: Slider Revolution, com um orçamento de hospedagem correspondente.
Quer controles deslizantes e carrosséis de um plugin sem sair do Elementor: Complementos mestres. Seis widgets carrossel e controle deslizante, além da extensão Background Slider, oito designs importáveis, incluindo um herói de sangramento total, e Galeria Slider no Pro.
Apresentação de slides de imagens simples: MetaSlider. Não pense demais.
Perguntas frequentes
Elementor tem um controle deslizante embutido?
Sim. Elementor free tem um Carrossel de Imagens e um tipo de fundo de Apresentação de Slides para containers Elementor Pro adiciona o widget Slides, um slider herói com um fundo, cabeçalho, texto e botão por slide, além de Carrossel de Mídia e Carrossel de Loop Sem Pro, construir um container com um fundo de Apresentação de Slides ou importar um design herói de um addon.
Qual é o melhor plugin de controle deslizante Elementor gratuito?
Smart Slider 3 tem o nível autônomo livre mais forte: camadas, animações e controles responsivos sem pagar Se você preferir ficar dentro do Elementor, Master Addons e Unlimited Elements adicionam widgets de controle deslizante e carrossel ao editor sem o Elementor Pro. Master Addons também importa oito designs nomeados através do Master Addons → Widget Builder → Import Widget, incluindo Plinth Hero Slider para heróis de largura total e Rostrum Quote Slider para depoimentos.
Os plugins deslizantes diminuem a velocidade do WordPress?
Construtores autônomos como o Slider Revolution adicionam um custo real de estrutura, e qualquer controle deslizante adiciona peso de imagem porque todos os slides renderizam de uma só vez O maior fator único é a imagem do primeiro slide, que se torna sua maior pintura contenciosa Servir como um WebP otimizado no tamanho da tela e preguiçosamente carregar o resto.
Qual é a diferença entre um controle deslizante e um carrossel?
Um controle deslizante mostra um slide de cada vez, geralmente com largura total, e é tipicamente um herói Um carrossel mostra vários de uma vez em uma trilha horizontal Eles precisam de plugins diferentes: construtores de controles deslizantes para o primeiro, bibliotecas de widgets para o segundo.
Posso fazer um controle deslizante vertical no Elementor?
Sim, com um plugin de controle deslizante que suporta o modo vertical Smart Slider e Slider Revolution ambos fazem Teste cuidadosamente no celular, porque o deslizamento vertical compete com o rolagem de página, e certifique-se de que o controle deslizante libera rolagem no primeiro e último slide para que os visitantes não fiquem presos.
Devo usar o Slider Revolution com Elementor?
Só se precisar do que ele faz: linhas do tempo das camadas, partículas, paralaxe 3 D, fundos de vídeo Para um herói padrão ou um carrossel é mais plugin do que o trabalho precisa, e o peso aparece em Core Web Vitals Experimente primeiro a rota nativa do Elementor.
Cada controle deslizante Elementor e guia carrossel nesta série
Esta comparação e o arredondamento do carrossel são os dois hubs de uma série de 14 postes As guias abaixo de cada um cobrem um tipo de controle deslizante ou carrossel, ou um problema recorrente, como conflitos de Swiper.
- Carrossel Elementor vs Slider: Qual é a Diferença?
- Widgets carrossel Elementor grátis: o que é realmente grátis
- 20 modelos de controle deslizante de elementor, 8 deles gratuitos: fluxo de cobertura, linha do tempo, depoimento e muito mais
- Carrossel Elementor Loop: Como Funciona e Quando Usar
- Slider do swiper do elementor: como funciona e como corrigi-lo
- Como Criar um Carrossel de Imagens no Elementor
- Carrossel Elementor 3 D: Coverflow, Flip, Arc e Orbit
- Como Criar um Carrossel de Depoimento no Elementor
- Como Criar um Carrossel de Logotipo no Elementor
- Carrossel de produtos WooCommerce no elementor: três maneiras de funcionar
- Carrossel de vídeo Elementor e controle deslizante de galeria
- Elementor Marquee: Texto de rolagem infinito, logotipos e tickers
- 7 Melhores plugins de carrossel de elementadores comparados
Próximo
Se o que você está construindo mostra vários itens de uma só vez, você está procurando um carrossel e o ferramental é diferente. O resumo do plugin do carrossel cobre essa categoria adequadamente.
Cada widget de controle deslizante e carrossel em um só lugar: Widgets Carrossel Elementor. E quando a lista de compras vai além dos controles deslizantes, o 100 melhores complementos Elementor roundup é a visão longa.
Quando você solicita uma licença, o Página de preços Master Addons mostra em qual nível cada design Pro está.
