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)

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Você está procurando os melhores plug-ins de acordeão para WordPress?

Um acordeão é um elemento útil de web design que permite exibir conteúdo em um layout de guia recolhível. Ele é usado com frequência para exibir perguntas frequentes ou detalhes de produtos sem ocupar muito espaço na página.

Neste artigo, compartilharemos os melhores plug-ins de acordeão do WordPress que você pode usar em seu site.

Best WordPress Accordion Plugins

O que é um acordeão em um site?

Um acordeão é uma lista de painéis que pode ocultar e mostrar informações quando você clica em cada painel. Ele permite que os usuários escolham o detalhe sobre o qual desejam saber mais, enquanto o restante do conteúdo com guias permanece fechado.

An example of a FAQ section using an accordion

Muitos proprietários de sites usam acordeões quando querem cobrir toneladas de informações e, ao mesmo tempo, economizar espaço em suas páginas da Web.

Você já deve ter visto acordeões usados como FAQs (Frequently Asked Questions, perguntas frequentes) em documentação on-line. Os usuários podem clicar na pergunta para ver a resposta e, se não quiserem lê-la, podem simplesmente fechá-la novamente. O conteúdo de FAQ também se tornou mais comum para SEO do WordPress, pois pode aparecer nos resultados de pesquisa.

As páginas de produtos do WooCommerce também costumam usar acordeões para organizar muitas informações. Os clientes podem clicar em um detalhe sobre o qual desejam obter mais explicações.

Por padrão, o WordPress não tem um bloco Gutenberg para acordeões. É por isso que muitos usuários instalam um plugin para essa finalidade.

Vamos dar uma olhada em alguns dos melhores plug-ins de acordeão do WordPress que você pode usar no seu site WordPress.

Isenção de responsabilidade: Ao escolher os plug-ins para esta apresentação, instalamos cada ferramenta em nosso site de teste para explorar seus prós, contras e recursos. Isso nos permitiu recomendar apenas os melhores plug-ins de acordeão do WordPress.

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.

Ele vem com um editor do tipo arrastar e soltar para que você possa 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 do 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.

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.

Para obter mais detalhes, consulte nossa análise completa do SeedProd.

3. Acordeões

PickPlugins' Accordions

OAccordions é um plug-in de acordeão um pouco mais avançado, mas também é bastante avançado.

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 plug-ins, como acordeões aninhados.

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 perguntas frequentes ou de informações sobre o produto com esse plug-in.

O que torna o Thrive Architect exclusivo é 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.

Consulte nossa análise do Thrive Architect para obter mais informações.

5. Blocos definitivos

Ultimate Blocks

OUltimate Blocks é um plugin de blocos do Gutenberg com um recurso de acordeão. 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 à 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 plug-in de acordeão para suas páginas de produtos do WooCommerce, confira o Easy Accordion. A versão Pro 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 plug-in de acordeão simples com um construtor do tipo arrastar e soltar, não precisa mais procurar 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 plug-in gratuito Accordion FAQ tem apenas um modelo, mas é 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

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

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.

A desvantagem é que o shortcode e o HTML do acordeão são bastante longos, e você precisa ter cuidado ao inserir o conteúdo. É por isso que não colocamos essa opção na mesma lista acima.

Para obter mais detalhes, consulte nossa análise completa do Shortcodes Ultimate.

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, a melhor opção é o Heroic FAQs. O editor de arrastar e soltar é fácil de usar e inclui vários recursos de personalização para criar 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.

Melhores guias para usar acordeões no 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 melhores serviços de marketing por e-mail e nossa lista de especialistas dos plug-ins obrigatórios do WordPress para sites comerciais.

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

16 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    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.

  3. Jiří Vaněk says

    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.

  4. Gary Richards says

    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 says

      You may want to take a look at the second plugin from our list for what it sounds like you are wanting.

      Administrador

    • WPBeginner Support says

      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

  5. Michael Dubell says

    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 says

      Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions

      Administrador

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.