Widgets: Accordion

Categorie di widget: Base

Con il widget Accordion i visitatori trovano subito le informazioni che cercano, senza dover scorrere blocchi di contenuto che non li interessano. Vedono invece un elenco di domande o titoli e aprono solo le voci che vogliono approfondire. È perfetto per creare FAQ compatte e leggibili, mettere in risalto i tuoi prodotti o annunciare i prossimi eventi.

Contenuto dinamico: questo widget può mostrare anche pagine dinamiche e informazioni specifiche di una Collection tramite Inline Binding.

Per sapere come aggiungere i widget, consulta «Add Widgets».

Editor di contenuto

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per l'editor di contenuto.

Opzioni di configurazione dell'Accordion

• Articoli. Fai clic su una voce per configurarne il contenuto, fai clic sull'icona di duplicazione per duplicarla oppure fai clic su Aggiungi elemento.
• Regole display.
  • Mostra una voce espansa alla volta. Scegli se i visitatori possono aprire una sola voce alla volta oppure vederne più aperte contemporaneamente.
  • Mostra il primo elemento ampliato. Scegli se mostrare la prima voce già aperta o tenerle tutte chiuse all'inizio.
• SEO.
  • Enable FAQ Schema. Attiva questa opzione per generare il markup dello schema FAQ una volta per pagina. Per verificare che lo schema sia corretto e vederne un'anteprima, usa il Rich Results Test.

Impostazioni e opzioni delle singole voci

• Textual Content. Titolo o domanda e descrizione.

  Nota: il campo di testo lungo offre varie opzioni di formattazione, come corsivo, grassetto o sottolineato.

• Pulsante. Se non vuoi un pulsante, fai clic sull'icona a forma di occhio per nasconderlo.

• Media (immagine o video). Aggiungi il contenuto multimediale che preferisci. Seleziona Clicca per aggiungere media per aprire la Libreria multimediale.

• Alt text. Dopo aver aggiunto un file multimediale, compare un campo per il testo alternativo. Scrivi il tuo testo alternativo. Ripeti l'operazione per ogni elemento multimediale dell'Accordion, oppure fai clic su Tutto il testo alternativo per vedere e gestire il testo alternativo di tutte le immagini del sito.

Per i widget Accordion aggiunti a un sito prima di febbraio 2024

• Articoli. Fai clic su una voce per configurare Titolo, Descrizione e Tipo di titolo. I tag di intestazione aiutano i motori di ricerca a identificare meglio il tuo testo. Per Tipo di titolo ti consigliamo di scegliere H3.
• Title icon. A seconda del layout scelto, il tuo widget Accordion può avere un'icona di titolo. È l'icona accanto al titolo di una voce e può essere diversa per ogni voce. Puoi mettere, ad esempio, un'icona a forma di orologio accanto all'orario di un evento o un'icona a forma di moneta accanto a una voce di prezzo.
• Mostra il primo elemento ampliato oppure Mostra solo un elemento espanso. Nell'editor di contenuto puoi anche decidere se, alla prima apertura del widget, nascondere il contenuto di tutte le voci o mostrare solo la prima. Inoltre scegli se i visitatori possono aprire una sola voce alla volta oppure vederne più aperte insieme.
• Generate FAQ Schema Markup. Attiva questa opzione per generare il markup dello schema FAQ una volta per pagina. Per verificare che lo schema sia corretto e vederne un'anteprima, usa il Rich Results Test.

Editor di design

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per modificare il design.

Ecco alcune delle sezioni e delle impostazioni che puoi trovare:

• Layouts. Fai clic sulla miniatura di un layout per selezionarlo.
• Titolo:
  • Scegli il tipo di intestazione (da h1 a h6) e dai al testo lo stile che preferisci.
  • Dai alla barra del titolo lo stile che preferisci (sfondo e bordo).
• Icona di espansione. L'icona in sé non si può cambiare, ma puoi personalizzarne gli elementi: regolarne dimensione e colore o modificarne lo sfondo.
• Media. Se le voci dell'Accordion contengono immagini, le configuri qui.
• Cornice. In questa sezione trovi varie impostazioni, tra cui lo spazio tra le voci.

Per informazioni sulle opzioni di design non specifiche di questo widget (ad esempio layout, stile o spaziatura), consulta «Widget Design».

Nota:

• Se cambi il layout del widget Accordion, alcune impostazioni potrebbero essere sovrascritte (ad esempio lo spazio tra le voci). Dopo aver modificato il widget, controlla tutte le impostazioni e ricrea quelle che mancano dopo il cambio di layout.
• Assicurati che le impostazioni di design siano corrette per ogni dispositivo. Come sempre, impostazioni come la spaziatura (dell'intero widget e delle singole voci), la larghezza e altre si definiscono per dispositivo.