Widget gratuito de Elementor Accordion para preguntas frecuentes y cambios
Advanced Accordion es un widget de complementos maestros para secciones de preguntas frecuentes y contenido plegable, y no necesita complementos maestros Pro. Elige Acordeón para mantener un artículo abierto a la vez o Alternar para permitir que los visitantes abran varios. Cada elemento tiene un título y una respuesta, puede comenzar a abrirse y puede usar sus propios íconos de expansión y colapso. Estilee los títulos para los estados Normal, Flotar y Activo, luego diseñe las respuestas y los íconos. Complementos maestros Pro agrega secciones guardadas, widgets guardados y plantillas de página como contenido del elemento, que también es como anidas un acordeón dentro de otro.
Cómo crear un acordeón de preguntas frecuentes en Elementor
Necesita Elementor y el complemento Master Addons de WordPress.org.
- Compruebe que Advanced Accordion esté activado en Complementos maestros, widgets.
- En el editor Elementor, busque Acordeón avanzado y arrástrelo a la página.
- Establezca Accordion Type en Accordion para obtener preguntas frecuentes clásicas.
- Agregue un elemento por pregunta, escriba la respuesta y establezca su pregunta más formulada en Activo como predeterminada.
- Establezca la etiqueta HTML del título en H3 para que las preguntas se conviertan en encabezados.
- Diseñe los títulos, respuestas e íconos en la pestaña Estilo.
Acerca del esquema de preguntas frecuentes: este widget no genera datos estructurados de FAQPage. Si desea obtener resultados enriquecidos con preguntas frecuentes, active la opción Esquema de preguntas frecuentes en el propio widget Accordion de Elementor o agregue las preguntas con un bloque de preguntas frecuentes del complemento SEO. Cada configuración está cubierta en el Configuración avanzada del widget Accordion.
Acordeón avanzado de un vistazo
Qué hace el widget, lea el código de complementos maestros.
| Artículo | Widget de acordeón avanzado |
|---|---|
| Modos | Acordeón (un elemento abierto a la vez) o Alternar (varios abiertos) |
| Artículos | Tantos como agregues a la lista |
| Abierto bajo carga | Activo como predeterminado por elemento; sin ninguno configurado, todos los elementos comienzan cerrados |
| Iconos | Expanda y contraiga íconos para el widget, además de íconos personalizados por elemento |
| Título Etiqueta HTML | H1 a H6, div o span |
| Estilo del título | Normal, flotante y activo: fondo, color del texto, tipografía, borde, radio, sombra, relleno |
| Contenido | Texto y medios; sección, widget o plantilla de página guardada con Pro |
| Color de fondo por artículo | Con Pro |
| Anidando | A través de una sección o plantilla guardada con Pro |
| Velocidad de animación | Alternar velocidad en milisegundos |
| Esquema de preguntas frecuentes | prohibido |
| Configuración ampliada de elementos máximos | No; Utilice el modo Accordion uno a la vez |
| Necesidades | Complementos Elementor y Master |
Acordeón o Alternar comportamiento
Tipo de acordeón establece el comportamiento: Accordion cierra el elemento abierto cuando se abre otro y Toggle permite que varios permanezcan abiertos. Para cada elemento, agregue el título y el contenido, active Activo como predeterminado para abrirlo al cargarlo y encenderlo Habilitar icono personalizado para sus propios iconos. Tipo de contenido es contenido sencillo sin Pro. Sección guardada, widget guardado y plantilla de página guardada, además de un color de fondo por elemento, necesito Pro.
- Cambie la velocidad en milisegundos para la animación de apertura y cierre.
- Título Etiqueta HTML de H1 a H6, div o span, por lo que las preguntas pueden ser encabezados reales.
- Acordeones anidados: guarda un acordeón como plantilla y cárgalo en un artículo con Pro.
Mantenga un acordeón Elementor cerrado por defecto
Todos los elementos de Advanced Accordion comienzan cerrados a menos que los enciendas Activo como predeterminado para ello. Para un acordeón que está completamente cerrado cuando se carga la página, deje que se apague en cada elemento. Para abrir solo el primer elemento, enciéndalo para el elemento uno y deje el resto apagado.
En el modo Acordeón, un elemento permanece abierto a la vez, por lo que un segundo clic en otro título cierra el primero. En el modo Alternar, los visitantes pueden abrir tantos elementos como quieran y cada elemento que configure con Activo como predeterminado se abre juntos durante la carga. El propio Accordion de Elementor maneja esto con dos configuraciones de widget: un estado predeterminado (primer elemento expandido o todos contraídos) y una cantidad máxima de elementos expandidos.
Ningún elemento tiene activo como predeterminado activado, por lo que las cuatro respuestas comienzan cerradas.
Alternar tipo con dos elementos configurados en Activo como predeterminado: ambos se abren juntos al cargar.
¿acordeón, alternar o alternar contenido?
Tres de nuestros widgets abren y cierran contenido. Elija por lo que el visitante necesita ver de inmediato.
| Tu quieres | Usar |
|---|---|
| Una lista de preguntas frecuentes donde una respuesta está abierta a la vez | Acordeón avanzado, tipo Acordeón |
| Una lista de especificaciones o lista de verificación donde los visitantes abren varios elementos | Acordeón avanzado, tipo de alternancia |
| Un interruptor que intercambia una sección completa, como precios mensuales y anuales | Alternar contenido |
| Etiquetas una al lado de la otra con un panel a la vista | Pestañas |
Para comparaciones más largas, lea alternar vs acordeón en Elementor y pestañas vs acordeón.
Estilo y estructura de títulos basados en el estado
La barra de título es en lo que los usuarios hacen clic -gnante para que cada estado visual sea intencional. Estilee el título por separado para sus estados Normal, Flotante y Activo (abierto). Para cada estado, defina un tipo de fondo (color, gradiente), color de texto y tipografía únicos. Controle la alineación del título, el relleno, el borde, el radio del borde y agregue una sombra de caja. Este nivel de detalle le permite crear un viaje visual claro: un valor predeterminado neutral, un desplazamiento atractivo y un estado “abierto” distinto que confirma la acción del usuario.
- Diseño de triple estado: aplique estilos distintos a las barras de título Normal, Hover y Active.
- Fondos avanzados: utilice colores sólidos o degradados para diferentes estados para crear profundidad.
- Control completo de caja: ajuste el acolchado, los bordes y la sombra de la caja para que cada barra de título sea un componente diseñado.
Iconos de alternancia personalizables con estados duales
Vaya más allá del icono del triángulo genérico. Habilite el ícono personalizado para elegir cualquier ícono de la biblioteca para las acciones Expandir (estado cerrado) y Contraer (estado abierto). Coloque el ícono hacia la izquierda o hacia la derecha. Luego, diseñe estos íconos de forma independiente para los estados Normal, Flotar y Activo, cambiando su color, tamaño y fondo. Ajuste el espaciado y el relleno de los íconos alrededor del ícono para una alineación perfecta. Esto convierte un indicador funcional en una parte coherente de su lenguaje de diseño.
- Iconos duales: establezca diferentes íconos para los estados “más” (expandir) y “menos” (colapsar).
- Estilo de iconos específico del estado: cambie el color y el fondo del icono cuando el elemento esté suspendido o activo.
- Alineación correctamente: icono de control Alineación, posición y espaciado en relación con el texto del título.
Área de contenido y estilismo de contenedores
El contenido que se desliza hacia abajo merece su propia consideración de diseño. Diseñe el área de Contenido con su propio color de fondo, color de texto, tipografía y relleno interno. Agregue una sombra de texto para que sea legible si es necesario. Luego, diseñe el contenedor general de elementos que contiene todas las secciones de acordeón: establezca el espacio entre elementos, un borde global, un radio de borde y una sombra de caja. Esto garantiza que todo el widget se sienta como un componente unificado y pulido, y que el contenido abierto sea fácil y agradable de leer.
- Diseño del área de contenido: diseñe el fondo y el texto del contenido desplegable para una legibilidad óptima.
- Pulido a nivel de contenedor: aplique Border Radius y Box Shadow a todo el grupo de acordeón.
- Espaciado de elementos: controle el espaciado (margen) entre cada elemento del acordeón para lograr una apariencia limpia y separada.
Acordeón Elementor vs Addons Master Acordeón Avanzado
Elementor gratuito ahora tiene su propio widget Accordion. Así es como se comparan los dos, para que puedas elegir el correcto.
| Característica | Acordeón Elementor | Master Addons Acordeón Avanzado |
|---|---|---|
| Precio | Gratis en Elementor | Incluido sin Pro; El contenido de la plantilla necesita Pro |
| Esquema de preguntas frecuentes | Opción de esquema de preguntas frecuentes | Sin salida de esquema |
| Contenido anidado | Coloque cualquier widget en cada elemento, incluido otro acordeón | Texto sin Pro; secciones, widgets o plantillas guardadas con Pro |
| Comportamiento abierto | Estado predeterminado y elementos máximos ampliados | Acordeón o Alternar, más Activo como Predeterminado por artículo |
| Iconos por elemento | Iconos compartidos | Iconos personalizados de expansión y colapso por artículo |
| Estilo del título | Normal, flotante y activo | Normal, Flotar y Activo con fondo, borde y sombra |
Elija Accordion de Elementor cuando necesite un esquema de preguntas frecuentes o widgets dentro de cada elemento sin un complemento. Elija Accordion avanzado para íconos por elemento y alterne el comportamiento con un estilo detallado. Widgets relacionados: Alternar contenido, Pestañas, Tabla de contenidos, Cuadro informativo y Horario comercial.
Esquema de preguntas frecuentes y acordeón avanzado
El esquema de preguntas frecuentes son datos estructurados que marcan un bloque de preguntas y respuestas como preguntas frecuentes. Advanced Accordion no lo genera. Las preguntas aún se muestran en la página y se pueden rastrear; el widget simplemente no agrega ningún marcado de FAQPage.
Google dejó de mostrar resultados ricos en preguntas frecuentes en la Búsqueda el 7 de mayo de 2026, por lo que el marcado ya no agrega el menú desplegable de preguntas bajo un resultado de búsqueda. Es posible que otras herramientas aún lo lean. Si lo desea de todos modos, use el widget Accordion de Elementor y active su opción Esquema de preguntas frecuentes, o mantenga Advanced Accordion para el diseño y agregue el esquema de preguntas frecuentes a través de su complemento SEO. Elija una fuente de marcado de preguntas frecuentes por página, porque dos bloques de páginas de preguntas frecuentes para las mismas preguntas confunden más de lo que ayudan.
Ejemplos avanzados de acordeón
Catorce demostraciones en vivo creadas con Advanced Accordion: páginas de preguntas frecuentes, paneles de soporte, preguntas de preventa, listas de pasos y una tabla de planes.
- Preguntas frecuentes clásicas
- Preguntas frecuentes sobre preventa limpia
- Preguntas frecuentes editoriales numeradas
- Preguntas frecuentes interactivas
- Preguntas frecuentes sobre brillo oscuro
- Diseño dividido oscuro
- Preguntas frecuentes sobre soporte dividido
- Panel de soporte
- Panel de preguntas frecuentes de Bento
- Preguntas frecuentes al lado de una imagen arqueada
- Alternar pasos
- Planificar mesa
- Bloque de marca
- La demostración original
Preguntas frecuentes sobre acordeón avanzado
¿cuál es la diferencia práctica entre el tipo “Acordeón” y “Alternar”?
Acordeón: Sólo se puede abrir un elemento a la vez. Al abrir un nuevo elemento se cierra automáticamente el anterior. Lo mejor para páginas de preguntas frecuentes o instrucciones secuenciales donde desea minimizar el desplazamiento y centrar la atención.
Alternar: se pueden abrir varios elementos simultáneamente. Los usuarios pueden ampliar varios elementos para comparar o recopilar información. Lo mejor para listas de verificación de funciones, listas de especificaciones de productos o contenido donde los usuarios necesitan ver varias secciones a la vez.
¿necesito Master Addons Pro para Acordeón Avanzado?
No. Tipos de acordeón y alternancia, activos como predeterminados, íconos personalizados y todo el estilo funciona sin Pro. Se necesitan secciones guardadas, contenido de widgets y plantillas y colores de fondo por elemento Complementos maestros Pro.
¿qué son los tipos de contenido de sección guardada y plantilla de página guardada?
Son opciones Master Addons Pro que cargan algo de su biblioteca de plantillas Elementor en un elemento, como una sección de formulario de contacto u otro acordeón. Así es como construyes acordeones anidados con este widget.
¿cómo mantengo todos los elementos del acordeón cerrados durante la carga de la página?
Deje activo como predeterminado desactivado en cada elemento. Advanced Accordion abre solo los elementos donde ese interruptor está encendido, por lo que sin ninguno configurado, cada elemento comienza a cerrarse y el visitante abre el que necesita.
¿Por qué no se abre mi acordeón?
Verifique que Advanced Accordion esté activado en Master Addons, Widgets y luego borre su caché. Si un complemento de velocidad retrasa JavaScript hasta el primer desplazamiento o toque, los elementos no se abrirán hasta que finalice ese retraso, así que excluya los scripts de Master Addons.
¿el acordeón agrega un esquema de preguntas frecuentes?
No. Advanced Accordion no genera datos estructurados de FAQPage. Google ya no muestra resultados ricos en preguntas frecuentes (desde mayo de 2026), por lo que el marcado importa menos que antes. Si aún lo desea, utilice el widget Accordion de Elementor con su opción Esquema de preguntas frecuentes o agréguelo a través de un complemento SEO.
¿Puedo controlar la velocidad de apertura y cierre de la animación?
Sí. En la pestaña Contenido, encontrarás Alternar velocidad (ms). El valor está en milisegundos (p. ej., 300). Un número menor (como 200) lo hace más rápido y ágil; un número mayor (como 500) lo hace más lento y deliberado.
¿Cómo hago que un elemento se abra de forma predeterminada?
Abra el elemento en la pestaña Contenido y active como predeterminado. Con el tipo Acordeón, configúrelo en un solo elemento: si dos elementos lo tienen activado, ambos se abren al cargar y el primer clic cierra todo excepto el elemento en el que se hizo clic.
¿Puedo poner un acordeón dentro de otro acordeón?
Sí con Complementos maestros Pro: guarde el acordeón interno como una sección o plantilla, luego selecciónelo como el tipo de contenido de un elemento. El widget de acordeón anidado de Elementor gratuito también anida acordeones sin complemento.
¿Puedo hacer un acordeón horizontal?
No. Advanced Accordion apila elementos verticalmente y abre cada respuesta debajo de su título. Para etiquetas una al lado de la otra, el Pestañas el widget es el que más se adapta.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
