Compatibilità:

WeSite X5 Evo e Pro dalla versione 2020.2


È una situazione tipica: hai molto testo da inserire in una pagina e poco spazio per farlo. Un modo efficace per risolvere il problema è organizzare il testo in paragrafi e fare in modo che l’utente li possa visualizzare e nascondere cliccando sui titoli. In una parola la soluzione è usare l’Oggetto Accordion Text & FAQ così come abbiamo fatto per realizzare la sezione delle FAQ del Template Nutri Advisor. Trovi altri esempi in questa pagina di Anteprima



Vuoi scoprire come usare l'Oggetto Accordion Text & FAQ? Guarda questo breve video o continua a leggere l'articolo:



Come inserire i testi

I testi che si prestano meglio ad essere utilizzati con l’Accordion Text & FAQ sono quelli organizzati in sezioni, ciascuna introdotta da un titolo: un elenco di FAQ, un glossario, ecc… Ogni sezione del testo, dunque, corrisponde a un blocco e deve avere un titolo e del testo.   

  • Fai doppio click sull’Oggetto Accordion Text & FAQ  inserito per accedere alla finestra con tutte le opzioni.
  • Rimani nella sezione Contenuto e seleziona il Blocco di testo 1 dalla lista. 
  • Digita il Titolo e il Testo negli appositi campi.
  • Ripeti questi passi per inserire tutte gli altri blocchi: puoi prevederne fino a un massimo di 15.
  • Se ti è utile puoi specificare anche un Testo pulsante e un Collegamento: in questo modo verrà aggiunto un pulsante al termite del testo del blocco.  


Come definire l’aspetto grafico

Puoi facilmente definire l'aspetto grafico dell'Accordion Text & FAQ e di tutti gli elementi che lo compongono in modo da adattarlo al layout complessivo del tuo sito: 

  • Apri il tab Stile e usa le opzioni della sezione Generale per definire: 
    • lo Stile generale dell'Oggetto, scegliendolo fra quelli proposti;
    • il Colore Primario (utilizzato per i box dei titoli e i box attivi) e il Colore Secondario (utilizzato per i box dei testi e i box non attivi), con le relative Opacità, da usare;
    • la modalità di visualizzazione all'avvio. Con l'opzione Blocco aperto all'avvio puoi decidere, infatti, se all'avvio tutti i blocchi sono chiusi, se è aperto solo il primo blocco o se tutti i blocchi sono aperti. 
  • Utilizza ora le opzioni della sezione Stile Blocchi per definire la Distanza tra i blocchi oltre che i fattore di Smusso, l'Ombra e lo Spessore del bordo da applicare a questi. Nota che annullando la distanza tra i blocchi, lo smusso e l'ombra verranno applicati all'Oggetto intero e non ai singoli blocchi.
  • Infine, puoi definire l'aspetto dei singoli elementi che compongono l'Accordion Text & FAQ: 
    • seleziona l'Elemento su cui vuoi agire: Titolo, Testo o Pulsante;
    • utilizza le opzioni disponibili a seconda dell'elemento: Tipo di Font, Colore del Testo, Allineamento, Margini, ecc. 
    • Quando sei soddisfatto, clicca sul pulsante Ok per confermare. 


Come inserire i dati strutturati per le FAQ

Se stai lavorando con l'edizione Pro hai a disposizione alcune utili opzioni SEO. 

Innanzi tutto puoi specificare quale tag di intestazione associare ai titoli dei blocchi. 

In secondo luogo, puoi fare in modo che nel codice della pagina vengano inseriti i dati strutturati previsti da Schema.org per le FAQ Page. Per ottenere questo risultato, devi procedere in questo modo:

  • Vai al Passo 1 - Impostazioni del Sito > Avanzate > SEO > Dati Strutturati e assicurati che l'opzione Attiva Dati Strutturati sia attiva.
  • Fai doppio click sull'Oggetto Accordion Text & FAQ per tornare alla finestra delle proprietà e fai in modo che anche l'opzione Attiva Dati Strutturati di tipo FAQ Page sia attiva.


#tip - Ricorda che i dati strutturati sono disponibili solo con l'edizione Pro a partire dalla versione 2020.2. Utilizza l'opzione Attiva Dati Strutturati di tipo FAQ Page solo se stai utilizzando l'Oggetto Accordion Text & FAQ per creare delle FAQ. Per maggiori informazioni, vedi: Come utilizzare i dati strutturati FAQ Page.    

 

Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Accordion Text & FAQ


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti