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)

Una de las características más comunes que utilizamos en nuestros diseños de sitios web en WordPress es un acordeón. Este útil elemento de diseño web te permite mostrar el contenido en una disposición de pestañas plegables, para que puedas mostrar las preguntas más frecuentes o los detalles del producto sin ocupar tanto espacio.

Personalmente, nos gusta utilizar el bloque de acordeón de SeedProd, nuestro plugin maquetador de páginas. Dicho esto, cada usuario tiene sus propias preferencias, y tal vez usted está buscando un plugin acordeón dedicado en lugar de una solución maquetador página.

Si eso le suena acerca de correcto, entonces usted está en el lugar correcto. 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

Nuestra selección de los mejores plugins de acordeón para 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

Cómo probamos los mejores plugins de acordeón para WordPress

Para encontrar los mejores plugins de acordeón de WordPress, simplemente instalamos cada uno en nuestro sitio de demostración y evaluamos cómo se comparan entre sí.

Pero eso no es todo. También nos hemos centrado en la facilidad de uso del plugin. Usted no quiere estar atascado con un plugin de acordeón que no se puede configurar fácilmente tan pronto como lo instale.

También nos fijamos en las características de personalización. No todos los plugins de acordeón son iguales. Pero lo ideal es uno que te facilite modificar el aspecto del acordeón, ya sea para crear una sección de FAQ o algo diferente.

An example of a FAQ section using an accordion

Aparte de eso, intentamos poner a prueba el rendimiento de los plugins. Los plugins pueden ocupar algo de espacio en tu alojamiento WordPress, y una característica de acordeón no suele ser tan pesada para empezar. Aún así, es bueno asegurarse de que el plugin que utilizas no ralentizará tu sitio.

Por último, nos fijamos en el precio y la relación calidad-precio. Algunos plugins de la lista son de pago, así que queremos ser francos acerca de las ventajas que puede obtener (o no obtener) con el precio.

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

¿Por qué confiar en WPBeginner?

Nuestro equipo cuenta con más de una década de experiencia en WordPress y desarrollo web, por lo que sabemos de primera mano lo que te importa a la hora de crear tu propio sitio. Ponemos a prueba cada herramienta, plugin, software y tema para encontrar y recomendar solo lo mejor de lo mejor para nuestros lectores.

Si quiere saber más, marque / compruebe nuestro proceso editorial.

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.

Cuando probamos el plugin, el editor de arrastrar y soltar nos pareció bastante fácil de usar. Puedes 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 tu sitio web.

Por ejemplo, puede añadir contenido enriquecido a sus acordeones, incluyendo 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.

En realidad usamos SeedProd para algunos de nuestros sitios de marca y páginas personalizadas aquí en WPBeginner. Explicamos más acerca de las características y ventajas de los plugins en nuestra completa reseña / valoración de SeedProd.

Con SeedProd, 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.

3. Acordeones

PickPlugins' Accordions

De todos los plugins que hemos probado, Accordions es una opción de acordeón ligeramente más avanzada, 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 de 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. Si quieres saber más, marca / comprueba nuestra completa reseña de Thrive Architect.

Lo que nos llama la atención acerca de Thrive Architect es que puedes personalizar el estilo y la velocidad de 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.

5. Bloques definitivos

Ultimate Blocks

Ultimate Blocks es uno de los mejores plugins de bloques Gutenberg que hemos probado que viene con una característica de acordeón. Entramos en más detalle con la herramienta en nuestra reseña Ultimate Blocks.

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, te recomendamos que marques / compruebes Easy Accordion. Nos encanta especialmente la versión Pro, que 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 quieras desde la administración / escritorio.

El plugin gratuito Accordion FAQ solo tiene una plantilla, pero nos pareció bastante fácil de usar y versátil. Para más opciones de diseño, puedes actualizar a la versión Pro y obtener más de 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. Para más detalles, vea nuestra reseña / valoración completa de Shortcodes Ultimate.

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.

Lo que no nos gusta acerca de este plugin es que el shortcode y el HTML para el acordeón son bastante largos, y tienes que tener cuidado al insertar tu contenido. Por eso no pusimos esta opción en el mismo anuncio / catálogo / ficha anterior.

¿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á buscando un plugin de acordeón para contenido de FAQ, le recomendamos Heroic FAQs. El editor de arrastrar y soltar es fácil de usar e incluye varias características de personalización para la creación de acordeones fuera de la caja.

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.

Guías definitivas para mejorar su sitio 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 plugins de WordPress más divertidos que te estás perdiendo y nuestra guía sobre cómo crear flujos de trabajo automatizados en WordPress.

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

15 comentariosDeja una respuesta

  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

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.