Widget de acordeão de elementor gratuito para perguntas frequentes e alternâncias
Advanced Accordion é um widget Master Addons para seções de perguntas frequentes e conteúdo dobrável, e não precisa do Master Addons Pro. Escolha Acordeão para manter um item aberto de cada vez ou Alternar para deixar os visitantes abrirem vários Cada item tem um título e uma resposta, pode começar a abrir e pode usar seus próprios ícones de expansão e colapso Títulos de estilo para os estados Normal, Hover e Active, em seguida, estilize as respostas e os ícones. Complementos mestres Pro adiciona seções salvas, widgets salvos e modelos de página como conteúdo do item, que também é como você aninha um acordeão dentro de outro.
Como criar um acordeão de perguntas frequentes no Elementor
Você precisa do Elementor e do plugin Master Addons do WordPress.org.
- Verifique se o Acordeão Avançado está ligado Complementos mestres, widgets.
- No editor Elementor, procure por Acordeão Avançado e arraste-o para a página.
- Defina o tipo de acordeão como acordeão para obter um FAQ clássico.
- Adicione um item por pergunta, digite a resposta e defina a pergunta mais feita como Ativo como Padrão.
- Defina o título HTML Tag como H3 para que as perguntas se tornem títulos.
- Estile os títulos, respostas e ícones na guia Estilo.
Sobre o esquema de perguntas frequentes: este widget não gera dados estruturados do FAQPage Se você quiser resultados ricos em FAQ, ative a opção Esquema de FAQ no widget Accordion do próprio Elementor ou adicione as perguntas com um bloco de FAQ do plugin de SEO. Cada configuração é abordada no Configurações avançadas de widget Accordion.
Visão geral do acordeão avançado
O que o widget faz, leia o código Master Addons.
| Item | Widget Acordeão Avançado |
|---|---|
| Modos | Acordeão (um item aberto de cada vez) ou Alternar (vários abertos) |
| Itens | Tantos quantos você adicionar à lista |
| Abra em carga | Activo como Padrão por item; com nenhum conjunto, todos os itens começam fechados |
| Ícones | Expanda e colapse ícones para o widget, além de ícones personalizados por item |
| Título HTML tag | H1 a H6, div ou span |
| Estilo título | Normal, Hover e Active: fundo, cor do texto, tipografia, borda, raio, sombra, preenchimento |
| Conteúdo | Texto e mídia; seção salva, widget ou modelo de página com Pro |
| Cor de fundo por item | Com Pro |
| Aninhamento | Através de uma seção ou modelo salvo com Pro |
| Velocidade animação | Alterne a velocidade em milissegundos |
| Esquema de perguntas frequentes | Não |
| Configuração expandida de itens máximos | Não; use o modo Accordion para um de cada vez |
| Necessidades | Complementos Elementor e Master |
Acordeão ou alternar comportamento
Tipo Acordeão define o comportamento: Accordion fecha o item aberto quando outro abre, e Toggle deixa vários ficarem abertos Para cada item, adicione o Título e o Conteúdo, ative Activo como Padrão para abri-lo em carga, e ligue Habilitar ícone personalizado para seus próprios ícones. Tipo de conteúdo é conteúdo simples sem seção salva Pro., widget salvo e modelo de página salva, além de uma cor de fundo por item, precisa de Pro.
- Alterne a velocidade em milissegundos para a animação aberta e próxima.
- Título HTML Tag de H1 a H6, div ou span, para que as perguntas possam ser títulos reais.
- Acordeões aninhados: salve um acordeão como modelo e carregue-o em um item com Pro.
Mantenha um acordeão de elementor fechado por padrão
Cada item do Acordeão Avançado começa fechado, a menos que você ligue Activo como Padrão para ele. Para um acordeão que é totalmente fechado quando a página carrega, deixe esse interruptor desligado em cada item Para abrir apenas o primeiro item, ligue-o para o item um e deixe o resto desligado.
No modo Acordeão um item fica aberto de cada vez, então um segundo clique em outro título fecha o primeiro No modo Alternar os visitantes podem abrir quantos itens quiserem, e cada item que você definir com Ativo como Padrão abre junto no carregamento O Acordeão do próprio Elementor lida com isso com duas configurações de widget em vez disso: um estado padrão (primeiro item expandido ou todos colapsados) e um número máximo de itens expandidos.
Nenhum item tem Active as Default ligado, portanto todas as quatro respostas começam fechadas.
Alterne o tipo com dois itens definidos como Ativo como padrão: ambos abrem juntos no carregamento.
Acordeão, Alternar ou Alternar Conteúdo?
Três dos nossos widgets abrem e fecham conteúdo Escolha pelo que o visitante precisa ver de uma só vez.
| Você quer | Usar |
|---|---|
| Uma lista de perguntas frequentes onde uma resposta está aberta por vez | Acordeão Avançado, tipo Acordeão |
| Uma lista de especificações ou lista de verificação onde os visitantes abrem vários itens | Acordeão Avançado, Tipo de alternância |
| Um switch que troca uma seção inteira, como preços mensais e anuais | Alternar conteúdo |
| Etiquetas lado a lado com um painel mostrando | Guias |
Para as comparações mais longas, leia alternar vs acordeão no Elementor e tabulações vs acordeão.
Estilo e estrutura de títulos baseados no estado
A barra de título é o que os usuários clicam em 100% e cada estado visual é intencional Estilo o Título separadamente para seus estados Normal, Hover e Ativo (aberto) Para cada estado, defina um Tipo de Fundo exclusivo (cor, gradiente), Cor do Texto e Tipografia Controle o Alinhamento do Título, Preenchimento, Border, Border Radius e adicione uma Box Shadow Este nível de detalhe permite criar uma jornada visual clara: um padrão neutro, um hover convidativo e um estado “open distinto que confirma a ação do usuário.
- Design de estado triplo: aplique estilos distintos às barras de título Normal, Hover e Active.
- Antecedentes avançados: Use cores sólidas ou gradientes para diferentes estados para criar profundidade.
- Controle de caixa completa: ajuste o preenchimento, as bordas e a sombra da caixa para tornar cada barra de título um componente projetado.
Personalizável Alternar ícones com estados duplos
Vá além do ícone de triângulo genérico Ative o ícone personalizado para escolher qualquer ícone da biblioteca tanto para as ações Expandir (estado fechado) quanto para Recolher (estado aberto).Posicione o ícone para a esquerda ou direita Em seguida, estilize esses ícones independentemente para os estados Normal, Hover e Ativo, alterando sua cor, tamanho e plano de fundo Ajuste o espaçamento e o preenchimento de ícones ao redor do ícone para um alinhamento perfeito. Isso transforma um indicador funcional em uma parte coesa da sua linguagem de design.
- Ícones Duplos: Defina diferentes ícones para os estados “plus” (expandir) e “minus” (colapso).
- Estilo de Ícones Específico de Estado: Altere a cor e o fundo do ícone quando o item estiver pairado ou ativo.
- Alinhamento corretamente: ícone de controle Alinhamento, posição e espaçamento em relação ao texto do título.
Área de conteúdo e estilo de contêiner
O conteúdo que desliza para baixo merece sua própria consideração de design Estilo a área de Conteúdo com sua própria Cor de Fundo, Cor do Texto, Tipografia e preenchimento interno Adicione uma Sombra de Texto para legibilidade, se necessário Em seguida, estilize o contêiner geral de Itens que contém todas as seções de acordeão: defina o Espaçamento entre os itens, uma Fronteira global, Raio de Fronteira e Sombra de Caixa Isso garante que todo o widget pareça um componente unificado e polido, e o conteúdo aberto seja fácil e agradável de ler.
- Design da área de conteúdo: Estile o plano de fundo e o texto do conteúdo suspenso para obter uma legibilidade ideal.
- Polonês em nível de contêiner: aplique Border Radius e Box Shadow a todo o grupo de acordeões.
- Espaçamento entre itens: controle o espaçamento (margem) entre cada item de acordeão para obter uma aparência limpa e separada.
Acordeão Elementor vs Adições Mestres Acordeão Avançado
O Elementor Gratuito agora tem seu próprio widget Accordion. Veja como os dois se comparam, para que você possa escolher o widget certo.
| Característica | Acordeão Elementor | Acordeão Avançado Master Addons |
|---|---|---|
| Preço | Gratuito em Elementor | Incluído sem Pro; o conteúdo do modelo precisa de Pro |
| Esquema de perguntas frequentes | FAQ Schema opção | Sem saída de esquema |
| Conteúdo aninhado | Coloque quaisquer widgets em cada item, incluindo outro acordeão | Texto sem Pro; seções salvas, widgets ou modelos com Pro |
| Comportamento aberto | Estado padrão e itens máximos expandidos | Acordeão ou Alternar, mais Activo como Padrão por item |
| Ícones por item | Ícones compartilhados | Ícones personalizados de expansão e colapso por item |
| Estilo título | Normal, Hover e Ativo | Normal, Hover e Active com fundo, borda e sombra |
Escolha o Acordeão do Elementor quando precisar de um esquema de perguntas frequentes ou widgets dentro de cada item sem um complemento Escolha o Acordeão Avançado para ícones por item e Alterne o comportamento com um estilo detalhado Widgets relacionados: Alternar conteúdo, Guias, Índice, Caixa de informações e Horário comercial.
Esquema de perguntas frequentes e acordeão avançado
O esquema de perguntas frequentes são dados estruturados que marcam um bloco de perguntas e respostas como perguntas frequentes. O Acordeão Avançado não o produz. As perguntas ainda aparecem na página e permanecem rastreáveis; o widget simplesmente não adiciona marcação FAQPage.
O Google parou de mostrar resultados ricos em FAQ na Pesquisa em 7 de maio de 2026, portanto, a marcação não adiciona mais o menu suspenso de perguntas em um resultado de pesquisa Algumas outras ferramentas ainda podem lê-lo Se você quiser de qualquer maneira, use o widget Accordion do Elementor e ligue sua opção FAQ Schema, ou mantenha o Acordeão Avançado para o design e adicione o esquema de FAQ através do plugin SEO Escolha uma fonte de marcação de FAQ por página, porque dois blocos FAQPage para as mesmas perguntas confundem mais do que ajudam.
Exemplos avançados de acordeão
Quatorze demos ao vivo construídas com Advanced Accordion: páginas de perguntas frequentes, painéis de suporte, perguntas de pré-venda, listas de etapas e uma tabela de planos.
- Perguntas frequentes clássicas
- Limpe o FAQ da pré-venda
- Perguntas frequentes editoriais numeradas
- Perguntas frequentes interativas
- Perguntas frequentes sobre brilho escuro
- Layout de divisão escura
- Perguntas frequentes sobre suporte dividido
- Painel apoio
- Painel de perguntas frequentes de Bento
- FAQ ao lado de uma imagem em arco
- Alternar etapas
- Tabela de planos
- Bloco marca
- A demo original
Perguntas frequentes para acordeão avançado
Qual é a diferença prática entre o tipo “Accordion” e o “Toggle”?
Acordeão: Apenas um item pode ser aberto de cada vez Abrir um novo item fecha automaticamente o anterior Melhor para páginas de FAQ ou instruções sequenciais onde você deseja minimizar a rolagem e focar a atenção.
Alternar: Vários itens podem ser abertos simultaneamente Os usuários podem expandir vários itens para comparar ou reunir informações O melhor para listas de verificação de recursos, listas de especificações de produtos ou conteúdo em que os usuários precisam ver várias seções de uma só vez.
Preciso do Master Addons Pro para Acordeão Avançado?
Não. Tipos de acordeão e alternância, Ativo como padrão, ícones personalizados e todo o trabalho de estilo sem Pro. O conteúdo salvo da seção, widget e modelo e as cores de fundo por item precisam Complementos mestres Pro.
O que são tipos de conteúdo de Seção Salva e Modelo de Página Salvo?
São opções do Master Addons Pro que carregam algo da sua biblioteca de modelos do Elementor em um item, como uma seção de formulário de contato ou outro acordeão É assim que você constrói acordeões aninhados com este widget.
Como mantenho todos os itens de acordeão fechados no carregamento da página?
Deixe ativo como padrão desativado em todos os itens. O Acordeão Avançado abre apenas os itens onde esse interruptor está ligado, portanto, sem nenhum conjunto, cada item começa fechado e o visitante abre aquele de que precisa.
Por que meu acordeão não está abrindo?
Verifique se o Acordeão Avançado está ligado em Complementos Mestres, Widgets e, em seguida, limpe seu cache Se um plugin de velocidade atrasar o JavaScript até o primeiro scroll ou toque, os itens não serão abertos até que esse atraso termine, portanto, exclua os scripts dos Complementos Mestres dele.
O acordeão adiciona esquema de perguntas frequentes?
O No. Advanced Accordion não produz dados estruturados do FAQPage O Google não mostra mais resultados ricos em FAQ (desde maio de 2026), portanto, a marcação importa menos do que costumava Se você ainda quiser, use o widget Accordion do Elementor com sua opção FAQ Schema ou adicione-o por meio de um plugin de SEO.
Posso controlar a velocidade de animação de abertura e fechamento?
Sim. Na guia Conteúdo, você encontrará Alternar velocidade (ms).O valor está em milissegundos (por exemplo, 300).Um número menor (como 200) o torna mais rápido e rápido; um número maior (como 500) o torna mais lento e deliberado.
Como faço um item aberto por padrão?
Abra o item na guia Conteúdo e ative Ativo como padrão Com o tipo Acordeão, defina-o em apenas um item: se dois itens estiverem ativados, ambos abram no carregamento e o primeiro clique fecha tudo, exceto o item clicado.
Posso colocar um acordeão dentro de outro acordeão?
Sim, com Complementos mestres Pro: salve o acordeão interno como uma seção ou modelo e, em seguida, escolha-o como o tipo de conteúdo de um item. O widget Aninhado Acordeão do Elementor Livre também aninha acordeões sem um complemento.
Posso fazer um acordeão horizontal?
No. Advanced Accordion empilha itens verticalmente e abre cada resposta abaixo do seu título Para rótulos lado a lado, o Guias widget é o ajuste mais próximo.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
