Come creare barre e grafici in WordPress con Visualizer

Creare barre, grafici e grafici a torta sul tuo sito WordPress può migliorare i tuoi contenuti rendendo i dati più accessibili. Ti aiuta a presentare le informazioni in modo visivamente accattivante e facile da capire per gli utenti.

La buona notizia è che non hai bisogno di alcuna esperienza tecnica per farlo. Puoi usare un plugin come Visualizer. Abbiamo testato questo strumento noi stessi e ci è piaciuto quanto abbia semplificato il processo.

Con Visualizer, puoi creare splendide barre e grafici personalizzati, estraendo facilmente dati da una varietà di fonti. In questo modo, puoi migliorare i tuoi contenuti e l'esperienza utente complessiva.

In questo articolo, ti mostreremo come creare barre e grafici in WordPress con Visualizer.

Il problema con barre e grafici in WordPress

Ci sono molti plugin per aggiungere barre, grafici e diagrammi ai tuoi contenuti. Tuttavia, il reclamo più comune che abbiamo sentito dai nostri utenti è che questi plugin sono solitamente troppo complicati da usare.

Alcuni di questi plugin si aspettano persino che gli utenti aggiungano dati all'interno di uno shortcode in formati estremamente complicati.

Invece di utilizzare questi plugin, molti utenti finiscono per creare grafici nelle loro applicazioni d'ufficio e convertirli in un'immagine per i loro siti web WordPress.

Questo potrebbe funzionare se hai intenzione di non cambiarlo mai. Tuttavia, un'immagine non è un sostituto di un grafico interattivo in cui compaiono dati utili quando l'utente fa clic su una sezione particolare.

Una soluzione ideale per grafici e diagrammi dovrebbe permetterti di:

• Aggiungere dati da una sorgente dati sul tuo computer o sul web.
• Popolare grafici, torte, diagrammi e barre utilizzando i tuoi dati.
• Creare grafici belli, interattivi, colorati e ottimizzati per dispositivi mobili.
• Soprattutto, dovrebbe permetterti di aggiornare i dati ogni volta che vuoi.

Aggiungere un grafico con Visualizer ti aiuterà ad aumentare il coinvolgimento degli utenti e persino a rendere i tuoi dati facili da capire.

Detto questo, vediamo come aggiungere facilmente barre e grafici al tuo sito WordPress.

Come creare barre e grafici in WordPress con Visualizer

Puoi creare facilmente barre e grafici con WordPress utilizzando il plugin Visualizer. È il miglior plugin di visualizzazione dati per WordPress sul mercato che ti permette di creare visualizzazioni dati interattive per il tuo sito.

Ha anche un piano gratuito che puoi utilizzare per creare barre e grafici.

Innanzitutto, devi installare e attivare il plugin Visualizer: Tables and Charts Manager for WordPress. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, devi visitare la pagina Visualizer » Aggiungi nuovo grafico dalla bacheca di WordPress.

Una volta lì, scegli il tipo di grafico che desideri creare, come una tabella, un grafico a torta, a linee o a barre. Quindi, fai clic sul pulsante ‘Avanti’.

Questo ti porterà al passaggio successivo, dove dovrai fare clic sul pulsante ‘Scegli file’ per importare i dati del tuo foglio di calcolo Excel dal computer.

Se hai salvato il tuo foglio di calcolo Excel o Google come file CSV, puoi importarlo espandendo la scheda ‘Importa dati da URL’.

Una volta fatto ciò, fai clic sul pulsante ‘Importa da CSV’. Quindi, puoi inserire l'URL del tuo file CSV per incorporare il file.

Tieni presente che il tuo file CSV deve avere i nomi delle colonne nella prima riga e i tipi di dati nella seconda riga. Il plugin supporta i seguenti tipi di dati: stringa, numero, booleano, data, ora e ora del giorno.

Dai un'occhiata a questo file di esempio che abbiamo creato in Google Sheets.

Se stai creando un file CSV utilizzando un editor di testo, dai un'occhiata a questo file CSV di esempio:

Attività giornaliere,Ora
stringa,numeri
Lavoro,8
Sonno,7
Mangiare,3
Guardare la TV,2
Pendolarismo,1


Tuttavia, se hai i dati del tuo grafico salvati come foglio di calcolo su Google Drive, puoi aggiungerli al tuo grafico senza esportarli.

Per prima cosa, apri il tuo file di dati in Fogli Google e poi fai clic sul link File » Condividi » Pubblica sul Web.

Si aprirà una finestra popup in cui dovrai scegliere come pubblicare questo documento.

Seleziona semplicemente l'opzione Valori separati da virgola (.csv) dal menu a discesa e fai clic sul pulsante 'Pubblica'.

Ora vedrai l'URL pubblicamente disponibile del tuo foglio come file CSV. Qui, copia questo URL e torna al grafico Visualizer.

Dovrai aggiungere questo URL nel campo 'Importa da CSV'.

Quando inserisci l'URL, il plugin recupererà il tuo file CSV e mostrerà un'anteprima live del tuo grafico.

Ora puoi passare alla scheda 'Impostazioni' dall'alto per configurare le impostazioni generali come stili dei caratteri, formato dei numeri, dimensioni e posizionamento, impostazioni delle dimensioni e molto altro.

Una volta terminato, fai clic sul pulsante 'Crea' in fondo alla finestra.

Aggiungere un grafico in post/pagine di WordPress

Aggiungere un grafico ai tuoi post e pagine di WordPress è semplice come aggiungere immagini.

Per prima cosa, apri una pagina/post nuova o esistente dove vuoi aggiungere il grafico a torta. Una volta lì, fai clic sul pulsante 'Aggiungi blocco' (+) nell'angolo in alto a sinistra dello schermo.

Si aprirà il menu dei blocchi da cui devi trovare e aggiungere il blocco Grafico Visualizer.

Una volta fatto ciò, fai clic sul pulsante 'Visualizza un grafico esistente' nel blocco stesso.

Si aprirà una nuova finestra nel blocco in cui dovrai selezionare il grafico a torta che hai appena creato.

Infine, fai clic sul pulsante 'Pubblica' o 'Aggiorna' per salvare le tue impostazioni.

Ora puoi visitare il tuo sito WordPress per vedere il grafico a torta in azione.

Modifica dei tuoi grafici Visualizer in WordPress

Puoi modificare e cambiare i tuoi grafici in qualsiasi momento. Visita semplicemente la pagina Visualizer » Libreria Grafici dalla dashboard di WordPress.

Da lì, puoi clonare un grafico, eliminarlo o modificarne le impostazioni visive utilizzando le icone sotto il nome del grafico.

Aggiornare i dati per un grafico esistente senza modificarlo è anche abbastanza facile con Visualizer.

Se hai aggiunto dati da un foglio di calcolo Google, allora devi solo aggiornare i dati nel tuo foglio di calcolo, andare all'opzione File » Condividi » Pubblica sul web e ripubblicare il tuo foglio di calcolo.

Le tue modifiche si rifletteranno automaticamente nel tuo grafico.

D'altra parte, se hai caricato un file CSV, allora devi aggiornare il file CSV sul tuo computer. Una volta fatto, seleziona il grafico che desideri aggiornare e fai clic sul link di modifica sotto il grafico.

Nella sezione ‘Importa file CSV’, carica semplicemente il tuo nuovo file CSV. Le modifiche ai dati si rifletteranno automaticamente nei post o nelle pagine in cui hai inserito quel grafico.

Bonus: Crea un organigramma aziendale in WordPress

Se hai un sito per piccole imprese, puoi anche aggiungere un organigramma aziendale in WordPress. Questo grafico mostrerà come è strutturata la tua azienda, dal CEO ai diversi team e ai singoli dipendenti all'interno di ciascun team.

Un organigramma aiuta i potenziali clienti a saperne di più sulla tua attività e rende più facile la comunicazione tra i team.

Per creare un grafico, installa e attiva semplicemente il plugin Organization Chart. Per i dettagli, consulta il nostro tutorial su come installare un plugin WordPress.

Dopo l'attivazione, visita la pagina Wpdevart Chart » Charts e fai clic sul pulsante ‘Aggiungi nuovo’. Questo ti porterà a una nuova schermata dove puoi aggiungere un nome per il grafico.

Dopodiché, aggiungi l'immagine e il titolo del CEO della tua azienda nell'elemento sullo schermo. Quindi, fai clic sull'icona della freccia.

Questo aggiungerà un altro elemento dove potrai aggiungere un titolo e un'immagine per la persona che segue il CEO. Quindi, fai di nuovo clic sull'elemento per visualizzare le icone delle frecce multiple in direzioni diverse.

Fare ciò ti aiuterà a creare una struttura aziendale con più rami o team.

Una volta terminato, fai clic sul pulsante 'Salva' per memorizzare le tue impostazioni.

Ora apri la pagina in cui desideri aggiungere il grafico Organigramma e aggiungi il blocco 'WpDevArt organization chart'. Quindi, seleziona il grafico che hai creato dal menu a discesa all'interno del blocco stesso.

Infine, fai clic sul pulsante 'Pubblica' o 'Aggiorna' per salvare le tue impostazioni. Per ulteriori informazioni, consulta il nostro tutorial su come creare il tuo organigramma aziendale in WordPress.

Speriamo che questo articolo ti abbia aiutato ad aggiungere barre e grafici al tuo sito WordPress. Potresti anche voler consultare la nostra guida per principianti su come personalizzare i colori sul tuo sito WordPress e le nostre scelte esperte per i migliori plugin WordPress divertenti che ti stai perdendo.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.