Um controle deslizante mostra um slide de cada vez, geralmente com largura total, e avança para substituí-lo Um carrossel mostra vários itens de uma só vez em uma trilha horizontal que rola lateralmente Ambos usam o mesmo biblioteca Swiper subjacente no Elementor. a diferença é quantos slides são visíveis, e isso muda para que cada um é bom.
Na prática, ambas as palavras são usadas para ambas as coisas, inclusive por criadores de plugins Então a pergunta mais útil não é como chamá-la É qual sua seção precisa, e qual widget carrossel o constrói.
A diferença em uma tabela
| Deslizador | Carrossel | |
|---|---|---|
| Visível de uma vez | Um | Dois a seis |
| Largura típica | Largura total ou tela cheia | Largura do conteúdo |
| Posição habitual | Herói, topo da página | Seção de página intermediária |
| Trabalho | Faça uma declaração de cada vez | Mostre que existe um conjunto |
| Reprodução automática | Comum | Geralmente um erro |
| Conteúdo típico | Banners de campanha, imagens de heróis | Logotipos, produtos, postagens, depoimentos |
Como dizer qual você precisa
Uma pergunta: o visitante precisa comparar os itens?
Se sim, carrossel. Produtos, membros da equipe, posts relacionados, logotipos: o valor está em ver vários de uma vez e escolher Mostre um de cada vez e você transformou um olhar em um exercício de memória.
Se não, controle deslizante Um herói de campanha, uma promoção sazonal, uma fotografia de sangramento total Nada está sendo comparado; cada slide é sua própria declaração.
Segunda questão, que decide quando a primeira é um empate: alguma coisa se perde se o visitante nunca a avançar? Se a resposta for “no, o slide um carrega a mensagem,” um slider é seguro Se a resposta for “yes, o bom está no slide quatro,” não use um slider, porque a maioria das pessoas nunca chega ao slide quatro.
A regra de reprodução automática
Os controles deslizantes podem reproduzir automaticamente. Os carrosséis, em sua maioria, não deveriam.
Um controle deslizante herói com uma rotação de cinco segundos está mostrando variações decorativas em uma mensagem O slide dois ausente não custa nada.
Um carrossel geralmente contém itens clicáveis: produtos, postagens, cartões de equipe A reprodução automática significa a coisa que alguém está buscando se move para fora de seu cursor A pausa no hover corrige a área de trabalho e não faz nada no toque, onde está a maior parte do seu tráfego.
A exceção é uma tira de logotipo Nada lá está sendo lido ou clicado, então o movimento contínuo não custa nada e mostra mais logotipos. Defina o atraso de reprodução automática como zero e torna-se uma marquise.
Qual widget Elementor constrói qual
Deslizadores, um slide de cada vez, em forma de herói:
- Slides (Elementor Pro): herói de largura total com texto em camadas
- Plinth Hero Slider (gratuito): design de herói de sangramento total do conjunto de 20 designs
- Extensão do controle deslizante de fundo (gratuito): transforma um fundo de contêiner em uma apresentação de slides
- Slider de citação de tribuna (gratuito): um orçamento de cliente por vez, retrato ao lado do texto
- Galeria Slider (Pro): visualização grande com uma faixa em miniatura
- Galeria de Placas Vitrine (gratuito): mesmo formato, placa única sob uma faixa em miniatura
- Smart Slider ou Slider Revolution, para heróis animados em camadas (comparado aqui)
Carrosséis, vários ao mesmo tempo:
- Carrossel de Imagem (gratuito): fotos, legendas, lightbox, coverflow
- Fluxo de cobertura do meridiano (Pro): Fluxo de cobertura 3D com painéis laterais giratórios
- Deslizador Logo (gratuito): apesar do nome, este é um carrossel
- Team Slider (gratuito): também um carrossel, também mal nomeado
- Widget de blog no modo carrossel (gratuito): postagens puxadas por consulta
- Carrossel Loop (Elementor Pro): dinâmico, orientado a consultas
A inconsistência de nomenclatura nessa segunda lista é toda a razão pela qual esta página existe. “Logo Slider” e “Team Slider” mostram seis itens de uma só vez, o que os torna carrosséis por qualquer definição de trabalho A nomeação de plugins segue o hábito, não a taxonomia.
A mesma divisão percorre o conjunto de design: alguns dos vinte Construtor de widgets os designs são controles deslizantes, alguns são carrosséis e o modelos de controle deslizante arredondar etiquetas cada um Oito importação livre, e o página preços cobre o resto.
Um widget pode fazer as duas coisas?
Normalmente, sim. Defina slides-per-view como 1 em um widget de carrossel e ele se comporta como um controle deslizante. Defina-o como 4 em um widget deslizante e ele se comporta como um carrossel.
Ambos correm no Swiper por baixo e slidesPerView é a configuração que os separa O que significa que escolher o widget “wrong” raramente é fatal Você ajusta um número.
Onde isso importa: os controles deslizantes de herói vêm com layout de largura total, posicionamento de texto de sobreposição e manuseio de fundo que os widgets de carrossel não têm Os widgets de carrossel vêm com controle de lacunas, densidade por ponto de interrupção e navegação projetada para uma trilha Usar um como o outro significa reconstruir esses padrões manualmente.
Quando usar nenhum dos dois
Dois casos, e cobrem mais sites do que as pessoas esperam.
Menos de cinco itens. Um carrossel com três slides é uma grade que faz as pessoas trabalharem para ele Mostrar todos os três.
Um herói carregando sua mensagem principal. Banners de heróis rotativos medem mal há anos Os visitantes tratam a região em movimento como um anúncio e pulam, e slides após o primeiro quase não recebem atenção Se você tiver uma mensagem, coloque-a em um herói estático Um herói rotativo geralmente é quatro equipes cada recebendo um slide, que é uma solução org-chart para um problema de design.
Perguntas frequentes
Qual é a diferença entre um carrossel e um controle deslizante?
Um controle deslizante exibe um slide de cada vez, geralmente em largura total, e o substitui com antecedência Um carrossel exibe vários itens simultaneamente em uma trilha horizontal que rola lateralmente Os controles deslizantes se adequam a heróis e declarações únicas; carrosséis se adequam a conjuntos de itens que as pessoas comparam ou navegam.
O Carrossel de Imagens da Elementor é um controle deslizante ou um carrossel?
Um carrossel por padrão Ele mostra várias imagens de uma só vez com slides-per-view Defina slides-per-view como 1 e ele se comporta como um controle deslizante Ambos usam a mesma biblioteca Swiper embaixo, então a distinção é uma configuração em vez de uma tecnologia diferente.
Devo usar um carrossel ou controle deslizante na minha página inicial?
Para o herói, geralmente nenhum dos dois Um herói estático com uma mensagem clara supera um rotativo, porque os visitantes pulam regiões de banner em movimento e raramente veem o slide um passado Use carrosséis mais abaixo na página para logotipos, produtos, depoimentos ou postagens relacionadas, onde mostrar um conjunto é o ponto.
Por que os plugins chamam carrosséis de “sliders”?
Hábito. “Slider” tornou-se o termo genérico do WordPress anos antes de carrosséis serem comuns, então widgets que exibem seis itens de uma só vez ainda o carregam Logo Slider e Team Slider são ambos carrosséis por função Leia a configuração de slides por visualização em vez do nome do widget.
Os carrosséis prejudicam as taxas de conversão?
Banners de heróis rotativos têm. O padrão testou mal por mais de uma década, principalmente porque os slides após o primeiro recebem muito pouca atenção e a região em movimento é lida como publicidade Os carrosséis de página média mostrando logotipos, produtos ou conteúdo relacionado não têm o mesmo problema, porque o visitante escolhe se envolver em vez de ser girado.
A versão curta
Comparando itens, no meio da página: carrossel Uma declaração de cada vez, topo da página: controle deslizante Menos de cinco itens: nenhum dos dois Mostre todos eles.
Cada widget para ambos está listado no Widgets Carrossel Elementor página. Se você se instalou em um carrossel, a comparação de plugins cobre qual addon usar; se for um controle deslizante que você precisa, essa é uma lista diferente.
