Um dos recursos mais comuns que usamos em nossos designs de sites WordPress é o acordeão. Esse útil elemento de web design permite exibir conteúdo em um layout de guia dobrável, para que você possa exibir perguntas frequentes ou detalhes de produtos sem ocupar muito espaço.
Pessoalmente, gostamos de usar o bloco de acordeão do SeedProd, nosso plug-in de construtor de páginas preferido. Dito isso, cada usuário tem suas próprias preferências, e talvez você esteja procurando um plug-in de acordeão dedicado em vez de uma solução de construtor de páginas.
Se isso lhe parece correto, então você está no lugar certo. Neste artigo, compartilharemos os melhores plug-ins de acordeão do WordPress que você pode usar em seu site.
Nossas escolhas para os melhores plug-ins de acordeão do WordPress
Name | Pro | Con | |
🥇 | Heroic FAQs | Easy-to-customize accordions for FAQ content | Must be purchased with Heroic KB |
🥈 | SeedProd | Comprehensive customization options for accordion design | Accordion block not available in free version |
🥉 | PickPlugins’ Accordions | Lazy loading feature to optimize accordions | Interface is not the most user-friendly |
4 | Thrive Architect | Advanced settings for accordion animation | No free version available |
5 | Ultimate Blocks | SEO-friendly with customizable heading tags | Limited accordion icon options |
6 | Easy Accordion | Built-in support for WooCommerce product pages | Best features locked in Pro version |
7 | Accordion FAQ | User-friendly drag-and-drop accordion editor | Free version displays multiple ads |
Como testamos os melhores plug-ins de acordeão para WordPress
Para encontrar os melhores plug-ins de acordeão para WordPress, simplesmente instalamos cada um deles em nosso site de demonstração e avaliamos como eles se comparam entre si.
Mas isso não é tudo. Também nos concentramos na facilidade de uso do plugin. Você não quer ficar preso a um plug-in de acordeão que não pode ser configurado facilmente assim que você o instala.
Também analisamos os recursos de personalização. Nem todos os plug-ins de acordeão são criados da mesma forma. Mas o ideal é que você queira um que facilite a modificação da aparência do acordeão, seja para criar uma seção de FAQ ou algo diferente.
Além disso, tentamos colocar os plug-ins em um teste de desempenho. Os plug-ins podem ocupar algum espaço em sua hospedagem do WordPress, e um recurso de acordeão geralmente não é tão pesado assim. Ainda assim, é bom ter certeza de que o plug-in que você usa não deixará seu site mais lento.
Por fim, analisamos o preço e a relação custo-benefício. Alguns plug-ins da lista são pagos, portanto, queremos ser francos quanto aos benefícios que você pode estar recebendo (ou não) com o preço.
Vamos dar uma olhada em alguns dos melhores plug-ins de acordeão do WordPress que você pode usar no seu site WordPress.
Por que confiar no WPBeginner?
Nossa equipe tem mais de uma década de experiência em WordPress e desenvolvimento da Web, portanto, sabemos em primeira mão o que é importante para você ao criar seu próprio site. Colocamos todas as ferramentas, plug-ins, softwares e temas à prova para encontrar e recomendar apenas o melhor dos melhores para nossos leitores.
Se quiser saber mais, confira nosso processo editorial.
1. Perguntas frequentes heroicas
Se você quiser usar um plugin de acordeão especificamente para perguntas frequentes, confira o Heroic FAQs. Ele permite que você gere facilmente conteúdo com abas recolhíveis e o adicione em qualquer lugar do seu blog ou site do WordPress.
Ao testar o plug-in, descobrimos que o editor de arrastar e soltar é muito fácil de usar. Você pode criar perguntas e respostas, agrupar FAQs e reordenar itens com facilidade. Há 5 estilos de acordeão predefinidos e muitas opções de personalização para combinar perfeitamente com o design de seu site.
Por exemplo, você pode adicionar conteúdo avançado aos seus acordeões, incluindo imagens, citações em bloco, vídeos, listas e assim por diante.
O Heroic FAQs também oferece 15 opções de ícones de FAQ, opções de estilo de acordeão ou alternância, animações CSS3 e muito mais para tornar suas FAQs mais personalizadas.
Prós das perguntas frequentes heroicas:
- Acordeões fáceis de personalizar para o conteúdo das perguntas frequentes.
- Editor de arrastar e soltar fácil de usar para criar seus acordeões.
- Oferece elementos de conteúdo avançado a serem inseridos em seus acordeões para que você possa torná-los muito mais atraentes.
- Tem suporte integrado ao esquema de perguntas frequentes para que seu conteúdo de perguntas frequentes possa ser exibido nos mecanismos de pesquisa.
Contras das perguntas frequentes heroicas:
- Nenhum plug-in gratuito está disponível.
- Deve ser adquirido com o Heroic KB, cujo preço começa em US$ 149,50 por ano. Portanto, esse plug-in é uma espécie de complemento.
Por que escolhemos o Heroic FAQs: Ele é perfeito se você estiver procurando um plugin de acordeão fácil de usar, projetado especificamente para conteúdo de FAQ. Também o recomendamos se você quiser criar uma base de conhecimento, pois é necessário adquiri-lo com o Heroic KB.
2. SeedProd
Como o melhor construtor de páginas WordPress de arrastar e soltar do mercado, o SeedProd oferece vários blocos para criar um site fácil de usar. Isso inclui um bloco de acordeão, que permite adicionar seções de texto que se expandem e se recolhem em suas páginas.
Na verdade, usamos o SeedProd para alguns de nossos sites de marca e páginas personalizadas aqui no WPBeginner. Explicamos mais sobre os recursos e benefícios dos plug-ins em nossa análise completa do SeedProd.
Com o SeedProd, tudo o que você precisa fazer é arrastar e soltar o bloco de acordeão em sua página e começar a personalizá-lo. É possível criar quantas seções de texto forem necessárias e até mesmo usar um ícone suspenso exclusivo da Font Awesome para dar um toque pessoal.
Sinta-se à vontade para personalizar a tipografia, as cores, os efeitos animados e outros elementos do bloco para tornar o acordeão mais interativo.
O que é ótimo no SeedProd é que ele facilita a criação de um acordeão responsivo. Você pode ajustar o espaçamento do bloco para desktops e dispositivos móveis e até mesmo optar por ocultar o acordeão se a página for visualizada em um determinado dispositivo.
Prós do SeedProd:
- Editor de arrastar e soltar fácil de usar para usuários de todos os níveis.
- As opções de personalização permitem controle total sobre o design do acordeão, desde o cabeçalho e o ícone suspenso até as sombras da seção de texto.
- Fornece configurações para ajustar o espaçamento e a visibilidade do acordeão em dispositivos móveis, o que é ótimo para melhorar a experiência do usuário.
- Oferece vários layouts de seção de perguntas frequentes prontos para uso para acelerar o seu processo.
- Permite que o CSS personalizado torne o design do acordeão mais personalizado.
Contras do SeedProd:
- O bloco de acordeão não está disponível na versão gratuita.
Por que escolhemos o SeedProd: Embora o bloco de acordeão só esteja disponível na versão Pro, ainda achamos que vale a pena recomendar o SeedProd. Além de um acordeão personalizável, você também terá acesso a um construtor de páginas fácil de usar que facilita a criação de um site exclusivo.
3. Acordeões
De todos os plug-ins que testamos, o Accordions é uma opção de acordeão um pouco mais avançada, mas também é bastante avançada.
Diferentemente dos plug-ins anteriores, ele não vem com um editor WYSIWYG ou de arrastar e soltar. A interface é muito mais simples, sem visualização ao vivo, mas você pode ver muitas configurações para adicionar e personalizar acordeões ilimitados.
Um dos recursos mais notáveis desse plug-in é sua configuração de carregamento lento. Isso atrasa o carregamento do acordeão até que a tela do usuário o alcance na página. Dessa forma, você pode manter um desempenho rápido do site.
Além disso, se você adquirir a versão Pro, poderá criar acordeões aninhados. Esse recurso será útil se você tiver muitas informações para explicar e quiser deixá-las mais organizadas.
Prós dos acordeões:
- Possui um recurso de carregamento lento para otimizar os acordeões.
- Oferece um recurso de importação para importar acordeões de outros plug-ins.
- Oferece dois tipos de acordeões para escolha: o acordeão tradicional ou abas verticais.
- Oferece integração com ícones Font Awesome para personalizar os ícones para expandir ou recolher o acordeão.
- O plano Pro inclui recursos avançados, como acordeões aninhados e uma função de pesquisa integrada.
Contras dos acordeões:
- A interface não é das mais fáceis de usar.
- Você só pode exibir o acordeão usando códigos de acesso (não há um bloco incorporado para ele).
Por que escolhemos o Accordions: Apesar de sua pequena falta de facilidade de uso, o Accordions é um plugin poderoso para criar belos acordeões. Seu plano Pro também inclui recursos que talvez você não encontre em outros plugins, como acordeões aninhados. Consulte nossa análise do Accordions para obter mais detalhes.
4. Arquiteto Thrive
O Thrive Architect é outro excelente construtor de páginas com um bloco de acordeão/alternância. Ele tem um editor de arrastar e soltar, portanto, é fácil criar uma seção de FAQ ou de informações sobre o produto com esse plugin. Se quiser saber mais, confira nossa análise completa do Thrive Architect.
O que nos chama a atenção no Thrive Architect é que você pode personalizar o estilo e a velocidade da animação do bloco de alternância. Isso lhe oferece mais controle sobre como o acordeão se comporta.
Além disso, você pode criar colunas no bloco de alternância, o que pode ser vantajoso se você tiver muito conteúdo de acordeão. Além disso, você pode personalizar a cor de fundo do bloco de alternância, a tipografia, as sombras e assim por diante.
Se você quiser fazer com que a alternância seja expandida por padrão para chamar a atenção dos visitantes, também poderá fazer isso. Você não precisa se preocupar com o fato de o espaço ficar limitado devido à expansão, pois somente o conteúdo do primeiro acordeão será exibido.
Prós do Thrive Architect:
- O bloco de alternância vem com todos os planos do Thrive Architect e do Thrive Suite.
- Editor de arrastar e soltar fácil de usar.
- Muitas maneiras de personalizar a aparência do bloco de acordeão.
- Configurações avançadas para configurar a animação do bloco do acordeão para controlar como ele se comporta quando clicado.
- Configurações para tornar a alternância visível ou invisível no desktop, celular e tablet para tornar o site mais responsivo.
Contras do Thrive Architect:
- Não há versão gratuita disponível.
- Não há recurso de salvamento automático, portanto, você precisa salvar seu trabalho manualmente.
Por que escolhemos o Thrive Architect: Se você estiver procurando um construtor de páginas com função de alternância, experimente o Thrive Architect. As configurações de personalização para criar acordeões são abrangentes, e você pode criar facilmente um design exclusivo para a Web e páginas de destino atraentes com o plug-in.
5. Blocos definitivos
O Ultimate Blocks é um dos melhores plug-ins de bloco do Gutenberg que testamos e que vem com um recurso de acordeão. Entramos em mais detalhes sobre a ferramenta em nossa análise do Ultimate Blocks.
Com ele, você pode adicionar um bloco de alternância de conteúdo diretamente no editor de blocos, em vez de em uma interface separada. Dessa forma, você pode criar uma seção de perguntas frequentes e colocá-la facilmente onde quiser na sua página ou publicação.
O interessante do Ultimate Blocks é que você pode selecionar a tag de cabeçalho para o título do acordeão. Como resultado, você pode tornar o conteúdo do seu acordeão compatível com SEO e alinhá-lo com a estrutura lógica da sua página ou publicação.
Se você atualizar para a versão Pro, também poderá adicionar uma barra de pesquisa na parte superior do acordeão para que os usuários possam pesquisar respostas rapidamente.
Prós do Ultimate Blocks:
- Oferece controles de design responsivo para tornar o acordeão oculto em desktops, tablets ou dispositivos móveis.
- Compatível com SEO, com suporte a esquema de perguntas frequentes e tags de título personalizáveis.
- Fácil de usar, pois você pode adicionar o bloco de alternância de conteúdo diretamente no editor de blocos do Gutenberg de arrastar e soltar.
- Fornece outros blocos para apresentar informações e minimizar o espaço, como blocos de conteúdo com guias e expansíveis.
Contras do Ultimate Blocks:
- Opções limitadas de ícones de acordeão em comparação com os outros plug-ins da lista.
Por que escolhemos o Ultimate Blocks: A maioria dos usuários do WordPress já está bastante familiarizada com o editor de blocos, portanto o Ultimate Blocks é ótimo para adicionar um acordeão diretamente no editor. O bloco de alternância de conteúdo também está disponível na versão gratuita do plug-in.
6. Acordeão fácil
Se estiver procurando um plugin de acordeão para suas páginas de produtos do WooCommerce, recomendamos que dê uma olhada no Easy Accordion. Gostamos especialmente da versão Pro, que inclui suporte para a criação de seções detalhadas de perguntas frequentes para páginas de produtos.
Se você tiver a mesma FAQ para várias categorias de produtos, poderá implementá-las facilmente com esse plug-in. Como resultado, você não precisará criar FAQs diferentes para páginas diferentes.
O Easy Accordion também está pronto para tradução, pois é compatível com plugins multilíngues como o WPML e o PolyLang. Isso é ótimo se você tiver uma empresa multilíngue.
Outro recurso excelente é o gerador de códigos de acesso personalizados. Isso permite que você diferencie facilmente os códigos de acesso do acordeão para quando precisar incorporá-los posteriormente.
Prós do Easy Accordion Pro:
- Compatível com Gutenberg e com a maioria dos principais plug-ins de criação de páginas do WordPress.
- Você pode criar acordeões a partir de páginas, posts, tipos de post personalizados e até mesmo taxonomias existentes para economizar tempo na inserção do conteúdo do acordeão.
- Vários layouts de acordeão, desde guias verticais e seções de várias colunas até alternâncias horizontais.
- Inclui recursos de SEO, como marcação de esquema e links nofollow.
Contras do Easy Accordion Pro:
- O plug-in vem com uma versão gratuita, mas a maioria dos recursos que o tornam excelente está bloqueada na versão Pro.
Por que escolhemos o Easy Accordion: o suporte integrado para páginas de produtos do WooCommerce e os plug-ins de tradução tornam o Easy Accordion excelente para empresas on-line.
7. Perguntas frequentes sobre o acordeão
Se você estiver procurando um plugin de acordeão simples com um construtor do tipo arrastar e soltar, não precisa procurar mais do que o Accordion FAQ. Com ele, você pode criar facilmente várias seções de conteúdo dobráveis e movê-las como quiser no backend.
O plugin gratuito Accordion FAQ tem apenas um modelo, mas achamos que ele é bastante fácil de usar e versátil. Para obter mais opções de design, você pode fazer upgrade para a versão Pro e obter mais de 18 modelos.
O plug-in também oferece muitas maneiras de personalizar o acordeão. Sinta-se à vontade para usar seus mais de 30 estilos de animação, dezenas de ícones Font Awesome e mais de 500 fontes do Google para tornar o acordeão mais exclusivo.
Perguntas frequentes sobre os prós do acordeão:
- Editor de acordeão de arrastar e soltar fácil de usar.
- Muitas opções de personalização com opções ilimitadas de cores e vários estilos de animação, ícones e fontes do Google.
- O preço dos planos Pro é bastante acessível, a partir de US$ 9 por 6 meses.
- Baseado na estrutura Bootstrap, que cria um design responsivo para os acordeões.
Contras das perguntas frequentes sobre o acordeão:
- A versão gratuita do plug-in exibe vários anúncios que podem tornar a experiência do usuário ruim.
Por que escolhemos o Accordion FAQ: Se você estiver procurando um plug-in de acordeão simples com funcionalidade de arrastar e soltar, o Accordion FAQ é uma ótima opção, desde que você não se importe com os anúncios na página do plug-in.
Bônus: Shortcodes Ultimate
O Shortcodes Ultimate é um plug-in do WordPress que vem com um conjunto de códigos de acesso para adicionar vários elementos de conteúdo, inclusive acordeões. Para obter mais detalhes, consulte nossa análise completa do Shortcodes Ultimate.
Como ele usa códigos de acesso, você pode adicionar o código de acesso do acordeão a qualquer parte do seu site WordPress, desde páginas e posts até áreas prontas para widgets. Você também não precisará se preocupar com a compatibilidade de temas, pois ele funciona sem problemas com a maioria dos temas modernos.
O que não gostamos no plug-in é que o shortcode e o HTML do acordeão são muito longos, e você precisa ter cuidado ao inserir seu conteúdo. É por isso que não colocamos essa opção na mesma lista acima.
Qual é o melhor plug-in de acordeão para WordPress?
O melhor plugin de acordeão para WordPress depende de suas necessidades.
Se você estiver procurando um plugin de acordeão para conteúdo de FAQ, recomendamos o Heroic FAQs. O editor de arrastar e soltar é fácil de usar e inclui vários recursos de personalização para a criação de acordeões prontos para uso.
Se estiver procurando um construtor de páginas com um bloco de acordeão, o SeedProd é sua melhor opção. O SeedProd oferece vários controles e configurações para a aparência e o comportamento do acordeão. Além disso, o design do acordeão ficará ótimo com outros elementos em sua página.
Por fim, para quem estiver procurando um plug-in gratuito de acordeão para WordPress, considere o Accordions. Esse plug-in inclui tudo o que é necessário para criar acordeões simples ou conteúdo com abas verticais. Seu carregamento lento também garante que o acordeão não deixará seu site mais lento.
Perguntas frequentes sobre acordeões no WordPress
Vamos examinar algumas perguntas frequentes sobre a adição de acordeões no WordPress.
Como faço para adicionar um acordeão ao WordPress?
A maneira mais fácil de adicionar um acordeão no WordPress é com um plug-in como Heroic FAQs, SeedProd ou Accordions. Com essas ferramentas, você pode inserir um acordeão pronto para uso em suas páginas e posts e personalizá-lo a seu gosto.
Qual plugin de acordeão do WordPress oferece as melhores opções de personalização?
OHeroic FAQs oferece as melhores opções de personalização para a criação de acordeões. Ele vem com um editor de arrastar e soltar, estilos de acordeão predefinidos, 15 opções de ícones de FAQ, animações CSS3, opções de estilo de alternância e muito mais.
O SeedProd também oferece opções de personalização abrangentes para modificar a aparência e o comportamento de um acordeão. Além de alterar a cor e a tipografia, você pode ajustar o tamanho do acordeão especificamente para dispositivos móveis.
Qual plugin de acordeão do WordPress é o melhor para criar seções de perguntas frequentes?
OHeroic FAQs é um excelente plug-in de acordeão do WordPress para criar seções de FAQ. Com esse plug-in, você pode criar acordeões usando vários estilos e inserir diferentes conteúdos avançados para facilitar a compreensão das informações.
Guias definitivos para melhorar seu site WordPress
- Como criar barras e gráficos no WordPress com o Visualizer
- Melhores plug-ins do Google Maps para WordPress (a maioria é gratuita)
- Como adicionar notificações Web Push ao seu site WordPress
- Melhores plug-ins de questionário para WordPress
- Como criar um rastreador de condicionamento físico no WordPress (com gráficos)
- Como adicionar um widget de reprodutor de música com áudio no WordPress
- Como mostrar citações aleatórias em sua barra lateral do WordPress
Esperamos que este artigo tenha ajudado você a encontrar os melhores plug-ins de acordeão para WordPress. Talvez você também queira ver nossas escolhas dos plug-ins mais divertidos para WordPress que está perdendo e nosso guia sobre como criar fluxos de trabalho automatizados no WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Moinuddin Waheed
Accordion is a nice way to display information in an organised way.
I have seen people mainly using accordion for faqs.
But this can be used for other important piece of information as well.
I have used elementor in the past for this purpose but since I have completely left out elementor, now exploring newfound love with seedprod.
WPBeginner Support
We hope you find it useful
Administrador
Jiří Vaněk
I also use accordion for FAQ. Thanks to having elementor, I can use their accordion widget and don’t need another plugin. So just a piece of advice for those who have elementor, so you don’t have to install another plugin. Elementor has an accordion widget by default.
Gary Richards
Hi,
Does this accordion have the ability to have sections and then within the sections the FAQs.
Currently I have categories with about 20 questions in each. Each category has its own accordion.
However, this is quite lengthly as it reveals all the questions in each category. So I kind of need a ‘double’ accordion if that makes sense.
Thanks.
WPBeginner Support
You may want to take a look at the second plugin from our list for what it sounds like you are wanting.
Administrador
Craig
Can this be set up to continue contingent upon answer?
Ivan
How does accordion work with SEO?
Can google read/rank text from accordion if all content is collapsed by default?
WPBeginner Support
Yes, search engines would be able to read the accordion content.
Administrador
Kiane
Is it possible to use it on woocommerce single product page on tabs in woocommerce?
WPBeginner Support
It would depend on the specific plugin you are asking about, we would recommend reaching out to the plugin’s support and they should be able to let you know if there is an integration for WooCommerce.
Administrador
Michael Dubell
Are there any solutions for adding content other than text in an accordion element? I would like my drop down to also include images/videos.
As always, thanks for the great content!
Michael
WPBeginner Support
Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions
Administrador
John
Timely info, thanks.
WPBeginner Support
Glad we could share these plugins
Administrador
Azhar Hussain
Nice info about Accordions. Keep up the good work.
Thanks for sharing