Come aggiungere una fisarmonica in WordPress (Guida passo passo)

Stai progettando una pagina di destinazione, una pagina di prodotto o una pagina di domande frequenti sul tuo sito Web WordPress? Quindi dovresti usare le fisarmoniche nei design delle tue pagine.

Accordions aiuta a rendere più facile l'esplorazione dei siti Web e migliora l'esperienza dell'utente. Aiutano anche a ridurre il disordine e ad accorciare le pagine Web extra lunghe.

In questa guida passo passo, ti mostriamo come creare una sezione di fisarmonica sul tuo sito web senza dover scrivere una sola riga di codice.

Una cosa grandiosa dell'utilizzo di WordPress è che puoi aggiungere funzionalità straordinarie come le fisarmoniche al tuo sito Web utilizzando un semplice plug-in. In questa guida, utilizziamo le FAQ eroiche per creare una sezione di fisarmonica con pochi clic.

Ti guideremo attraverso il processo, passo dopo passo. Iniziamo!

Crea sezioni di domande frequenti - Il modo più semplice!

Crea una FAQ e aiuta a rispondere alle domande più comuni dei visitatori.

Ottieni il plug-in

Cos'è una fisarmonica?

Le fisarmoniche sono una strategia di progettazione molto utile utilizzata nel web design per organizzare più sezioni di contenuto in un unico luogo. In poche parole, le fisarmoniche ti consentono di creare una sezione con schede pieghevoli sui design della tua pagina per racchiudere molti contenuti in una sezione.

Ad esempio, se stai creando una sezione delle domande frequenti (FAQ), puoi utilizzare una fisarmonica per organizzare in modo ordinato le domande e le risposte. In questo modo puoi mostrare solo le domande e nascondere le risposte in una fisarmonica pieghevole. Ti consentirà di risparmiare spazio sul design della pagina e offrirà agli utenti un modo più semplice per esplorare le risposte.

Dai un'occhiata a come Tesco usa le fisarmoniche per organizzare la loro pagina delle FAQ.

In passato, i siti Web utilizzavano anche fisarmoniche a schede orizzontalmente. Ma oggi sono usati raramente nei progetti di siti Web.

Differenza tra fisarmonica e interruttore

La maggior parte delle persone spesso confonde le fisarmoniche con le levette. Anche se sembrano simili, hanno un comportamento diverso.

Ad esempio, quando un utente fa clic su un'intestazione di una fisarmonica, visualizza il contenuto nella sua scheda. Ma quando fanno clic su un'altra intestazione, la scheda precedente si chiude per visualizzare la nuova scheda.

Con gli interruttori, puoi modificare questo comportamento per fare in modo che le schede rimangano aperte. E consenti agli utenti di chiudere le schede manualmente.

In breve, le fisarmoniche tengono aperta solo una scheda alla volta. Gli interruttori possono essere regolati per visualizzare più schede aperte alla volta.

Non devi preoccuparti di queste due opzioni perché il plugin che stiamo usando per configurare le fisarmoniche in WordPress supporta entrambe queste opzioni.

Perché usare una fisarmonica?

Ci sono molti vantaggi nell'usare le fisarmoniche. Ecco solo alcuni motivi per usarli sul tuo sito web.

Risparmia molto spazio

Hai mai visitato una lunga pagina web che ti obbliga a continuare a scorrere verso il basso per sempre per trovare il contenuto che stai cercando? Per fortuna, le fisarmoniche risolvono questo problema.

Il principale vantaggio dell'utilizzo delle fisarmoniche è la possibilità di risparmiare spazio sul tuo sito web. Invece di creare pagine extra lunghe puoi nascondere tutte le informazioni importanti dietro le schede. E consenti agli utenti di trovare domande e risposte scorrendo i titoli.

Migliore organizzazione dei contenuti

Accordions ti consente anche di organizzare i contenuti in una struttura di facile utilizzo. Con le fisarmoniche, puoi annidare le schede per organizzare i contenuti in categorie e argomenti. Puoi vederlo in azione sulla pagina delle domande frequenti di Tesco che ti abbiamo mostrato in precedenza.

Incorpora ovunque

Le fisarmoniche possono essere incorporate ovunque nel tuo sito web. Ad esempio, puoi aggiungere sezioni a fisarmonica delle domande frequenti nella pagina dei prezzi o nella pagina di destinazione del prodotto. Ciò ti consentirà di rispondere alle domande più comuni sul tuo prodotto senza occupare troppo spazio.

Riduci le dimensioni della pagina

La dimensione delle tue pagine web gioca un ruolo chiave nella velocità di caricamento delle pagine di un sito web. Come sai, la velocità di caricamento della pagina è uno dei principali fattori di ranking utilizzati da Google.

Quando utilizzi le fisarmoniche nei siti Web WordPress, puoi migliorare drasticamente la velocità di caricamento della pagina del tuo sito Web poiché possono essere incorporate come widget.

Come aggiungere una fisarmonica con domande frequenti eroiche

Per questo tutorial, utilizziamo il plug-in WordPress Heroic FAQs. Non solo perché è stato creato dal nostro team di sviluppatori esperti. Principalmente perché è un plugin che viene fornito con molte funzionalità. E offre molto valore rispetto ad altri plugin.

Usando il plug-in Heroic FAQs, puoi anche creare FAQ e sezioni di conoscenza uniche per il tuo sito web.

Passiamo ora al tutorial pratico.

Passaggio 1: scarica e installa le FAQ eroiche

Innanzitutto, dovrai scaricare e installare il plug-in Heroic FAQ sul tuo sito Web WordPress. Una volta acquistato il plug-in, potrai scaricarlo dalla dashboard del tuo account Heroic.

Quindi, accedi alla dashboard dell'amministratore di WordPress. Vai su Plugin >> Aggiungi nuova pagina e seleziona l'opzione Carica . Sfoglia il tuo computer per trovare il file ZIP scaricato contenente il plug-in Heroic FAQs e installalo .

Dopo aver completato l'installazione, assicurati di attivare il tuo plug-in utilizzando la tua chiave di licenza.

Passaggio 2: crea un gruppo di domande frequenti

Il plug-in Heroic FAQ ti guiderà attraverso il processo di configurazione iniziale. Segui semplicemente le sue istruzioni.

Inizia creando un gruppo di domande frequenti. Qui è dove tutte le tue FAQ saranno raggruppate e organizzate.

Quindi puoi iniziare ad aggiungere domande frequenti a questo gruppo. Queste possono essere sia domande che risposte. O dettagli sulle caratteristiche del prodotto. O qualsiasi cosa tu voglia.

Ricorda, puoi aggiungere tutte le FAQ che vuoi.

Passaggio 3: incorpora la fisarmonica

Ora puoi incorporare il tuo gruppo di domande frequenti su una pagina o un post. Con il nuovo editor di blocchi Gutenberg, è molto più facile aggiungere fisarmoniche con FAQ eroiche.

Crea una nuova pagina o modificane una esistente. Aggiungi un nuovo blocco e cerca il blocco di contenuti delle FAQ eroiche .

Dal pannello del blocco delle FAQ eroiche sul lato sinistro, puoi selezionare il gruppo delle FAQ che desideri mostrare nella pagina. Oltre a cambiare lo stile del design della fisarmonica.

Passaggio 4: passa dalla fisarmonica e viceversa

Con le FAQ eroiche, puoi scegliere tra le opzioni di fisarmonica e di attivazione/disattivazione con un solo clic.

Passaggio 5: visualizza in anteprima la fisarmonica

Visualizza l'anteprima della pagina per vedere come appare la fisarmonica. Quindi puoi premere Pubblica per salvare le modifiche.

Insomma

Esistono molti modi diversi per sfruttare le fisarmoniche per aumentare il coinvolgimento degli utenti e fornire più valore ai clienti. Usa la nostra guida come trampolino di lancio per trovare i tuoi approcci unici all'uso delle fisarmoniche in altri modi utili.

Nel frattempo, non esitare a sfogliare il nostro blog per ulteriori suggerimenti. Troverai molto utile il nostro miglior confronto del software della knowledge base.