Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)
El contenido de tu sitio web debería estar organizado y tener un aspecto atractivo. Al añadir un plugin de widget para pestañas o acordeón a tu sitio WordPress, serás capaz de mostrar el contenido de tus páginas web de modo elegante.
Un plugin interactivo de pestañas o acordeón de WordPress puede ordenar el diseño y mejorar la legibilidad de tus páginas web.
Los acordeones y las pestañas son una forma excelente de comunicar la información que esté compuesta por gran cantidad de texto de una forma elegante y condensada. Mantener tu sitio web despejado e incluir en él interactividad debería ser la principal prioridad de tu sitio web, y los acordeones y las pestañas te ayudan a conseguirlo.
Antes de que te dirijas a CodeCanyon y Envato Elements para encontrar los plugins de widgets para WordPress de pestañas y acordeón, veamos los beneficios de una suscripción mensual a Envato Elements.
Envato Elements: Descargas ilimitadas
Envato Elements es un servicio que proporciona una suscripción a descargas ilimitadas, lo que significa que podrás descargar tantos elementos como quieras de entre millares de recursos creativos.
La suscripción está cubierta por una sencilla licencia comercial que te da derecho a usar los recursos en una amplia variedad de los proyectos, incluyendo aquellos de naturaleza comercial.
La licencia es válida de por vida, lo que significa que incluso aunque canceles tu suscripción y ya no puedas descargar más recursos de Envato Elements, cualquier uso existente que hayas registrado seguirá estando cubierto por ella.
¡Suscríbete hoy mismo y empieza a crear o a aprender más sobre por qué Envato Elements es perfecto para cualquier desarrollador de WordPress!
En Envato Elements y CodeCanyon, serás capaz de elegir entre una biblioteca de plugins prémium de acordeón para WordPress y encontrar los mejores plugins para pestañas y acordeón de WordPress que se adapten al tema que use tu sitio web y que te permita mostrar su información sin aglomerar el diseño de tu página.
Estos potentes plugins de pestañas y acordeón te permitirán mostrar el texto y los medios de tu sitio web en un orden sistemático que se adapte perfectamente a tu sitio web. Estos plugins y widgets para WordPress vienen con gran cantidad de características que pueden mejorar tu sitio web, entre las que se incluyen:
- Paginación
- Capas animadas
- Columnas y filas personalizables
- Funcionalidad para dispositivos móviles sensible a los gestos táctiles
- Lightboxes
Echemos un vistazo a algunos plugins prémium de pestañas y acordeón de WordPress disponibles en Envato Elements y CodeCanyon.
Plugins de pestañas y acordeón para WordPress disponibles en Envato Elements
1. Acordeones de FAQ para Elementor
Este widget para Elementor añade un acordeón en WordPress para crear una sección de preguntas frecuentes (FAQ) en tu sitio web con tan solo unos simples clics y lo podrás personalizar para adaptarlo a su diseño. Puedes construir el tuyo propio a partir de cualquiera de las cinco plantillas personalizables. Podrás añadir esquemas de datos estructurados automáticamente para tu bloque de preguntas y la información se mostrará como fragmentos enriquecidos en las páginas de resultados de Google. No olvides hacer que tu texto sea vibrante personalizando las fuentes, los colores, la alineación, y mucho más. Además viene con una biblioteca de iconos a tu disposición, incluyendo iconos en formato SVG.
Tus FAQ tendrán un aspecto excepcional en cualquier dispositivo y en todos los actuales navegadores.
2. Widget de acordeón para pie de página para Elementor
Gracias a Accordion Footer Menu Widget, no necesitarás habilidades sobre código para construir un estupendo menú de pie de página para la versión tanto de escritorio como móvil de tu sitio web. Los menús construidos usando este widget para Elementor de lista de menú responsive y personalizable funciona perfectamente en equipos de sobremesa y en dispositivos móviles. En los equipos de sobremesa se mostrarán como menús expandidos, y se transformarán en acordeones colapsados en los dispositivos móviles. Podrás aplicar estilo a tus cabeceras, a la tipografía, y a los iconos para que concuerden con la apariencia de tu sitio web.
3. Plugin de acordeón de WordPress para sección de FAQ
El plugin Accordion FAQ WordPress te permite presentar una atractiva sección de FAQ en tu sitio web y satisfacer así las consultas más habituales de tus usuarios. El constructor de arrastrar y soltar te facilitará crear múltiples páginas de FAQ, reordenar cada categoría, elegir entre un estilo de acordeón y de lista, y personalizar cómo se presentan tus FAQ. Podrás modificar los colores, los iconos, el radio de las esquinas, y los tamaños de las fuentes. También puedes configurar FAQ mediante un generador de shortcodes. El plugin de pestañas para WordPress está preparado para su traducción usando las herramientas de Poedit. Además está muy bien documentado.
4. Slider profesional de acordeón para WordPress
Solo necesitas el plugin Accordion Slider Pro para crear elegantes presentaciones en tu sitio web que asombren y atraigan. Las imágenes, los vídeos de YouTube, y los vídeos de Vimeo se abrirán en una ventana de lightbox. Las imágenes pueden enlazarse y también pueden compartirse en Facebook, en Twitter o en Pinterest. Puedes ajustar la anchura y la altura de los sliders, añadir títulos y descripciones a las imágenes, y emplear suaves efectos de zoom. Las descripciones serán indexadas por los motores de búsqueda e incrementarán tu posicionamiento SEO. Este plugin de pestañas para WordPress se adaptará a la anchura de cualquier dispositivo, pantalla, y orientación. Tiene opciones para una presentación a pantalla completa o centrada.
5. Plugin de FAQ en acordeón para WordPress
Con este plugin de acordeón de WordPress, podrás anticipar y proporcionar respuestas comprensibles y fáciles de encontrar a las preguntas de tus usuarios. La sección de FAQ puede configurarse en forma de acordeón, de lista, o en forma de múltiples columnas. Escoge el diseño en forma de acordeón para mostrar las respuestas tras hacer clic sobre la pestaña de la pregunta correspondiente, el diseño de lista para mostrar directamente las respuestas bajo las preguntas, o el diseño en múltiples columnas para desplegar automáticamente el contenido en columnas. Elige entre cuatro estilos personalizables y 36 iconos de categorías. Podrás modificar el texto de las preguntas, y los nombres de las categorías. El plugin está preparado para los datos estructurados para ayudarte a impulsar tu SEO.
6. Pestañas de producto para WooCommerce
Este plugin de pestañas para WordPress te permite crear pestañas en las páginas de producto de WooCommerce con tablas a partir de archivos CSV que puedes actualizar fácilmente. Las pestañas admiten imágenes, vídeos, texto, código HTML, o shortcodes. También podrás crear fácilmente pestañas a partir de claves meta de producto, e incluso pestañas condicionales. Este plugin admite su traducción.
7. Pestañas de producto de WooCommerce para Elementor
Usando WooCommerce Products Tab podrás construir pestañas para tus productos en WooCommerce en cuestión de minutos.
Entre las características que incluye están las siguientes:
- Colores personalizados para cada pestaña
- Es responsive
- Tiene animaciones
- Está preparado para su traducción (incluye archivos .po/.mo)
Plugins de pestañas y acordeón de WordPress en CodeCanyon
Descubre la amplia biblioteca de CodeCanyon en la que encontrarás los mejores widgets y plugins de pestañas y acordeón para WordPress jamás creados. Por un pago único, podrás comprar uno de estos widgets y plugins para WordPress de alta calidad y dirigir más tráfico a tu sitio web.
Aquí tienes algunos de los más vendidos y mejores widgets para WordPress de pestañas y acordeón disponibles en CodeCanyon para 2021.
8. Acordeón de WordPress para categorías de WooCommerce
El plugin WooCommerce Category Accordion está diseñado concretamente para los usuarios de WooCommerce. Puede usarse como widget o mediante shortcodes para listar las categorías y subcategorías de tus productos. Las siguientes son las mejores características de este acordeón para WordPress:
- Admite ilimitadas categorías y subcategorías
- Incluye 14 iconos de Font Awesome
- Opción para destacar la actual categoría
- Posibilidad de ordenar de forma ascendente o descendente
WooCommerce Category Accordion es ideal para aquellos usuarios que quieran organizar sus productos o servicios en categorías y subcategorías para que a los clientes les resulte más fácil navegar en tu sitio.
9. Elegantes pestañas para Visual Composer
Elegant Tabs for Visual Composer es un complemento para el plugin de WordPress WPBakery (antes Visual Composer). Este es uno de los widgets de WordPress para contenido en pestañas, y te permitirá añadir cualquier shortcode a múltiples pestañas y ofrece un montón de posibilidades de personalización como distintos colores, iconos, y fondos para distintas secciones o pestañas. Entre sus mejores características se incluyen las siguientes:
- Pestañas verticales
- Posibilidad de arrastrar y soltar cualquier elemento de WPBakery dentro del contenido de las pestañas
- Admite enlaces profundos
- Diez distintos estilos para las pestañas e ilimitadas variaciones
- Y mucho más
El plugin de pestañas Elegant Tabs también está disponible para Fusion Builder, WooCommerce, Cornerstone, y Beaver.
10. Side Tabs: Complemento para Layered Popups
Un poco diferente a la mayoría de los widgets para WordPress de esta lista, Side Tabs proporciona las características que esperarías en un plugin de pestañas para WordPress, pero en lugar de ubicarse dentro del contenido de tu sitio, las pestañas se sitúan al borde de tu pantalla. Esta singular presentación crea una variedad de inusuales usos.
Una de las formas más interesantes en la que puedes usar Side Tabs es para presentar un punto de acceso constante a contenido a través de toda tu página (o distintas páginas). Además de eso, este widget para contenido en pestañas de WordPress es una excelente herramienta para ofrecer llamadas a la acción y contenido similar sin resultar demasiado intrusivo.
Con un montón de opciones de personalización y animación disponibles, este es uno de los mejores plugins de pestañas para WordPress. Funciona de forma brillante para cualquiera que quiera añadir una forma fresca de presentar información en su sitio.
11. Easy Side Tab Pro: Plugin responsive de pestañas para WordPress
Easy Side Tab Pro es un plugin de llamada a la acción mediante pestañas flotantes para WordPress que te permite crear rápidamente cualquier cantidad de pestañas laterales y fijarlas a los bordes verticales u horizontales. Cuando se pulsa una de las pestañas, se despliega el popup asociado a dicha pestaña.
Desde la interfaz del back-end, podrás personalizar cualquiera de sus 15 plantillas de popup eligiendo entre una variedad de formas y añadiendo animaciones y transiciones. Y a cada pestaña podrás asignarle funcionalidades como un feed de Twitter, iconos para compartir en redes sociales, entradas recientes, productos de WooCommerce, shortcodes personalizados, un formulario de suscripción, y enlaces tanto internos como externos.
12. BWL - Acordeón de WordPress para gestionar base de conocimientos
Este es uno de los mejores plugins para WordPress que tenemos. Este plugin de pestañas para WordPress es amigable para el usuario, rápido y totalmente responsive. A la gente le encanta este widget de WordPress para contenido en pestañas por los siguientes motivos:
- No se requiere configuración
- Sistema de cuadrícula responsive
- Sistema de búsqueda basado en AJAX
- Pestañas animadas y responsive
- Amplio panel de opciones
- Personalizaciones ilimitadas
- Soporte y actualizaciones de por vida
13. ZF acordeón de WordPress para categorías
Estos widgets de WordPress de acordeón fueron creados para mejorar tu sitio web de WooCommerce al dotarlo de una mejor experiencia de navegación.
El plugin ZF WordPress Category Accordion te permite mostrar todas tus categorías a modo de acordeón en WordPress para las categorías de WooCommerce. Echa un vistazo a las atractivas características de este acordeón de WordPress:
- Admite acordeones para las categorías de WooCommerce
- Admite acordeones para las categorías de WordPress
- Acordeón para las páginas (menús de acordeón)
- Preparado para su traducción
- Admite shortcodes y widgets
- Acordeones conmutables
- Siete esquemas de color preconfigurados
14. Acordeones CSS3 para WordPress
Estos widgets para WordPress de acordeón están totalmente basados en CSS3. Es uno de los mejores plugins de acordeón para WordPress, ya que viene con un intuitivo panel de administración, diseños verticales y horizontales, e ilimitados colores para la interfaz.
Dentro de la sección expandible podrás colocar cualquier tipo de contenido, incluyendo listas, imágenes. o cualquier código HTML personalizado.
15. Acordeón para WordPress de 3 niveles responsive y con función de búsqueda
Responsive Searchable 3 Level Accordion es un sencillo plugin de acordeón para WordPress que podrás usar en cualquier parte de tu sitio. Este plugin le resultará atractivo a aquellos usuarios que estén buscando organizar contenido mediante un acordeón dentro de una entrada, una columna lateral, el pie de página, etcétera. Las siguientes son las mejores características de este acordeón y slider de acordeón:
- Puede usarse como widget o con shortcode
- Dispone de tres niveles de anidamiento
- Cinco opciones de estilo preconfiguradas
- Permite que los usuarios escriban su frase de búsqueda
Responsive Searchable 3 Level Accordion For WordPress es un plugin de acordeón sin complejidades, y cuenta con características increíbles como función de búsqueda para el contenido y tres niveles de anidamiento.
16. Everest Tab: Plugin de pestañas para WordPress responsive
Al usar Using Everest Tab, podrás mostrar pestañas dentro de contenido e incluso transformar fácilmente tu propio contenido HTML personalizado en un diseño de pestañas. También podrás crear ilimitadas pestañas y añadir componentes de pestaña como HTML, feeds de redes sociales, entradas recientes, productos de WooCommerce, formularios de contacto, integrar mapas de Google, y shortcodes externos. Además, podrás habilitar en tus pestañas los enlaces profundos.
17. Plugin de FAQ mediante acordeón para WordPress
Las páginas de FAQ son una parte importante de la mayoría de los sitios web, y con este plugin de acordeón para WordPress, podrás acomodar un montón de texto tras un elegante y digerible diseño. Este plugin de acordeón se centra en hacer una única cosa, crear fácilmente contenido del tipo FAQ, y lo hace realmente bien. Aquí tienes lo que puedes esperar de este plugin de pestañas de WordPress:
- Posibilidad de añadir rápidamente múltiples acordeones de FAQ a través del sitio
- Sencilla interfaz de reordenación del tipo arrastrar y soltar
- Personalización de los colores, los iconos, y las fuentes
- Generador para crear shortcodes
Si quieres añadir una sección de FAQ a tu actual diseño, Accordion FAQ WordPress Plugin te tendrá cubierto.
18. DZS - Pestañas y acordeón para WordPress
WordPress Tabs and Accordions DZS es otro de los mejores widgets para WordPress con el que crear pestañas. Le proporciona a los usuarios acceso tanto a funciones de pestañas como de acordeón. Entre sus mejores características están las siguientes:
- Completas apariencias de interfaz para adaptarse a cualquier imagen de marca
- Editor WYSIWYG
- Opciones de color ilimitadas para la personalización
- Optimizado para el iPhone, el iPad, y el sistema Android
- Y mucho más
WordPress Tabs and Accordions DZS es otro de los excelentes widgets para WordPress con el que crear contenido en pestañas. Es un plugin de pestañas para WordPress dos en uno.
19. El acordeón de WordPress definitivo con funcionalidad de búsqueda
Este plugin de acordeón de WordPress para el constructor WPBakery Page Builder calificado con 5 estrellas es uno de los favoritos para muchos. Entre algunas de sus características están las siguientes:
- Instalación rápida y fácil
- Diseños responsive de acordeón
- Sistema de búsqueda en vivo de contenido independiente
- Más de 14 suaves animaciones
- 6 esquemas de color predefinidos
- Soporte para idiomas que se leen de derecha a izquierda (RTL)
- Soporte y actualizaciones de por vida
20. Plugin de FAQ responsive con categorías para WordPress
El plugin de pestañas Responsive FAQ With Category WordPress está especialmente diseñado para aquellos usuarios que quieran añadir un área de preguntas frecuentes a su sitio y no quieran que los usuarios tengan que desplazarse a través de un largo flujo de texto.
Entre las mejores características de este widget de pestañas para WordPress se incluyen las siguientes:
- Las preguntas frecuentes se pueden ordenar por categorías
- 15 diseños personalizables entre los que elegir
- Compatible con el constructor de página Visual Composer y con WooCommerce
- Dos tipos de iconos para alternar entre preguntas frecuentes: signo de flecha o signo más
No hay duda de que este es uno de los mejores plugins de pestañas para WordPress y que WP Responsive FAQ with Category es una solución que cubrirá todas tus necesidades para crear una sección de FAQ.
21. Increíble y profesional acordeón para WordPress
¿Quién dijo que los acordeones deben ser aburridos? Accordion Awesome es una nueva adición a nuestra selección de plugins de acordeón. Te ayudará a crear coloridos, vibrantes e increíbles acordeones para tu sitio web que se muestren perfectamente en los distintos navegadores y dispositivos.
Viene con 13 plantillas entre las que elegir. Podrás personalizar los colores del texto, la descripción, los iconos, el fondo de la navegación, el fondo del acordeón activos, y el fondo del contenido del acordeón.
Podrás insertar acordeones usando shortcodes, bloques de Gutenberg, o bloques de Elementor. Tus acordeones podrás incluir imágenes, animaciones, listas, y mucho más.
22. Taber: Pestañas para Elementor
Taber es un plugin de WordPress para Elementor que te ayudará a crear pestañas responsive con cualquier contenido. Podrás mostrar las pestañas en cualquier estilo posible, por ejemplo en la parte superior, inferior, a la izquierda, a la derecha, e incluso en posiciones personalizadas. Tienes cinco plantillas personalizables.
Podrás personalizar el tamaño, la tipografía, los colores, el fondo, y los bordes de tus pestañas. Podrás incluso añadir imágenes, audio, y vídeo. Es amigable con el SEO y funciona perfectamente en todos los temas construidos con Elementor. El plugin incluye archivos pot para traducirlo rápidamente a cualquier idioma, incluidos los idiomas RTL.
5 widgets y plugins gratuitos de pestañas y acordeón para WordPress a descargar en el 2021
En los plugins prémium de CodeCanyon encontrarás las mejores características y las interfaces más atractivas. Pero, si no dispones de presupuesto o simplemente buscas algo sencillo, echa un vistazo a estos plugins gratuitos de pestañas y acordeón para WordPress.
1. Arconix shortcodes para crear pestañas y acordeón en WordPress
Arconix Shortcodes es un versátil plugin de acordeón para WordPress que no te puedes perder en el caso de que no puedas permitirte adquirir cualquiera de los plugins prémium. Con este plugin, podrás añadir no solo acordeones, sino también elegantes cajas, botones, pestañas, listas, columnas, y mucho más.
2. Easy Accordion
Easy Accordion es un constructor de acordeones del tipo arrastrar y soltar que te ayudará a presentar múltiples acordeones en tu sitio web de WordPress. No es necesario tener conocimientos sobre código para añadir acordeones a tu sitio web, ya que todo se añade mediante shortcodes.
3. Accordion
Este plugin de acordeón puede ayudarte a crear distintas secciones en tu sitio web, incluyendo, aunque no limitándose a secciones para FAQ, para bases de conocimiento, o para una sección de preguntas y respuestas. Podrás cambiar los colores, el tamaño de las fuentes, y los iconos de cada acordeón.
4. Squelch - Shortcodes de pestañas y acordeón
Usando shortcodes, puedes añadir acordeones horizontales, acordeones verticales y pestañas. Este plugin gratuito te ayudará a ahorrar espacio en tus páginas web, hará que tu sitio web tenga un aspecto más profesional, y añadirá un componente interactivo.
5. Shortcodes Ultimate
Shortcodes Ultimate te permite añadir un montón de herramientas a tu sitio web. Podrás añadir fácilmente pestañas, cajas, sliders y carruseles, así como vídeos responsive. El plugin viene con alrededor de 50 shortcodes que podrás implementar.
Cómo añadir un acordeón de FAQ a tu sitio web
En este ejemplo, vamos a crear una sección de FAQ para nuestra tienda online usando uno de nuestros mejores plugins de acordeón para WordPress.
Primero, tenemos que crear una categoría para nuestro acordeón de manera que el plugin sepa qué contenido añadir a cada acordeón concreto. Una vez hayas instalado el plugin Accordion FAQ WordPress plugin, dirígete al Escritorio de WordPress y desde allí accede al menú FAQ > Categories (categorías). En el campo nombre, escribiremos "Online Store" (tienda online) y haz clic en el botón Add New Category (Añadir nueva categoría).
A continuación, haremos clic en el menú FAQ > Add New (añadir nueva). De esta forma añadiremos nuestras tres entradas de FAQ. Incluiremos la pregunta en el título y la respuesta en el editor de texto.
Para cada una de nuestras entradas, nos aseguraremos de hacer clic en la casilla de verificación situada junto a la categoría, Online Store, que creamos para asegurarnos de agrupar juntas las entradas.
Una vez hemos añadido tres entradas de FAQ para nuestra tienda online, es el momento de añadir el widget de acordeón a una página. En una ya existente página o entrada, o en una nueva, haz clic en el botón Añadir shortcode situado en la parte superior del editor. Selecciona Insert FAQs (insertar FAQ) del menú desplegable Seleccionar un shortcode. Desde aquí, se nos proporcionará un grupo básico de ajustes que podemos modificar. Elegiremos la categoría Online Store en la opción Faq Category y cambia el color del icono a azul desde Icon Background Color.
Haz clic en el botón Insertar shortcode, y el shortcode será añadido al editor de texto. ¡El acordeón de FAQ aparecerá ahora en tu página web para que lo puedan ver todos los usuarios!
¡Instala un widget de pestañas o acordeón de WordPress ahora mismo!
Añadiendo un plugin prémium de pestañas o acordeón para WordPress a tu sitio web, serás capaz de simplificar el diseño de tus páginas y de mostrar tu texto y tus medios de una forma fácil de entender.
Estos útiles widgets y plugins te permiten integrar diseños interactivos para el contenido de tu sitio web a los que podrás aplicar el estilo que desees para adaptarlo al tema que estés usando.
Además de los widgets de alta calidad para pestañas y acordeones disponibles en CodeCanyon y Envato Elements, también encontrarás miles de otros plugins de alta calidad para WordPress que pueden ayudarte a mejorar tu sitio web. Echa un vistazo a esta inmensa colección de plugins, encontrarás plugins de todo tipo, incluyendo plugins para galerías, para newsletters, plugins de eCommerce, y de marketing.
Aquí tienes algunos de los plugins de WordPress más recientes y más vendidos disponibles para el 2021.
27 mejores widgets para WordPress de pestañas y acordeón (GRATIS y prémium)
20 Populares Elementos para Interfaces de Usuario en WordPress
Este artículo ha sido actualizado con las contribuciones de Maria Villanueva y Franc Lucas. Maria es una periodista y escritora con muchos años de experiencia en los medios digitales. Franc es un escritor de Envato Tuts+ que disfruta explorando el mundo de SaaS.
