Crea una pagina FAQ.

Impara DXPR BuilderCrea le pagineSegui un tutorial

Qui crei una pagina FAQ dove ogni domanda si apre e chiude con un clic. Finisci con un’intestazione centrata, una categoria di domande in un pannello comprimibile e un invito all’azione di contatto. Usala per un breve elenco di domande comuni. Per articoli di aiuto raggruppati per argomento, segui invece Crea una knowledge base.

Il video crea le FAQ di una clinica.

Prima di iniziare

  • Il tuo ruolo ha il permesso Edit with DXPR Builder.
  • La pagina è aperta nel builder. Per una nuova, vai in Content > Add content > Landing Page (/node/add/landing_page) e fai clic su Save.
  • I nuovi elementi e i nuovi interruttori arrivano in cima al loro contenitore. Aggiungi le domande dall’ultima alla prima, oppure trascinale al loro posto dopo.

Passaggio 1: aggiungi l’header

  1. Fai clic su Add Elements sulla pagina vuota e scegli Section dalla scheda Layout.
  2. Passa sopra alla sezione e apri More > Settings. In HTML classes scegli Align text center, poi fai clic su Save.
  3. Fai clic su + sulla sezione e scegli Text dalla scheda Content.
  4. Digita "Frequently asked questions" e impostalo su Heading 2 dalla barra degli strumenti. Aggiungi una riga che dice cosa tratta la pagina, poi fai clic su Save. Il tema stampa il titolo della pagina come Heading 1 della pagina. Per rendere invece questa intestazione l’Heading 1, vedi Crea pagine SEO-friendly.

Passaggio 2: aggiungi una categoria con domande

  1. Passa sopra alla sezione e fai clic su Add Section Below.
  2. Fai clic su + sulla nuova sezione e scegli Collapse panel dalla scheda Layout; arriva con un interruttore vuoto.
  3. Apri More > Settings sul pannello. Attiva Collapse così ogni domanda parte chiusa, imposta Expand icon su +, poi fai clic su Save.
  4. Apri More > Settings sull’interruttore, digita la domanda come suo Toggle title e fai clic su Save. I nuovi interruttori arrivano in cima, quindi parti dall’ultima domanda.
  5. Fai clic sulla domanda per aprire il suo corpo, fai clic su + dentro e scegli Text. Digita la risposta e fai clic su Save.
  6. Fai clic su Add toggle sul pannello e ripeti i passaggi 4 e 5 per ogni domanda, risalendo fino alla prima.
  7. Fai ancora clic su + sulla sezione e scegli Text; arriva sopra il pannello. Digita il nome della categoria come Heading 2 e fai clic su Save.

Punta a 3-6 domande per categoria.

Passaggio 3: aggiungi un invito all’azione di contatto

  1. Aggiungi una terza sezione con Add Section Below e apri il suo More > Settings. Scegli Align text center in HTML classes e un Background grigio chiaro nel pannello Style. Fai clic su Save.
  2. Fai clic su + sulla sezione e scegli Button. Imposta Title su "Contact us", Link su /contact, Type su Primary e Size su Large, poi fai clic su Save.
  3. Fai di nuovo clic su + e scegli Text; arriva sopra il pulsante. Digita "Still have questions?" come Heading 2, aggiungi una riga che indica il tuo team, poi fai clic su Save.

Passaggio 4: salva e vedi l’anteprima

  1. Fai clic su Save nella barra degli strumenti del builder.
  2. Apri il menu vista (l’icona occhio) e scegli Preview.

Per approfondire

Non mostrato nel video:

  • Altre categorie: ripeti il passaggio 2 per ogni categoria, una sezione e un pannello comprimibile ciascuna. Quelle comuni sono primi passi, account e fatturazione, funzionalità, risoluzione problemi, e privacy e sicurezza.
  • Schede invece di sezioni: con poche categorie, aggiungi un elemento Tabs dalla scheda Layout, una scheda per categoria, e metti un pannello comprimibile dentro ogni scheda. Ogni categoria resta a portata senza scorrere.

Consigli SEO

  • Usa la domanda vera come Toggle title
  • Rispondi nella prima frase, poi aggiungi dettagli
  • Collega le risposte alla pagina a cui si riferiscono
  • Aggiungi dati strutturati FAQ tramite il tuo tema o un modulo Drupal

Cosa vedi

L’intestazione sta centrata in alto. Sotto l’intestazione di categoria ogni domanda è chiusa e mostra un +. Un clic apre la risposta, e la banda finale offre il pulsante Contact us.

Se non vedi la pagina come mostrata

  • Tutte le domande partono aperte. Collapse è spento sul pannello comprimibile. Apri il More > Settings del pannello, attiva Collapse e fai clic su Save.
  • Non c’è + dentro un interruttore. Il corpo dell’interruttore è chiuso. Fai clic sulla domanda per aprirlo, poi fai clic su + dentro.
  • Le domande compaiono nell’ordine sbagliato. I nuovi interruttori arrivano in cima al pannello. Trascina ogni interruttore al suo posto dalla maniglia di trascinamento sulla sua barra dei controlli.
  • Le tue modifiche non ci sono più dopo un ricaricamento. Hai lasciato la pagina prima di fare clic su Save nella barra degli strumenti del builder. Se Save mostra un errore, vedi Le modifiche non si salvano.

E adesso?