Widget de acordeón

El widget de acordeón ayudan a los visitantes a encontrar exactamente la información que buscan, fácilmente. Agréguelo a sus sitios y los visitantes no tendrán que desplazarse a través de bloques de contenido que no les interesan. En su lugar, se les puede mostrar una lista de preguntas o títulos y simplemente elegir abrir aquellos sobre los que quieren leer más. Cree preguntas frecuentes, productos destacados o listas de próximos eventos compactos y fáciles de leer.

Este widget también puede mostrar páginas dinámicas, así como información específica sobre colecciones o productos, utilizando el enlace en línea. Consulte los artículos que se enumeran a continuación para obtener más información.

• Para mostrar páginas dinámicas con un widget Acordeón, consulte Agregar listas para mostrar páginas dinámicas.

• Para el enlace en línea con un widget Acordeón, consulte la sección Enlace en línea en Datos conectados.

Para agregar widgets de acordeón:

1. En el panel izquierdo, haga clic en Widgets.
2. Haga clic y arrastre el widget de acordeón a su sitio.

Para aprender más sobre cómo añadir widgets a su sitio, consulte Agregar widgets.

Editor de contenido

Al agregar el widget, se abre el editor de contenido. En este menú, puede agregar o modificar los campos del widget.

• Elementos. Haga clic en un elemento para configurar su contenido, haga clic en el icono Duplicar para duplicar un elemento o haga clic en +Agregar elemento.

• Reglas de visualización.

  • Mostrar un elemento expandido a la vez. Configúrelo para que los visitantes puedan expandir solo un elemento a la vez o ver varios elementos expandidos al mismo tiempo.

  • Mostrar primer elemento expandido. Configúrelo para mostrar el primer elemento expandido o contraerlos todos.

• SEO.

  • Habilitar esquema de preguntas frecuentes. Habilite este botón para generar el marcado de esquema de preguntas frecuentes una vez por página. Para probar si su esquema se generó correctamente y ver una vista previa, use la Prueba de resultados enriquecidos.

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

• Artículos. Haga clic en un artículo para configurar el título, la descripción y el tipo de encabezado del título. Las etiquetas del encabezado están disponibles para que los motores de búsqueda identifiquen su texto con mayor facilidad. Se recomienda seleccionar H3 para el Tipo de encabezado del título.
• Muestre el primer elemento ampliado o Solo muestre un elemento ampliado. El editor de contenido también ofrece la opción de elegir si prefiere ocultar el contenido de todos los elementos en el acordeón o mostrar solo el primer elemento cuando los usuarios abran el widget por primera vez. Además, puede elegir si los visitantes pueden ampliar solo un elemento a la vez o pueden ver varios elementos ampliados al mismo tiempo.
• Icono de título. Según el diseño que elija, su widget de acordeón puede tener un icono de título. El icono del título es el icono que está junto al título del elemento, y puede ser diferente en todos los elementos. Por ejemplo, es recomendable configurar agregar un icono de reloj junto a la hora de su evento o un icono de dinero junto a un elemento de fijación de precios.
• Genere el marcado de esquema de preguntas frecuentes. Habilite este botón para generar el marcado de esquema de preguntas frecuentes una vez por página. Para probar si su esquema se generó correctamente y ver una vista previa, use la Prueba de resultados enriquecidos.

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

Editor de diseño

Para acceder al editor de diseño:

1. Haga clic con el botón derecho en el widget y haga clic en Editar diseño.
2. Edite las opciones de diseño del icono ampliable. El icono ampliable aparece en todos los elementos del widget y corresponde al icono en el que hace clic para ampliar el elemento.

Puede editar el título, la descripción, el icono expandible y el estilo de marco. A continuación, le mostramos la configuración que puede editar: 

• Tipo (la etiqueta del encabezado; las etiquetas de encabezado están disponibles para que los motores de búsqueda puedan identificarlo 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 el fondo.

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), consulte Diseño de widgets.

• Asegúrese de que las configuraciones de diseño que defina sean correctas para el dispositivo. Como de costumbre, las configuraciones tales como espaciado (de todo el widget y de los elementos individuales), ancho, entre otras, se definen por dispositivo. Para obtener más información, consulte Editar por dispositivo.