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+ Mejor WordPress Acordeón plugins (2024)

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Estás buscando los mejores plugins de acordeón para WordPress?

El acordeón es un útil elemento de diseño web que permite mostrar contenido en una disposición de pestañas plegables. Suele utilizarse para mostrar preguntas frecuentes o detalles de productos sin ocupar demasiado espacio en la página.

En este artículo, vamos a compartir los mejores plugins de WordPress acordeón que puede utilizar en su sitio web.

Best WordPress Accordion Plugins

¿Qué es un acordeón en un sitio web?

Un acordeón es una lista de paneles que pueden ocultar y mostrar información al hacer clic en cada uno de ellos. Permite a los usuarios elegir los detalles sobre los que desean obtener más información, mientras el resto del contenido en pestañas permanece cerrado.

An example of a FAQ section using an accordion

Muchos propietarios de sitios web utilizan acordeones cuando quieren abarcar toneladas de información y, al mismo tiempo, ahorrar espacio en sus páginas web.

Es posible que haya visto acordeones utilizados como FAQ (preguntas más frecuentes) en la documentación en línea. Los usuarios pueden hacer clic en la pregunta para ver la respuesta y, si no quieren leerla, pueden volver a cerrarla. El contenido FAQ también se ha vuelto más común para WordPress SEO ya que puede aparecer en los resultados de búsqueda.

Laspáginas de producto de WooCommerce también suelen utilizar acordeones para organizar mucha información. Los clientes pueden hacer clic en un detalle del que quieran más explicaciones.

Por defecto, WordPress no tiene un bloque Gutenberg para acordeones. Por eso muchos usuarios instalan un plugin para este fin.

Echemos un vistazo a algunos de los mejores plugins de acordeón de WordPress que puede utilizar en su sitio web de WordPress.

Descargo de responsabilidad: Al elegir los plugins para este escaparate, hemos instalado cada herramienta en nuestro sitio de prueba para explorar sus pros, contras y características. Esto nos permitió recomendar solo los mejores plugins de acordeón para WordPress.

1. Preguntas frecuentes heroicas

Si quieres usar un plugin de acordeón específicamente para preguntas frecuentes, entonces marca / comprueba Heroic FAQs. Le permite generar fácilmente contenido con pestañas plegables y añadirlo a cualquier parte de su blog o sitio de WordPress.

Viene con un editor de arrastrar y soltar para que pueda crear preguntas y respuestas, agrupar FAQ y reordenar elementos con facilidad. Hay 5 estilos de acordeón predefinidos y muchas opciones de personalización para adaptarse perfectamente al diseño de su sitio web.

Por ejemplo, puede añadir contenido enriquecido a sus acordeones, como imágenes, citas por bloques, vídeos, listas, etc.

Heroic FAQs también ofrece 15 opciones de iconos de FAQ, opciones de estilo acordeón o conmutador, animaciones CSS3 y mucho más para que tus FAQ sean más personalizadas.

Ventajas de las FAQ heroicas:

  • Acordeones fáciles de personalizar para el contenido de las FAQ.
  • Editor de arrastrar y soltar fácil de usar para construir sus acordeones.
  • Ofrece elementos de contenido enriquecido para insertar en sus acordeones y hacerlos mucho más atractivos.
  • Es compatible con el esquema de FAQ para que su contenido pueda aparecer en los motores de búsqueda.

Contras de las FAQ heroicas:

  • No existe ningún plugin gratuito.
  • Debe adquirirse con Heroic KB, cuyo precio comienza en 149,50 $ al año. Por lo tanto, este plugin es una especie de extensión.

Por qué elegimos Heroic FAQs: Es perfecto si buscas un plugin de acordeón fácil de usar y diseñado específicamente para el contenido de FAQ. También lo recomendamos si quieres construir una base de conocimientos, ya que tienes que adquirirlo con Heroic KB.

2. SeedProd

SeedProd Website and Theme Builder

SeedProd, el mejor maquetador de páginas de WordPress del mercado, ofrece varios bloques para crear un sitio fácil de usar. Estos incluyen un bloque de acordeón, lo que le permite añadir secciones de texto que se expanden y cierran en sus páginas.

Todo lo que tienes que hacer es arrastrar y soltar el bloque de acordeón en tu página y empezar a personalizarlo. Puedes crear tantas secciones de texto como necesites e incluso utilizar un icono desplegable exclusivo de Font Awesome para darle un toque personal.

Creating an accordion in SeedProd

No dudes en personalizar la tipografía del bloque, los colores, los efectos animados y mucho más para que el acordeón sea más interactivo.

Lo bueno de SeedProd es que facilita la creación de un acordeón adaptable. Puede ajustar el espaciado del bloque para dispositivos de escritorio y móviles, e incluso optar por ocultar el acordeón si la página se ve en un determinado dispositivo.

Making the SeedProd accordion mobile-friendly

Ventajas de SeedProd:

  • Editor de arrastrar y soltar fácil de usar para usuarios de todos los niveles.
  • Las opciones de personalización permiten controlar totalmente el diseño del acordeón, desde la cabecera y el icono desplegable hasta las sombras de la sección de texto.
  • Establece ajustes para ajustar el espaciado y la visibilidad del acordeón en dispositivos móviles, lo que resulta muy útil para mejorar la experiencia del usuario.
  • Ofrece varias estructuras / disposiciones / diseño / plantillas de secciones FAQ listas para usar para agilizar el proceso.
  • Permite CSS personalizado para hacer su diseño de acordeón más personalizado.

Contras de SeedProd:

Por qué elegimos SeedProd: Aunque el bloque de acordeón solo está disponible en la versión Pro, seguimos pensando que merece la pena recomendar SeedProd. Además de un acordeón personalizable, también tendrás acceso a un maquetador de páginas fácil de usar que facilita la creación de un sitio web único.

Para más detalles, puede consultar nuestra reseña / valoración completa de SeedProd.

3. Acordeones

PickPlugins' Accordions

Accordions es un plugin de acordeón un poco más avanzado, pero también bastante potente.

A diferencia de los plugins anteriores, no viene con un editor WYSIWYG o de arrastrar y soltar. La interfaz es mucho más simple, sin vista previa en vivo, pero se puede ver una gran cantidad de ajustes para añadir y personalizar acordeones ilimitadas.

The Accordions plugin interface in WordPress

Una de las características más notables de este plugin es su ajuste de carga diferida. Esto retrasa la carga del acordeón hasta que la pantalla del usuario lo alcanza en la página. De esta forma, se puede mantener un rendimiento rápido del sitio web.

Además, si adquieres la versión Pro, podrás crear acordeones anidados. Esta característica te resultará útil si tienes mucha información que explicar y quieres organizarla mejor.

Ventajas de los acordeones:

  • Tiene una característica de carga diferida para optimizar los acordeones.
  • Ofrece una característica de importación para importar acordeones de otros plugins.
  • Ofrece dos tipos de acordeón para elegir: el acordeón tradicional o las pestañas verticales.
  • Ofrece integración con los iconos de Font Awesome para personalizar los iconos para expandir o cerrar el acordeón.
  • El plan Pro incluye características avanzadas como acordeones anidados y una función de búsqueda integrada.

Contras de los acordeones:

  • La interfaz no es la más fácil de usar.
  • Solo puedes mostrar el acordeón usando shortcodes (no hay ningún bloque incorporado para ello).

Por qué elegimos Accordions: A pesar de su ligera falta de facilidad de uso, Accordions es un potente plugin para crear bonitos acordeones. Su plan Pro también incluye características que puede que no encuentres en otros plugins, como acordeones anidados.

4. Arquitecto Thrive

Thrive Architect

Thrive Architect es otro gran maquetador de páginas con un bloque acordeón/conmutador. Tiene un editor de arrastrar y soltar, por lo que el diseño de una sección de FAQ o información del producto con este plugin es fácil.

Lo que hace único a Thrive Architect es que puedes personalizar el estilo y la velocidad de la animación del bloque conmutador. Esto le ofrece más control sobre cómo se comporta el acordeón.

Editing the toggle block in Thrive Architect

Aparte de eso, puedes crear columnas en el bloque conmutador, lo que puede ser beneficioso si tienes mucho contenido en acordeón. Además, puedes personalizar el color de fondo del bloque conmutador, la tipografía, las sombras, etc.

Si quieres que el conmutador se expanda por defecto para llamar la atención de los visitantes, también puedes hacerlo. No tienes que preocuparte de que el espacio se limite debido a la expansión, ya que solo se mostrará el contenido del primer acordeón.

Ventajas de Thrive Architect:

  • El bloque conmutador viene con todos los planes de Thrive Architect y Thrive Suite.
  • Editor de arrastrar y soltar fácil de usar.
  • Muchas formas de personalizar el aspecto del bloque de acordeón.
  • Ajustes avanzados para configurar la animación del bloque acordeón y controlar cómo se comporta al hacer clic.
  • Ajustes para que el conmutador sea visible o invisible en escritorio, móvil y tableta para que el sitio web sea más adaptable.

Contras de Thrive Architect:

  • No hay versión gratuita.
  • No tiene característica de guardado automático, así que tienes que guardar manualmente tu trabajo.

Por qué elegimos Thrive Architect: Si estás a la caza de un maquetador de páginas con función conmutadora, entonces prueba Thrive Architect. Los ajustes de personalización para crear acordeones son completos, y puedes construir fácilmente un diseño web único y atractivas páginas de destino con el plugin.

Consulte nuestra reseña / valoración de Thrive Architect para obtener más información.

5. Bloques definitivos

Ultimate Blocks

Ultimate Blocks es un plugin de bloques Gutenberg con una característica de acordeón. Con él, puedes añadir un bloque conmutador de contenido directamente en el editor de bloques en lugar de en una interfaz independiente.

De esta forma, puedes crear una sección de FAQ y colocarla fácilmente donde quieras en tu página o entrada.

Lo mejor de Ultimate Blocks es que puedes seleccionar la etiqueta de encabezado para el título del acordeón. Como resultado, puede hacer que su contenido acordeón SEO-friendly y alinearlo con la estructura lógica de su página o entrada.

Si actualiza a la versión Pro, también puede añadir una barra de búsqueda en la parte superior del acordeón para que los usuarios puedan buscar respuestas rápidamente.

Pros de Ultimate Blocks:

  • Ofrece controles de diseño adaptables para ocultar el acordeón en ordenadores de sobremesa, tabletas o dispositivos móviles.
  • SEO-friendly, es compatible con el esquema FAQ y con etiquetas de encabezado personalizables.
  • Fácil de usar, ya que puedes añadir el bloque conmutador de contenido directamente en el editor de bloques de Gutenberg de arrastrar y soltar.
  • Proporciona otros bloques para presentar información minimizando el espacio, como bloques de contenido con pestañas y expandibles.

Contras de Ultimate Blocks:

  • Opciones de iconos de acordeón limitadas en comparación con los otros plugins de la lista.

Por qué elegimos Ultimate Blocks: La mayoría de los usuarios de WordPress ya están bastante familiarizados con el editor de bloques, por lo que Ultimate Blocks es ideal para añadir un acordeón directamente en el editor. El bloque conmutador de contenido también está disponible en la versión gratuita del plugin.

6. Acordeón fácil

Easy Accordion

Si estás buscando un plugin de acordeón para tus páginas de producto de WooCommerce, entonces marca / comprueba Easy Accordion. La versión Pro incluye soporte para crear secciones detalladas de FAQ para páginas de producto.

Si tienes las mismas FAQ para varias categorías de productos, puedes implementarlas fácilmente con este plugin. Como resultado, usted no tendrá que crear diferentes FAQ para diferentes páginas.

Easy Accordion también está preparado para la traducción, ya que es compatible con plugins multilingües como WPML y PolyLang. Esto es genial si tienes un negocio multilingüe.

Otra gran característica es el generador de shortcode personalizado. Esto te permite diferenciar fácilmente tus shortcodes de acordeón para cuando necesites incrustarlos más tarde.

Ventajas de Easy Accordion Pro:

  • Es compatible con Gutenberg y la mayoría de los principales plugins maquetadores de páginas de WordPress.
  • Puede crear acordeones a partir de páginas, entradas, tipos de contenido personalizados e incluso taxonomías existentes para ahorrar tiempo al insertar el contenido del acordeón.
  • Múltiples disposiciones en acordeón, desde pestañas verticales y secciones multicolumna hasta conmutadores horizontales.
  • Incluye características SEO como el marcado schema y los enlaces nofollow.

Contras de Easy Accordion Pro:

  • El plugin viene con una versión gratuita, pero la mayoría de las características que lo hacen grande están bloqueados en la versión Pro.

Por qué elegimos Easy Accordion: El soporte integrado para las páginas de productos de WooCommerce y los plugins de traducción hacen que Easy Accordion sea ideal para los negocios en línea.

7. Acordeón FAQ

WPShopSmart's Accordion plugin

Si usted está buscando un plugin de acordeón sin florituras con un maquetador de arrastrar y soltar, entonces no busque más que Accordion FAQ. Con él, usted puede crear fácilmente múltiples secciones de contenido plegable y moverlos como likef de la administración / escritorio.

El plugin gratuito Accordion FAQ solo tiene una plantilla, pero es bastante fácil de usar y versátil. Para obtener más opciones de diseño, puede actualizar a la versión Pro y obtener 18+ plantillas.

WPShopSmart's Accordion plugin interface in the admin area

El plugin también ofrece muchas formas de personalizar el acordeón. No dude en utilizar sus más de 30 estilos de animación, docenas de iconos Font Awesome y más de 500 fuentes de Google para hacer que el acordeón sea más único.

Pros del acordeón FAQ:

  • Editor de acordeón fácil de arrastrar y soltar.
  • Muchas opciones de personalización con opciones de color ilimitadas y toneladas de estilos de animación, iconos y Google Fonts.
  • El precio de los planes Pro es bastante asequible, a partir de 9 dólares por 6 meses.
  • Basado en el framework Bootstrap, que crea un diseño adaptable para los acordeones.

Cons de Accordion FAQ:

  • La versión gratuita del plugin muestra múltiples anuncios que pueden perjudicar la experiencia del usuario.

Por qué elegimos Accordion FAQ: Si está buscando un plugin de acordeón simple con una funcionalidad de arrastrar y soltar, entonces Accordion FAQ es una gran opción, siempre y cuando no le molesten los anuncios en la página del plugin.

Bonificación: Shortcodes Ultimate

The Shortcodes Ultimate plugin

Shortcodes Ultimate es un plugin para WordPress que viene con un conjunto de shortcodes para añadir varios elementos de contenido, incluyendo acordeones.

Dado que utiliza shortcodes, puedes añadir el shortcode acordeón a cualquier parte de tu sitio WordPress, desde páginas y entradas hasta áreas preparadas para widgets. Tampoco tendrás que preocuparte acerca de la compatibilidad de temas, ya que funciona sin problemas con la mayoría de temas modernos.

El inconveniente es que el shortcode y el HTML para el acordeón son bastante largos, y hay que tener cuidado al insertar el contenido. Por eso no pusimos esta opción en el mismo anuncio / catálogo / ficha anterior.

Para más detalles, vea nuestra reseña completa de Shortcodes Ultimate.

¿Cuál es el mejor plugin de acordeón para WordPress?

El mejor plugin de acordeón para WordPress depende de sus necesidades.

Si estás buscando un plugin de acordeón para contenido de FAQ, entonces la mejor opción es Heroic FAQs. El editor de arrastrar y soltar es fácil de usar e incluye varias características de personalización para crear acordeones desde el principio.

Si usted está buscando un maquetador de páginas con un bloque de acordeón, entonces SeedProd es su mejor opción. SeedProd ofrece varios controles y ajustes para la apariencia y el comportamiento del acordeón. Además, el diseño de su acordeón se verá muy bien con otros elementos en su página.

Por último, para las personas que buscan un plugin de WordPress acordeón libre, considere Accordions. Este plugin incluye todo lo necesario para crear acordeones simples o contenido vertical con pestañas. Su carga diferida también se asegurará de que el acordeón no ralentizará su sitio.

FAQ Acerca de los Acordeones en WordPress

Vamos a repasar algunas preguntas frecuentes acerca de cómo añadir acordeones en WordPress.

¿Cómo añadir un acordeón a WordPress?

La forma más sencilla de añadir un acordeón en WordPress es con un plugin como Heroic FAQs, SeedProd o Accordions. Con estas herramientas, puedes insertar un acordeón listo para usar en tus páginas y entradas y personalizarlo a tu gusto.

¿Qué plugin de acordeón para WordPress ofrece las mejores opciones de personalización?

Heroic FAQs ofrece las mejores opciones de personalización para crear acordeones. Viene con un editor de arrastrar y soltar, estilos de acordeón predefinidos, 15 opciones de iconos FAQ, animaciones CSS3, opciones de estilo conmutador y mucho más.

SeedProd también ofrece amplias opciones de personalización para modificar el aspecto y el comportamiento del acordeón. Además de cambiar el color y la tipografía, puede ajustar el tamaño del acordeón específicamente para dispositivos móviles.

¿Qué plugin de acordeón para WordPress es el mejor para crear secciones de FAQ?

Heroic FAQs es un excelente plugin de WordPress para crear secciones de FAQ. Con este plugin, puede crear acordeones utilizando varios estilos e insertar diferentes contenidos enriquecidos para que su información sea más fácil de entender.

Las mejores guías para utilizar acordeones en WordPress

Esperamos que este artículo te haya ayudado a encontrar los mejores plugins de acordeón para WordPress. Puede que también quieras ver nuestra selección de los mejores servicios de marketing por correo electrónico y nuestra lista de expertos de los plugins de WordPress imprescindibles para sitios web de empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso 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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

16 comentariosDeja una respuesta

  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

  5. Ivan says

    How does accordion work with SEO?
    Can google read/rank text from accordion if all content is collapsed by default?

    • 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

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

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.