Compatibilità:

WeSite X5 Evo e Pro dalla versione 2024.2

È una situazione piuttosto comune: hai molto testo da inserire in una pagina e poco spazio a disposizione 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 alcuni esempi che trovi in questa pagina di Anteprima. 



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 a cui possono essere aggiunti un'immagine e un pulsante con un link attivo.   

  • Fai doppio click sull’Oggetto Accordion Text & FAQ inserito per accedere alla finestra con tutte le opzioni.
  • Rimani nella sezione Contenuto e clicca sul pulsante Aggiungi per aggiungere un nuovo blocco di testo nell'elenco dei blocchi. 
  • Seleziona il blocco appena aggiunto nell'elenco e inserisci tutte le informazioni necessarie per comporlo. Per ogni blocco puoi prevedere:
    • un Titolo;
    • un Testo, ovvero il contenuto vero e proprio del blocco;
    • un'Immagine che puoi selezionare tra quelle salvate in locale sul PC piuttosto che tra quelle proposte nelle Librerie Online;
    • un Pulsante: qui devi solo digitare l'etichetta di testo del pulsante ma potrai poi stilizzarlo tramite le opzioni delle sezione Stile;   
    • un Collegamento: questa voce è attiva solo se hai già inserito un'Immagine e/o un Pulsante. Clicca su per richiamare la finestra Collegamento e scegliere l'azione che deve essere svolta al click sull'immagine e/o il pulsante.   
  • Ripeti questi passaggi per inserire tutti i blocchi di testo che ti servono.
  • Per modificare la lista dei blocchi, seleziona quello su cui vuoi agire e utilizza il pulsante Rimuovi per eliminarlo o i tasto freccia per spostarlo.
#tip - Per scrivere o modificare titoli, testi ed etichette dei pulsanti, puoi farti aiutare da  MagicText, l'assistente AI integrato in WebSite X5.


#tip - In questo Oggetto, le immagini sono inserite all’interno dei singoli blocchi di testo. Se preferisci un layout con immagini affiancate che cambiano dinamicamente in base alla selezione, puoi utilizzare l’Oggetto Accordion Image.


Come definire l’aspetto grafico

Definito il contenuto, puoi facilmente definire il comportamento e 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 la sezione Stile e usa le opzioni della sezione Comportamento per definire come l'utente potrà interagire per la visualizzazione di questi contenuti testuali. Nello specifico puoi:
    • Definire come l'Oggetto si deve presentare all'apertura della pagina. Tramite l'opzione Blocco aperto all'avvio puoi impostare che all'avvio tutti i blocchi siano chiusi (si vedono solo i titoli), solo il primo blocco sia aperto oppure tutti i blocchi siamo aperti.
    • Impostare la Durata dell'effetto di apertura/chiusura dei blocchi, rendendolo più o meno veloce.
    • Decidere se dare all'utente la possibilità di chiudere i blocchi dopo che sono stati aperti (attivando l'opzione Consenti chiusura blocco) e di poter mantenere aperti più blocchi contemporaneamente (attivando l'opzione Visualizzazione multipla).
    • Fare in modo che nel codice della pagina vengano inseriti i dati strutturati previsti da Schema.org per le FAQ Page, attivando l'opzione Attiva Dati Strutturati tipo FAQ Page.
#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. 

 

  • A questo punto, puoi definire l'aspetto dei singoli Elementi che compongono l'Accordion Text & FAQ: 
    • seleziona l'Elemento su cui vuoi agire: Blocco, Titolo, Titolo Attivo, Icona, Testo, Immagine o Pulsante;
    • utilizza le opzioni disponibili a seconda dell'elemento selezionato per impostare caratteristiche come Bordi, Colori, Caratteri, Margini, Allineamenti, ecc. Puoi ottenere soluzioni grafiche molto diverse fra loro: nota, per esempio, che annullando la distanza tra i blocchi, lo smusso e l'ombra verranno applicati all'Oggetto intero e non ai singoli blocchi.
  • Quando sei soddisfatto, clicca sul pulsante Ok per confermare.


Pronto per usarlo?

Vuoi organizzare i tuoi contenuti in modo chiaro e ordinato? Installa subito l’Oggetto Accordion Text & FAQ


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