Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

7+ Melhores plug-ins de acordeão do WordPress (2024)

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.

Best WordPress Accordion Plugins

Nossas escolhas para os melhores plug-ins de acordeão do WordPress

NameProCon
🥇Heroic FAQsEasy-to-customize accordions for FAQ contentMust be purchased with Heroic KB
🥈SeedProdComprehensive customization options for accordion designAccordion block not available in free version
🥉PickPlugins’ AccordionsLazy loading feature to optimize accordionsInterface is not the most user-friendly
4Thrive ArchitectAdvanced settings for accordion animationNo free version available
5Ultimate BlocksSEO-friendly with customizable heading tagsLimited accordion icon options
6Easy AccordionBuilt-in support for WooCommerce product pagesBest features locked in Pro version
7Accordion FAQUser-friendly drag-and-drop accordion editorFree 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.

An example of a FAQ section using an accordion

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

SeedProd Website and Theme Builder

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.

Creating an accordion in SeedProd

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.

Making the SeedProd accordion mobile-friendly

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:

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

PickPlugins' Accordions

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.

The Accordions plugin interface in WordPress

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

Thrive Architect

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.

Editing the toggle block in Thrive Architect

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

Ultimate Blocks

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

Easy Accordion

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

WPShopSmart's Accordion plugin

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.

WPShopSmart's Accordion plugin interface in the admin area

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

The Shortcodes Ultimate plugin

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

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

15 ComentáriosDeixe uma resposta

  1. 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

  2. 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.

  3. 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

  4. Craig

    Can this be set up to continue contingent upon answer?

  5. 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

  6. 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

  7. 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

    • WPBeginner Support

      Glad we could share these plugins :)

      Administrador

  8. Azhar Hussain

    Nice info about Accordions. Keep up the good work.
    Thanks for sharing

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.