Principais conclusões
- Na comparação Elementor alternar vs acordeão, a única diferença funcional é quantos itens permanecem abertos: um acordeão mantém um item aberto e uma alternância permite que vários permaneçam abertos ao mesmo tempo.
- O Elementor 4.3 oculta o widget Alternar do painel de widgets, e o widget Accordion cobre ambos os comportamentos por meio do Max Items Expanded, que é definido como Um ou Múltiplo.
- As guias Elementor mostram uma linha de títulos acima de uma única área de conteúdo, e cada guia pode conter qualquer widget, que se adapta a três a seis seções de peso semelhante.
- Um switcher de conteúdo, também chamado de alternância de conteúdo, substitui um bloco inteiro por outro quando um visitante clica em um switch, e nem o Elementor nem o Elementor Pro incluem um.
- O widget Master Addons Toggle Content é um switcher de conteúdo Pro com duas ou mais opções, cada uma contendo texto ou um modelo de Seção, Página ou Widget salvo.
A diferença entre um alternador Elementor e um acordeão é quantos itens podem ser abertos juntos Um acordeão fecha o item aberto quando você clica em outro Um alternador o deixa aberto As guias e os alternadores de conteúdo são ferramentas diferentes novamente: eles trocam o que é mostrado em um espaço fixo, onde um acordeão e um alternador se expandem para baixo.
Esta comparação abrange todos os quatro, mostra onde o widget Toggle foi nas versões atuais do Elementor e termina com uma tabela para escolher entre eles.
Índice
Alterne vs acordeão vs guias vs alternador de conteúdo rapidamente
Todos os quatro widgets ocultam conteúdo até que um visitante peça por ele Eles diferem no que o visitante clica e no que acontece a seguir.
| Acordeão | Alternar | Guias | Alternador conteúdo | |
|---|---|---|---|---|
| O que os visitantes clicam | Um título em uma pilha | Um título em uma pilha | Um título de guia em uma linha | Uma etiqueta em um interruptor |
| O que acontece | O item abre, o anterior fecha | O item abre, os outros ficam como estão | A área de conteúdo muda | Todo o bloco é substituído |
| Itens abertos de uma só vez | Um | Qualquer número | Um | Um |
| Altura da página | Alterações ao clique | Alterações ao clique | Principalmente fixo | Principalmente fixo |
| Número típico de itens | 4 a 12 | 3 a 8 | 3 a 6 | 2 ou 3 |
| Melhor para | Perguntas frequentes | Detalhes que as pessoas comparam | Recursos, especificações, análises | Preços mensais e anuais |
| Em Elementor | Widget de acordeão | Widget de acordeão, itens máximos Expandidos definidos como múltiplos | Widget de guias | Não incluído, precisa de um complemento |
Elementor Accordion: uma resposta de cada vez
Um acordeão é uma pilha de títulos onde apenas um item está aberto de cada vez Clique em um segundo título e o primeiro fecha Isso mantém a página curta, por isso os acordeões são a escolha usual para FAQs.
No Elementor 4.3, cada item de acordeão é um contêiner, portanto aceita qualquer widget e não está mais limitado ao texto. As configurações que controlam seu comportamento ficam no Interações seção da guia Conteúdo:
- Estado padrão: Primeiro expandido ou tudo entrou em colapso.
- Itens máximos expandidos: Um ou Múltiplo.
- Duração da animação: quanto tempo um item leva para abrir, 400 ms por padrão.
A seção Layout também possui um Esquema de perguntas frequentes switch, que adiciona dados estruturados de FAQ para os itens Se você quiser mais estilos de título e ícones, olhe para o Widget Acordeão Avançado.
Elementor Toggle: várias respostas se abrem juntas
Uma alternância parece um acordeão, e a diferença é que cada item abre e fecha por conta própria Um visitante pode abrir o primeiro, terceiro e quarto itens e lê-los juntos.
Elementor costumava enviar Toggle como seu próprio widget No Elementor 4.3 ele está escondido do painel de widgets Tipo “toggle” na caixa de pesquisa e você obtém Tabs e Accordion, porque o widget Accordion agora faz os dois trabalhos.
Para alternar o comportamento hoje, adicione um widget e um conjunto Accordion Itens máximos expandidos para Múltiplo. Defina o estado padrão como Todos entrou em colapso se cada item começar fechado, e foi assim que o widget Toggle antigo foi carregado.
Elementador Alternar documentação do widget ainda descreve o widget antigo Para novos trabalhos, use Accordion.
Guias Elementadoras: seções lado a lado
As guias colocam os títulos em uma linha e mostram uma área de conteúdo sob elas Clicar em um título altera o que está nessa área, e a altura da página permanece aproximadamente a mesma.
As guias funcionam quando as seções são parceiros iguais Uma página de produto com Recursos, Especificações e Avaliações é o caso clássico Os visitantes veem todos os títulos de uma só vez, para que saibam o que está disponível antes de clicarem.
Eles param de funcionar quando há muitos Títulos anteriores de seis, a linha é encerrada na área de trabalho e fica lotada nos telefones Para títulos de guias de imagens ou ícones e layouts verticais, consulte o Widget de guias avançadas.
Trocador de conteúdo: troque um bloco por outro
Um switcher de conteúdo é um pequeno switch com dois ou três rótulos que substitui um bloco inteiro por outro. Também é chamado de alternância de conteúdo e é o widget por trás do switch mensal e anual nas páginas de preços.
As guias organizam tópicos diferentes. Um switcher mostra duas versões da mesma coisa, como os mesmos planos a dois preços ou o mesmo produto em dois sistemas unitários.
Elementor e Elementor Pro não incluem um switcher de conteúdo. O Alternar widget Conteúdo no Master Addons Pro é um Cada opção contém texto ou um modelo salvo, o switch pode ser redondo ou quadrado e o Índice Ativo define qual opção carrega primeiro.
Veja um switcher de conteúdo em ação. O Alternar página de conteúdo possui dez demonstrações clicáveis, incluindo um switch de faturamento e uma tabela de especificações métricas e imperiais.
Qual deles você deve usar?
Escolha pelo conteúdo Pergunte quantas peças existem e se os visitantes precisam ver mais de uma de cada vez.
| Seu conteúdo | Usar |
|---|---|
| Dez perguntas de apoio com respostas curtas | Acordeão |
| Envio, devoluções e detalhes de dimensionamento que os compradores leem juntos | Alternar (acordeão com múltiplo) |
| Uma longa biografia com uma introdução curta | Acordeão de um item como link Leia mais |
| Características, especificações e comentários para um produto | Guias |
| Preços mensais e anuais para os mesmos planos | Alternador conteúdo |
| Uma seção escrita para agências e novamente para freelancers | Alternador conteúdo |
| Os usuários logados apenas no conteúdo devem ver | Nenhum destes Utilize as condições de exibição. |
Todos os quatro widgets permitem que o visitante decida o que olhar Se o site deve decidir, por status de login, data ou função de usuário, é isso condições de exibição no Elementor são para.
Se você veio aqui procurando um botão que dispare um interruptor, nosso guia para criando um botão de alternância no Elementor tem as etapas para cada tipo.
Os painéis ocultos prejudicam o SEO?
Não, desde que o conteúdo oculto esteja na página HTML Os itens de acordeão, painéis de guias e opções de switcher são todos impressos na fonte e ocultos com CSS, para que os mecanismos de pesquisa possam lê-los.
Coloque o conteúdo que mais importa no item que está aberto por padrão, porque os visitantes o veem primeiro Não esconda sua resposta principal atrás de um clique se a página existir para dar essa resposta.
Perguntas frequentes
Qual é a diferença entre acordeão e alternância no Elementor?
Um acordeão permite um item aberto, então abrir um novo fecha o último Uma alternância permite que vários itens permaneçam abertos juntos Nas versões atuais do Elementor, ambos vêm do widget Accordion, e a configuração Max Items Expanded (Um ou Múltiplo) alterna entre eles.
Por que o widget Toggle está faltando no Elementor?
Elementor esconde o widget Alternar do painel nas versões atuais porque o widget Accordion faz o mesmo trabalho Adicionar Accordion, abra a seção Interações e defina Itens Max Expandidos para Múltiplos para obter itens que abrem e fecham independentemente.
Devo usar abas ou um acordeão?
Use guias para três a seis seções de peso igual que os visitantes escolhem entre, como Recursos, Especificações e Avaliações Use um acordeão para listas mais longas de respostas curtas, como perguntas frequentes, onde uma linha de títulos de guias não caberia.
Um switcher de conteúdo é igual às guias?
Eles funcionam de forma semelhante, uma vez que ambos trocam o conteúdo em uma área O propósito difere As guias separam tópicos diferentes, e um switcher de conteúdo mostra duas ou três versões do mesmo conteúdo, como preços mensais e anuais, atrás de um switch compacto.
Elementor tem um switcher de conteúdo?
Não. Nem Elementor nem Elementor Pro inclui um switcher de conteúdo ou widget de alternância de conteúdo Você pode aproximar um com o widget Tabs, ou adicionar um de um addon como Master Addons Pro, onde é chamado Toggle Content.
Pensamentos finais
Elementor toggle vs acordeão é decidido por uma configuração, Max Items Expanded, uma vez que ambos agora vivem no widget Accordion Tabs e switchers de conteúdo resolvem um problema diferente: eles mudam o que preenche um espaço fixo Tabs terno vários tópicos, e um switcher se adequa a duas versões de uma coisa.
Para esse último caso, o Alternar widget Conteúdo é o alternador de conteúdo no Master Addons Pro.
Leitura relacionada
