Widgets: Accordion

Categorías de widgets: Básico

Con el widget Acordeón, tus visitantes encuentran justo la información que buscan sin tener que desplazarse por bloques de contenido que no les interesan. En su lugar ven una lista de preguntas o títulos y abren solo los apartados sobre los que quieren leer más. Así creas FAQs compactas y fáciles de leer, destacas productos o muestras tus próximos eventos.

Contenido dinámico: este widget también puede mostrar páginas dinámicas, así como información concreta de una Collection mediante Inline Binding.

Si quieres saber cómo añadir widgets, consulta «Add Widgets».

Editor de contenido

Haz clic en el elemento para abrir el menú flotante y luego en la opción del editor de contenido.

Opciones de configuración del Acordeón

• Elementos Haz clic en un elemento para configurar su contenido, haz clic en el icono de duplicar para duplicarlo o haz clic en Añadir elemento.
• Normas de visualización
  • Mostrar un elemento expandido a la vez Decide si tus visitantes pueden abrir solo un elemento a la vez o ver varios elementos abiertos al mismo tiempo.
  • Mostrar el primer artículo ampliado Decide si el primer elemento se muestra abierto o si todos empiezan cerrados.
• SEO.
  • Enable FAQ Schema. Activa esta opción para generar el marcado de esquema de FAQ una vez por página. Para comprobar si tu esquema se ha generado bien y ver una vista previa, usa el Rich Results Test.

Ajustes y opciones de cada elemento

• Contenido de texto. Título o pregunta y descripción.

  Nota: el campo de texto largo ofrece varias opciones de formato, como poner el texto en cursiva, en negrita o subrayado.

• Botón Si no quieres mostrar un botón, haz clic en el icono del ojo para ocultarlo.

• Media (imagen o vídeo). Añade el contenido multimedia que quieras. Selecciona Haga clic para añadir contenido multimedia para abrir la Biblioteca multimedia.

• Texto alternativo Cuando hayas añadido un archivo multimedia, aparecerá un campo de texto alternativo. Escribe tu propio texto alternativo. Repítelo con cada archivo multimedia del Acordeón, o haz clic en Todo el texto alternativo para ver y gestionar el texto alternativo de todas las imágenes del sitio.

Para los widgets Acordeón añadidos a un sitio antes de febrero de 2024

• Elementos Haz clic en un elemento para configurar Título, Descripción y Tipo / En cuanto al tipo de título, te recomendamos que elijas H3. Las etiquetas de encabezado ayudan a que los buscadores identifiquen mejor tu texto. Para Tipo / En cuanto al tipo de título, te recomendamos que elijas H3 te recomendamos elegir H3.
• Icono de título. Según el layout que elijas, tu widget Acordeón puede tener un icono de título. El icono de título aparece junto al título de un elemento y puede ser distinto en cada uno. Por ejemplo, puedes poner un icono de reloj junto a la hora de tu evento o un icono de dinero junto a un elemento de precio.
• Mostrar el primer artículo ampliado u Mostrar el primer artículo ampliado. En el editor de contenido también puedes decidir si, la primera vez que se abre el widget, se ocultan los contenidos de todos los elementos o solo se muestra el primero. Además, defines si los visitantes pueden abrir un único elemento a la vez o ver varios abiertos al mismo tiempo.
• Generate FAQ Schema Markup. Activa esta opción para generar el marcado de esquema de FAQ una vez por página. Para comprobar si tu esquema se ha generado bien y ver una vista previa, usa el Rich Results Test.

Editor de diseño

Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.

Estos son algunos de los apartados y ajustes que encontrarás:

• Diseño. Haz clic en la miniatura de un layout para seleccionarlo.
• Título:
  • Elige el tipo de encabezado (están disponibles de h1 a h6) y da al texto el estilo que quieras.
  • Da a la barra de título el estilo que quieras (fondo y borde).
• Icono de expansión El icono en sí no se puede cambiar, pero sí puedes personalizar sus elementos: ajustar su tamaño y color o modificar su fondo.
• Medios Si los elementos del Acordeón incluyen imágenes en su contenido, las configuras aquí.
• Marco En este apartado encontrarás varios ajustes, entre ellos el espacio entre elementos.

Si quieres información sobre opciones de diseño que no son específicas de este widget (por ejemplo, layout, estilo o espaciado), consulta «Widget Design».

Nota:

• Si cambias el layout del widget Acordeón, es posible que se sobrescriban algunos de tus ajustes (por ejemplo, el espacio entre elementos). Revisa todos los ajustes después de editar el widget y vuelve a crear los que falten tras el cambio de layout.
• Asegúrate de que los ajustes de diseño sean correctos en cada dispositivo. Como siempre, ajustes como el espaciado (del widget entero y de cada elemento), el ancho y otros se definen por dispositivo.