Sitio web avanzado: Widgets - Acordeón

El widget de acordeón ayuda a los visitantes a encontrar fácilmente la información que buscan. Añádelo a tus sitios y los visitantes no tendrán que desplazarse por bloques de contenido que no les interesan. En su lugar, podrán ver una lista de preguntas o títulos y simplemente abrir los que deseen leer. Crea preguntas frecuentes, productos destacados o próximos eventos concisos y fáciles de leer.

Este widget también puede mostrar páginas dinámicas, así como información específica de colección o productos mediante la vinculación en línea. Consulta los artículos a continuación para obtener más información.

• Para mostrar páginas dinámicas con un widget de acordeón, consulta Agregar listas para mostrar páginas dinámicas.
• Para la vinculación en línea con un widget de acordeón, consulta la sección Vinculación en línea en Datos conectados

Para agregar widgets de acordeón:

6. En el panel izquierdo, haz clic en Widgets.
7. Haz clic y arrastra el widget Acordeón a tu sitio.

Para más información sobre cómo agregar widgets a tu sitio, consulta Agregar widgets.

Al añadir el widget, se abre el editor de contenido. En este menú, puedes añadir o modificar los campos del widget.

• Elementos. Haz clic en un elemento para configurar su contenido, haz clic en el icono de duplicar para duplicarlo o haz clic en +Agregar elemento.
• Reglas de visualización.
  • Mostrar un elemento expandido a la vez. Configura esta opción para que los visitantes puedan expandir solo un elemento a la vez o ver varios elementos expandidos simultáneamente.
  • Mostrar el primer elemento expandido. Configura esta opción para mostrar el primer elemento expandido o para que todos estén contraídos.
• SEO.
  • Habilitar esquema de preguntas frecuentes. Activa esta opción para generar el marcado del esquema de preguntas frecuentes una vez por página. Para comprobar si el esquema se generó correctamente y obtener una vista previa, utiliza la prueba de resultados enriquecidos.

Para los widgets de acordeón agregados a un sitio antes de febrero de 2024

• Elementos. Haz clic en un elemento para configurar el Título, la Descripción y el Tipo de Encabezado. Las etiquetas de encabezado facilitan la identificación del texto en los motores de búsqueda. Se recomienda seleccionar H3 como Tipo de Encabezado.
• Mostrar el primer elemento expandido o Mostrar solo un elemento expandido. El editor de contenido también permite seleccionar si se prefiere ocultar el contenido de todos los elementos del acordeón o mostrar solo el primer elemento cuando los usuarios abren el widget por primera vez. Además, se puede elegir si los visitantes pueden expandir solo un elemento a la vez o si pueden ver varios elementos expandidos simultáneamente.
• Icono de título. Según el diseño que elijas, tu widget de acordeón puede tener un icono de título. Este icono es el que se encuentra junto al título del elemento y puede ser diferente en cada elemento. Por ejemplo, puedes añadir un icono de reloj junto a la hora de tu evento o un icono de dinero junto a un elemento de precio.
• Generar esquema de marcado de preguntas frecuentes. Activa esta opción para generar el esquema de preguntas frecuentes una vez por página. Para comprobar si tu esquema se generó correctamente y obtener una vista previa,
• Utiliza la prueba de resultados enriquecidos.

El editor de diseño te permite controlar el diseño y el estilo del widget de acordeón.

Para acceder al editor de diseño:

6. Haz clic derecho en el widget y haz clic en Editar diseño.
7. Edita las opciones de diseño del icono expandible. Este icono aparece en todos los elementos del widget y corresponde al icono en el que haces clic para expandirlo.

Puedes editar el título, la descripción, el icono expandible y el estilo del marco. Consulta los siguientes ajustes de configuración:

• Tipo (etiqueta de encabezado; las etiquetas de encabezado están disponibles para que los motores de búsqueda puedan identificar tu texto más fácilmente. Se recomienda configurarlo en H3)
• Fuente (familia, tamaño, color y formato)
• Alineación
• Dirección del texto
• Color de fondo
• Borde
• Imagen. Solo se puede asignar una imagen por elemento. Para todos los elementos, la imagen aparece en segundo plano.

Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulta Diseño de widgets.