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.
Nuestra selección de los mejores plugins de acordeón para WordPress
Name | Pro | Con | |
🥇 | Heroic FAQs | Easy-to-customize accordions for FAQ content | Must be purchased with Heroic KB |
🥈 | SeedProd | Comprehensive customization options for accordion design | Accordion block not available in free version |
🥉 | PickPlugins’ Accordions | Lazy loading feature to optimize accordions | Interface is not the most user-friendly |
4 | Thrive Architect | Advanced settings for accordion animation | No free version available |
5 | Ultimate Blocks | SEO-friendly with customizable heading tags | Limited accordion icon options |
6 | Easy Accordion | Built-in support for WooCommerce product pages | Best features locked in Pro version |
7 | Accordion FAQ | User-friendly drag-and-drop accordion editor | Free version displays multiple ads |
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.
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, 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.
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.
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:
- El bloque acordeón no está disponible en la versión gratuita.
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
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.
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 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.
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 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
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
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.
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
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
- Cómo crear barras y gráficos en WordPress con Visualizer
- Los mejores plugins de Google Maps para WordPress (la mayoría son gratuitos)
- Cómo añadir avisos instantáneos a su sitio WordPress
- Los mejores plugins de cuestionarios para WordPress
- Cómo crear un rastreador de fitness en WordPress (con gráficos)
- Cómo añadir un widget de reproductor de música en WordPress
- Cómo mostrar presupuestos aleatorios en la barra lateral de 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.
Moinuddin Waheed
Accordion is a nice way to display information in an organised way.
I have seen people mainly using accordion for faqs.
But this can be used for other important piece of information as well.
I have used elementor in the past for this purpose but since I have completely left out elementor, now exploring newfound love with seedprod.
WPBeginner Support
We hope you find it useful
Administrador
Jiří Vaněk
I also use accordion for FAQ. Thanks to having elementor, I can use their accordion widget and don’t need another plugin. So just a piece of advice for those who have elementor, so you don’t have to install another plugin. Elementor has an accordion widget by default.
Gary Richards
Hi,
Does this accordion have the ability to have sections and then within the sections the FAQs.
Currently I have categories with about 20 questions in each. Each category has its own accordion.
However, this is quite lengthly as it reveals all the questions in each category. So I kind of need a ‘double’ accordion if that makes sense.
Thanks.
WPBeginner Support
You may want to take a look at the second plugin from our list for what it sounds like you are wanting.
Administrador
Craig
Can this be set up to continue contingent upon answer?
Ivan
How does accordion work with SEO?
Can google read/rank text from accordion if all content is collapsed by default?
WPBeginner Support
Yes, search engines would be able to read the accordion content.
Administrador
Kiane
Is it possible to use it on woocommerce single product page on tabs in woocommerce?
WPBeginner Support
It would depend on the specific plugin you are asking about, we would recommend reaching out to the plugin’s support and they should be able to let you know if there is an integration for WooCommerce.
Administrador
Michael Dubell
Are there any solutions for adding content other than text in an accordion element? I would like my drop down to also include images/videos.
As always, thanks for the great content!
Michael
WPBeginner Support
Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions
Administrador
John
Timely info, thanks.
WPBeginner Support
Glad we could share these plugins
Administrador
Azhar Hussain
Nice info about Accordions. Keep up the good work.
Thanks for sharing