Los 7 mejores complementos de bloque de acordeón de WordPress 2022 (en su mayoría gratuitos)

Publicado: 2022-08-01

¿Estás buscando los mejores complementos de bloque de acordeón de WordPress ? Si es así, entonces has aterrizado en el lugar correcto.

El acordeón de WordPress ayuda a mejorar la experiencia de usuario de los visitantes de su sitio web. Un acordeón ayuda a leer cualquier publicación de manera fácil y rápida con un diseño de pestañas plegables . Por lo tanto, los visitantes de su sitio web encontrarán su contenido fácilmente y sin problemas. Lo que conduce a una tasa de rebote más baja .

Sin embargo, hay muchos complementos de bloque de acordeón de WordPress con características sorprendentes, y elegir uno puede ser una molestia. Por lo tanto, hemos seleccionado los mejores complementos de bloque de acordeón de WordPress disponibles en el mercado. Lo mejor de todo es que la mayoría de ellos son gratuitos.

Sin más preámbulos, ¡comencemos!

EN ESTE ARTÍCULO: ocultar
¿Por qué necesita un bloque de acordeón?
Los 7 mejores complementos de bloque de acordeón de WordPress 2022
1. Bloques de acordeón – Complemento de WordPress
2. Apilable
3. Bloque avanzado de acordeón Gutenberg
4. Bloques esenciales para Gutenberg
5. Bloques definitivos
6. Bloques Gutenberg de Kadence Blocks
7. Consíguete
Conclusión

¿Por qué necesita un bloque de acordeón?

Los complementos de bloque de acordeón muestran contenido de texto en una forma compacta o plegable, lo que reduce los desplazamientos largos. Además, puede usar bloques de acordeón para mostrar contenido como descripciones de productos, preguntas frecuentes, etc.

Además, puede personalizar el color de fondo, el color del contenedor, alternar la animación, alternar la condición y más según el diseño de su sitio web.

Algunos usos más del bloque de acordeón en un sitio web de WordPress son:

  • Para mejorar la experiencia del usuario a través de la entrega interactiva de contenidos de texto.
  • Simplifique y haga que su blog sea legible al compactar el contenido con mucho texto y los blogs extensos.
  • Los bloques de acordeón mejoran la experiencia de lectura en dispositivos de pantalla pequeña .
  • Además, los bloques de acordeón son una buena alternativa a los enlaces en la página .
  • Además, los bloques de acordeón son útiles cuando necesita categorizar por elementos anidados .

Por lo tanto, si desea minimizar la longitud del contenido de su sitio web, es posible que desee utilizar un bloque de acordeón. Ahora, revisemos la lista de los 7 mejores complementos de bloque de acordeón de WordPress para 2022.

Entonces, ¡sigamos adelante!


Los 7 mejores complementos de bloque de acordeón de WordPress 2022

Aquí, hemos preseleccionado algunos de los mejores complementos de bloque de acordeón de WordPress para 2022. Incluye la descripción completa, la función, el precio y el proceso de creación de cada uno de ellos. Por lo tanto, revíselos minuciosamente y elija el que sea adecuado para usted.

1. Bloques de acordeón – Complemento de WordPress

Accordion Blocks es un complemento intuitivo que le permite agregar bloques de Gutenberg a su sitio web de WordPress. Además, puede crear y publicar bloques de acordeón junto con encabezados HTML. Además, puede editar los acordeones con HTML y CSS personalizados para una personalización en profundidad.

Complemento de WordPress de bloque de acordeón

Características clave:

  • Puede habilitar el cierre automático del elemento de acordeón actual cuando abre otro elemento.
  • Además, puede anidar elementos de acordeón según sea necesario.
  • Los elementos de acordeón admiten estilos de bloque personalizados mediante wp.blocks.registerBlockStyle.
  • Además, puede optar por abrir cualquier elemento de acordeón de forma predeterminada.
  • Además, puede configurar los valores predeterminados para nuevos elementos o configurar funciones específicas de acordeón.

Creando el acordeón:

Ahora, para usar este complemento, simplemente puede buscarlo en su tablero de WordPress. Luego, instale y active el complemento. Luego, vaya a su publicación, haga clic en el botón "+" en la esquina superior derecha y elija Elementos de acordeón . El bloque de acordeón aparecerá en su publicación, como se muestra en la imagen a continuación.

Agregar acordeón desde bloques de acordeón para el sitio web de WordPress
Uso de bloques de acordeón

Además, viene con muchas opciones de personalización como hacer clic para cerrar , cerrar automáticamente , abrir de forma predeterminada , etc. También puede configurar el desplazamiento de píxeles de desplazamiento.

Opción de personalización de bloques de acordeón
Uso de la configuración del bloque de acordeón

Si desea tener una idea clara, puede consultar nuestro artículo sobre cómo instalar un complemento de WordPress.

Precios:

Este complemento es de uso gratuito . Puede descargar este complemento desde el repositorio oficial de complementos de WordPress.org. O instale el complemento en su tablero de WordPress directamente.

¡Consigue bloques de acordeón ahora!

2. Apilable

Stackable es otro complemento popular compatible con el editor bloqueado de WordPress que le permite agregar increíbles bloques de acordeón plegables. Por lo tanto, puede publicar fácilmente preguntas frecuentes con mucho texto u otro contenido en su sitio web. Además, hay 5 estilos diferentes de elementos de acordeón para elegir.

Complemento de bloques apilables de WordPress

Características clave:

  • Puede agregar efectos de movimiento en los elementos de acordeón para una experiencia increíble.
  • Los elementos de acordeón son totalmente receptivos para adaptarse a todos los tamaños de pantalla.
  • Además, puede agregar CSS personalizado a los elementos para fines de personalización.
  • Capaz de agregar sus elementos SVG como iconos.
  • Además, puede elegir entre elementos preconstruidos para acelerar el desarrollo de su sitio web.

Creando el acordeón:

Puede cargar este complemento que obtuvo de WordPress.org en su tablero, luego instalarlo y activarlo . Ahora, vaya a su publicación y elija acordeón de Apilable haciendo clic en "+" en la esquina superior derecha. El bloque de acordeón se mostrará en su publicación, y puede seleccionar el diseño como predeterminado, simple, etc., para comenzar. Aquí elegimos el diseño predeterminado .

Agregar acordeón usando bloques apilables
Uso de bloque apilable

Después de eso, puede comenzar agregando el título, por ejemplo, "Nuevo bloque", y agregar la descripción a su título. Con apilable, tendrá 3 opciones de personalización, "Bloquear", "Estilo" y "Avanzado". Puede personalizar todo, desde la tipografía , el color , el fondo , el encabezado , la posición del bloque , etc.

Opciones de personalización apilables
Uso de configuraciones apilables

Precios:

Stackable es un complemento freemium , y puede descargar la versión gratuita del complemento desde el repositorio oficial de complementos de WordPress.org.

Sin embargo, hay una versión premium de Stackable disponible. Puede elegir entre cualquiera de los 4 planes de precios:

  • Personal: $49 por año para un solo sitio web.
  • Negocios: $99 por año para tres sitios.
  • Agencia: $149 por año para sitios web ilimitados.
  • Duración de la agencia: Costo único de $499.
¡Consiga apilable ahora!

3. Bloque avanzado de acordeón Gutenberg

Advanced Accordion Gutenberg Block es un complemento de acordeón mínimo y rápido para su sitio web de WordPress. Además, puede elegir entre 3 tipos de bloques de acordeón, grupales, separados e individuales. Además, puede diseñar los elementos de acordeón con márgenes personalizados, rellenos, colores de fondo y más.

Complemento avanzado de bloque de acordeón Gutenberg para WordPress

Características clave:

  • Este complemento está bien optimizado y funciona a la velocidad del rayo.
  • También es compatible con todo tipo de contenido, como texto, imágenes, etc.
  • Los elementos de acordeón son compatibles con SEO, lo que ayuda a que su sitio web tenga una clasificación más alta.
  • Además, puede agregar preguntas frecuentes ilimitadas a su sitio web.
  • Además, también puede agregar acordeones anidados ilimitados.

Creando el acordeón:

Está fácilmente disponible desde su panel de WordPress. Entonces, vaya al menú de complementos y busque Advanced Accordion Gutenberg . Luego instale y active el complemento. Después de eso, ve a tu publicación y haz clic en el botón "+" . Después de eso, tendrá 2 opciones, " bloque separado" y "bloque de grupo", elija uno. Aquí hemos seleccionado la opción de bloque separado .

Agregar acordeón con bloques avanzados de acordeón Gutenberg
Uso del bloque Gutenberg de acordeón avanzado

Con este complemento, tendrá toneladas de opciones de personalización como el color del encabezado, el fondo del encabezado , el color del icono y mucho más. También puedes convertir tu bloque en un acordeón vinculado , para que abra el enlace cuando hagas clic.

Opciones avanzadas de personalización de acordeón
Uso de la configuración avanzada del bloque de acordeón Gutenberg

Precios:

Este es un complemento gratuito de WordPress. Puede descargar este complemento desde el repositorio oficial de complementos de WordPress.org. Es fácil de instalar desde su panel de WordPress.

¡Consigue bloques avanzados de acordeón Gutenberg!

4. Bloques esenciales para Gutenberg

Essential Blocks for Gutenberg es un complemento popular de acordeón de WordPress. Además, este complemento le permite agregar hermosos acordeones en cualquier lugar de su sitio web. Además, estos elementos de acordeón son interactivos y tienen la opción de habilitar el ícono de alternar.

Bloques esenciales para Gutenberg

Características clave:

  • Elija iconos para su artículo de acordeón de una lista de iconos.
  • Puede personalizar el color de fondo del elemento de acordeón.
  • Capaz de personalizar la familia de fuentes del contenido del acordeón.
  • Además, puede cambiar la velocidad de alternancia de la animación del elemento de acordeón.
  • Además, los elementos de acordeón responden y se adaptan a todos los tamaños de pantalla.

Creando el acordeón:

Para comenzar, descargue el complemento de WordPress.org y cárguelo en su panel de control de WordPress. O instálelo y actívelo directamente. Ahora, abra o cree una nueva publicación, haga clic en el botón "+" y elija el acordeón de los bloques esenciales. El bloque de acordeón aparecerá en tu publicación, y ahora puedes editar el bloque como quieras.

Agregar bloque de acordeón de WordPress desde Essential Blocks para Gutenberg
Uso de bloques esenciales para Gutenberg

Cuando se trata de personalización, viene con 3 opciones, "general", "estilo" y "avanzado". Aquí puede administrar la velocidad de alternancia, los espacios en acordeón, los íconos, etc. También puede cambiar el tipo de fondo, el color y la imagen.

Bloques esenciales para las opciones de personalización de Guttenberg
Uso de Essential Blocks para la configuración de Gutenberg

Precios:

Essential Blocks for Gutenberg es un complemento de uso gratuito . Puede descargar el complemento desde el repositorio oficial de complementos de WordPress.org.

¡Consigue bloques esenciales para Gutenberg ahora!

5. Bloques definitivos

Ultimate Blocks es un complemento de bloques de WordPress Gutenberg fácil de usar que lo ayuda a agregar elementos de acordeón a su sitio de blog. Puede agregar contenido en acordeones que ayude a su visitante a leer sin textos largos.

Ultimate Blocks para bloque de acordeón

Características clave:

  • Este complemento lo ayuda a crear elementos de acordeón anidados fácilmente.
  • Además, puede personalizar el contenedor y el color del título del elemento de acordeón.
  • Además, puede establecer el estado inicial como contraído o no contraído.
  • Además, tendrá la opción de habilitar el esquema de preguntas frecuentes de los artículos.
  • Le permite configurar el icono de alternar en el lado izquierdo o derecho del acordeón.

Creando el acordeón:

Puede buscar e instalar fácilmente el complemento desde su panel de WordPress. Después de activar el complemento, vaya a su publicación existente o cree una nueva. Ahora, haga clic en el ícono "+" en la esquina superior derecha de su publicación para agregar el cambio de contenido de los bloques definitivos.

Adición de alternancia de contenido desde bloques definitivos
Uso de bloques definitivos

Después de eso, puede comenzar a editar su bloque agregando el título y creando tantos cambios de contenido como desee. Cuando se trata de personalización, puede cambiar el color de la pestaña, la ubicación, el ícono y más.

Opción de personalización del panel de cambio de contenido
Uso de la configuración de bloques definitivos

Precios:

Este complemento es 100% gratuito . Puede descargar este complemento desde el repositorio oficial de complementos de WordPress.org.

¡Consigue Ultimate Blocks ahora!

6. Bloques Gutenberg de Kadence Blocks

Si desea crear un impresionante sitio web de WordPress que contenga acordeones, entonces Gutenberg Blocks by Kadence es el indicado para usted. Este complemento viene con toneladas de bloques únicos, incluido un bloque de acordeón. Con esto, puede crear contenido hermoso que brinde una excelente experiencia de usuario.

Kadence Blocks para el complemento de bloque de acordeón de WordPress

Características clave:

  • Puede seleccionar uno de los 4 diseños preconstruidos de los artículos de acordeón.
  • Además, tendrás control sobre las opciones de fondo y color.
  • También viene con la opción de habilitar el esquema de preguntas frecuentes.
  • Además, puede agregar HTML y CSS personalizados a los elementos de acordeón.
  • Le permite elegir entre 4 pares de activadores de palanca para los elementos de acordeón.

Creando el acordeón:

Puede instalar y activar fácilmente este complemento desde el menú Complementos en su tablero de WordPress. Para agregar la pestaña de acordeón a su publicación, primero, vaya a su publicación, haga clic en el ícono "+" y elija acordeón de los bloques de Kadence . Después de eso, tendrá la opción de elegir el estilo de acordeón o simplemente saltar. Aquí, seleccionaremos la segunda opción.

Pestaña de acordeón de Gutenberg Blocks
Uso de bloques de Kadence

Después de eso, puede comenzar a personalizar comenzando con el título del bloque. También puede agregar más acordeones según sea necesario para su publicación. Tendrá la opción de elegir el ícono de título entre íconos de línea o sólidos . Además, decida dónde ubicar el ícono del título en el bloque y más.

Personalización de la pestaña Acordeón
Uso de la configuración de bloques de Kadence

Precios:

Este es un complemento freemium , y puede descargar la versión gratuita del complemento desde el repositorio oficial de complementos de WordPress.org.

Sin embargo, puede comprar la versión premium del complemento desde su sitio web oficial. Puede elegir entre cualquiera de las 3 opciones de precios anuales.

  • Kadence Blocks Pro: por $ 89 al año, puede usar todos los bloques en sitios ilimitados con 1 año de soporte y actualizaciones.
  • Paquete esencial: por $ 149 al año, puede usar el paquete de Kadence Blocks Pro, Kadence Theme Pro y Pro Starter Templates en sitios ilimitados con 1 año de soporte y actualizaciones.
  • Paquete completo: por $ 219 al año, obtendrá las funciones de Essential Bundle con Kadence Cloud, Kadence AMP, etc., en sitios ilimitados con 1 año de soporte y actualizaciones.
¡Obtenga Gutenberg Blocks de Kadence Blocks ahora!

7. Consíguete

Si está buscando una colección de bloques de Gutenberg, entonces Getwid es para usted. Viene con más de 40 bloques de Gutenberg, incluido un bloque de acordeón. Usando este bloque, puede usar pestañas de acordeón para crear secciones de preguntas frecuentes. Además, puede categorizar la información en preguntas frecuentes con bloques de Gutenberg.

Getwid - El mejor complemento de WordPress para bloques de acordeón

Características clave:

  • El encabezado es completamente personalizable.
  • Puede agregar contenido dentro del acordeón con la ayuda del bloque Gutenberg.
  • Además, proporciona una alineación de iconos personalizada para las pestañas de acordeón.
  • También está disponible un bloque de alternancia, que agrega alternancias expandibles y contraíbles manualmente para la sección de preguntas frecuentes.

Creando el acordeón:

Puede cargar, instalar y activar este complemento desde el panel de control de WordPress después de descargar el complemento de WordPress.org. Luego, haga clic en en el ícono "+" en su editor de publicaciones y haga clic en "Acordeón" en los Bloques Getwid .

Agregar acordeón desde Getwid Blocks
Uso de Getwid

A continuación, debe especificar la cantidad de elementos de acordeón y hacer clic en el botón "crear" . O puede usar el número predeterminado de elementos de acordeón que es "3" .

Ahora, puede comenzar agregando un mosaico a la pestaña de acordeón. Además, este complemento le permite personalizar el estilo del icono y su posición.

Opciones de personalización de Getwid
Uso de la configuración de Getwid

Precios:

Getwid es un complemento de bloqueo de WordPress gratuito disponible en el repositorio oficial de WordPress.org. También puede descargar este complemento de su sitio web oficial de forma gratuita.

¡Consigue Getwid ahora!

Conclusión

¡Eso es todo amigos! Hemos llegado al final de este artículo.

Aquí, hemos discutido los 7 mejores complementos de bloques de acordeón de WordPress , sus características, precios y su proceso de creación.

Entre los complementos enumerados anteriormente, nos gustaría recomendarle el complemento apilable. Eso es porque te permite crear un acordeón impresionante con toneladas de opciones de estilo. Además, este complemento ofrece las funciones necesarias para crear un sitio web increíble.

Esperamos que esto lo ayude a elegir el mejor complemento de bloque de acordeón de WordPress para su sitio web. Si está utilizando alguno de estos complementos, comparta su experiencia en la sección de comentarios a continuación.

Además, si tiene alguna consulta, no dude en mencionarla en el comentario. Nos pondremos en contacto contigo lo antes posible. Finalmente, si te gusta este artículo, compártelo con tus amigos y colegas.

También puede gustarle nuestro artículo sobre los mejores complementos de bloques de Gutenberg y patrones de bloques de WordPress: cómo usarlos para diseñar su página.

No olvide seguirnos en Facebook y Twitter para obtener más artículos útiles.

Algunos de los enlaces en este artículo/página son enlaces de afiliados. Si hace clic en dicho enlace de afiliado y compra el producto, obtendremos una comisión porcentual específica del vendedor. Pero no afectará en absoluto el precio que pagará.