Widget Accordion

Il widget Accordion aiuta i visitatori a trovare facilmente le informazioni che stanno cercando. Aggiungilo ai tuoi siti e i visitatori non dovranno scorrere i blocchi di contenuti a cui non sono interessati, ma verrà mostrato loro un elenco di domande o titoli, così che potranno semplicemente scegliere di aprire quelli che vogliono continuare a leggere. Crea domande frequenti sintetiche e facilmente comprensibili, prodotti in evidenza o elenchi di eventi imminenti.

Questo widget mostra anche le pagine dinamiche e le informazioni specifiche su raccolte o prodotti utilizzando Associazione in linea. Per maggiori informazioni, consulta gli articoli elencati di seguito.

Per aggiungere widget Accordion:

  1. Nel pannello a sinistra, fai clic su Widget.
  2. Tieni premuto e trascina il widget Accordion sul tuo sito.

Per maggiori informazioni sull'aggiunta di widget al sito, vedi Aggiungere widget.

Editor di contenuti

Aggiungendo il widget si aprirà l'editor di contenuti, che consente di aggiungere o modificare i campi del widget.

  • Elementi. Fai clic su un elemento per configurarne il contenuto, fai clic sull'icona duplicata per duplicare un elemento o fai clic su +Aggiungi elemento.

  • Regole di visualizzazione.

    • Mostra un elemento espanso alla volta. Impostalo in modo che i visitatori possano espandere solo un elemento alla volta o visualizzare più elementi espansi contemporaneamente.

    • Mostra il primo elemento espanso. Impostalo per mostrare il primo elemento espanso o per comprimerli tutti.

  • SEO.

    • Abilita schema FAQ. Abilita questa opzione per generare il markup dello schema delle FAQ una sola volta per pagina. Per verificare se lo schema è stato generato correttamente e visualizzarne un'anteprima, usa il Test dei risultati multimediali.

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

  • Elementi. Clicca su un elemento per configurare titolo, descrizione e tipo di intestazione del titolo. Sono disponibili dei tag di intestazione per rendere il testo più facilmente identificabile dai motori di ricerca. Si consiglia di selezionare H3 per il tipo di intestazione del titolo.
  • Mostra il primo elemento ampliato o Mostra solo un elemento ampliato: l'editor di contenuti offre anche la possibilità di scegliere se nascondere il contenuto di tutti gli elementi dell'Accordion o visualizzare solo il primo elemento quando gli utenti aprono il widget per la prima volta. Inoltre, è possibile scegliere se i visitatori possono espandere un solo elemento alla volta o visualizzare più elementi espansi contemporaneamente.
  • Icona del titolo: a seconda del layout scelto, il widget Accordion potrebbe avere un'icona del titolo. L'icona del titolo si trova accanto al titolo dell'elemento e potrebbe essere diversa a seconda degli elementi. Ad esempio, potresti voler aggiungere un'icona di un orologio accanto all'ora dell'evento o un'icona che rappresenta il denaro accanto a un prezzo.
  • Genera il markup dello schema delle FAQ: abilita questa opzione per generare il markup dello schema delle FAQ una sola volta per pagina. Per verificare se lo schema è stato generato correttamente e visualizzarne un'anteprima, usa il Test dei risultati multimediali.

L'editor di progettazione consente di controllare il layout e lo stile del widget Accordion.

Editor di progettazione

Per accedere all'editor del design:

  1. Fai clic con il tasto destro del mouse sul widget, quindi fai clic su Modifica design.
  2. Modificare le opzioni di design dell'Icona espandibile. L'icona espandibile viene visualizzata su tutti gli elementi del widget e corrisponde all'icona su cui fai clic per espandere l'elemento.

È possibile modificare il titolo, la descrizione, l'icona espandibile e lo stile della cornice. Di seguito sono riportate le impostazioni modificabili: 

  • Tipo (il tag di intestazione; i tag di intestazione sono disponibili per rendere il testo più facilmente identificabile dai motori di ricerca. È consigliabile impostarlo su H3)

    Carattere (famiglia, dimensioni, colore e formato)

  • Allineamento

  • Direzione testo

  • Colore di sfondo

  • Bordo

  • Immagine. È possibile assegnare una sola immagine per elemento. Per tutti gli elementi l'immagine appare sullo sfondo.

Per maggiori informazioni su opzioni di progettazione che non sono specifiche per questo widget (es. layout, stile o spaziature), vedi Design dei widget.

Nota
  • La modifica del layout del widget Accordion può sostituire alcune impostazioni definite (ad es. lo spazio tra gli elementi). Controlla tutte le impostazioni dopo aver modificato il widget e ricrea quelle che mancano dopo aver modificato il layout.
  • Quando modifichi le icone, prendi nota del tipo di icona che stai modificando. L'icona del titolo si trova accanto al titolo dell'elemento in determinati layout.
  • Verifica che le impostazioni di design definite siano adatte al dispositivo. Anche in questo caso, impostazioni come spaziatura (dell'intero widget e dei singoli elementi), ampiezza e altre caratteristiche sono definite in base al dispositivo. Per ulteriori informazioni, vedi Modifiche in base al dispositivo.