Come creare barre e grafici in WordPress con Visualizer

Volete aggiungere barre e grafici al vostro sito web WordPress?

Aggiungendo supporti visivi come grafici, barre o diagrammi a torta, è possibile presentare i dati in modo accattivante e di facile comprensione per gli utenti.

In questo articolo vi mostreremo come creare facilmente barre e grafici in WordPress con Visualizer.

Il problema delle barre e dei grafici in WordPress

Esistono molti plugin per aggiungere barre, grafici e diagrammi ai vostri contenuti. Tuttavia, la lamentela più comune che abbiamo sentito dai nostri utenti è che questi plugin sono solitamente troppo complicati da usare.

Alcuni di questi plugin prevedono addirittura che gli utenti aggiungano dati all’interno di uno shortcode in formati estremamente complicati.

Invece di usare questi plugin, molti utenti finiscono per creare grafici nelle loro applicazioni per ufficio e convertirli in immagini per i loro siti web WordPress.

Questo potrebbe funzionare se si pensa di non cambiarlo mai. Tuttavia, un’immagine non può sostituire un grafico interattivo in cui i dati utili appaiono quando l’utente clicca su una particolare sezione.

Una soluzione ideale per grafici e diagrammi consente di:

• Aggiungere dati da un’origine dati sul computer o sul Web.
• Popolate grafici, torte, diagrammi e barre utilizzando i vostri dati.
• Creare grafici belli, interattivi, colorati e adatti ai dispositivi mobili.
• Soprattutto, deve consentire di aggiornare i dati ogni volta che lo si desidera.

L’aggiunta di un grafico con il Visualizer vi aiuterà ad aumentare l’engagement dell’utente e a rendere i dati più comprensibili.

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

Come creare barre e grafici in WordPress con Visualizer

È possibile creare facilmente barre e grafici con WordPress utilizzando il plugin Visualizer. Si tratta del miglior plugin per la visualizzazione dei dati di WordPress sul mercato, che consente di creare visualizzazioni interattive dei dati per il vostro sito.

Ha anche un piano gratuito che si può utilizzare per creare barre e grafici.

Innanzitutto, è necessario installare e attivare il plugin Visualizer: Tables and Charts Manager for WordPress. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: questa esercitazione utilizzerà la versione gratuita del plugin. Se si desidera sbloccare le funzioni pro, è possibile acquistare un piano a pagamento.

Dopo l’attivazione, è necessario visitare la pagina Visualizer ” Aggiungi nuovo grafico dalla dashboard di WordPress.

A questo punto, scegliere il tipo di grafico che si desidera creare, ad esempio un grafico a tabella, a torta, a linee o a barre. Quindi, fare clic sul pulsante “Avanti”.

Si passa così alla fase successiva, in cui si deve fare clic sul pulsante “Scegli file” per importare i dati del foglio di calcolo Excel dal computer.

Se il foglio di calcolo Excel o Google è stato salvato come file CSV, è possibile importarlo espandendo la scheda “Importa dati da URL”.

Una volta fatto ciò, fare clic sul pulsante “Importa da CSV”. Quindi, è possibile inserire l’URL del file CSV per incorporare il file.

Tenere presente che il 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.

Date un’occhiata al file di esempio che abbiamo creato in Google Sheets.

Se state creando un file CSV utilizzando un editor di testo, date un’occhiata a questo esempio di file CSV:

Attività quotidiane,Tempo
stringa,numeri
Lavoro,8
Dormire,7
Mangiare,3
Guardare la TV,2
Pendolarismo,1


Tuttavia, se i dati del grafico sono salvati come foglio di calcolo su Google Drive, è possibile aggiungerli al grafico senza esportarli.

Per prima cosa, aprire il file di dati in Google Spreadsheets e poi fare clic sul link File ” Condividi ” Pubblica sul web.

Si aprirà una finestra a comparsa in cui si dovrà scegliere come pubblicare il documento.

È sufficiente selezionare l’opzione Valori separati da virgola (.csv) dal menu a discesa e fare clic sul pulsante “Pubblica”.

Ora verrà visualizzato l’URL del foglio disponibile al pubblico come file CSV. Copiare questo URL e tornare al grafico del Visualizer.

È necessario aggiungere questo URL nel campo “Importazione da CSV”.

Quando si inserisce l’URL, il plugin recupera il file CSV e mostra un’anteprima live del grafico.

A questo punto è possibile passare alla scheda “Impostazioni” dall’alto per configurare le impostazioni generali come gli stili dei caratteri, il formato dei numeri, le dimensioni e il posizionamento, le impostazioni delle dimensioni e molto altro ancora.

Una volta terminato, fare clic sul pulsante “Crea” in fondo al prompt.

Aggiunta di un grafico o di un diagramma nei post/pagine di WordPress

Aggiungere un grafico o un diagramma ai post e alle pagine di WordPress è semplice come aggiungere immagini.

Per prima cosa, aprire una pagina o un post nuovo o vecchio in cui si desidera aggiungere il grafico a torta. Una volta lì, fare clic sul pulsante “Aggiungi blocco” (+) nell’angolo in alto a sinistra dello schermo.

Si aprirà il menu dei blocchi, dal quale si dovrà trovare e aggiungere il blocco Grafico visualizzatore.

Una volta fatto ciò, fare clic sul pulsante “Visualizza un grafico esistente” nel blocco stesso.

Si aprirà un nuovo prompt nel blocco in cui si dovrà selezionare il grafico a torta appena creato.

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per memorizzare le impostazioni.

Ora è possibile visitare il sito WordPress per vedere il grafico a torta in azione.

Modifica dei grafici del visualizzatore in WordPress

È possibile modificare e cambiare i grafici in qualsiasi momento. È sufficiente visitare la pagina Visualizer ” Chart Library dalla dashboard di WordPress.

Da qui è possibile clonare un grafico, eliminarlo o modificarne le impostazioni visive utilizzando le icone sotto il nome del grafico.

Anche l’aggiornamento dei dati di un grafico esistente senza modificare il grafico è piuttosto semplice con Visualizer.

Se si sono aggiunti dati da un foglio di calcolo di Google, è sufficiente aggiornare i dati nel foglio di calcolo, andare all’opzione File ” Condividi ” Pubblica sul web e ripubblicare il foglio di calcolo.

Le modifiche apportate si rifletteranno automaticamente nel grafico.

Se invece si è caricato un file CSV, è necessario aggiornare il file CSV sul computer. Una volta fatto, selezionare il grafico che si desidera aggiornare e fare clic sul link di modifica sotto il grafico.

Nella sezione “Importa file CSV”, caricare il nuovo file CSV. Le modifiche ai dati si rifletteranno automaticamente nei post o nelle pagine in cui è stato inserito il grafico.

Bonus: Creare un organigramma aziendale in WordPress

Se avete un sito di piccole imprese, potete anche aggiungere un organigramma aziendale in WordPress. Questo grafico mostrerà come è strutturata la vostra azienda, dall’amministratore delegato fino ai diversi team e ai singoli dipendenti all’interno di ogni team.

Un organigramma aiuta i potenziali clienti ad approfondire la conoscenza della vostra azienda e facilita la comunicazione tra i team.

Per creare un grafico, è sufficiente installare e attivare il plugin Organigramma. Per maggiori dettagli, consultare il nostro tutorial su come installare un plugin di WordPress.

Dopo l’attivazione, visitare la pagina Wpdevart Chart ” Grafici e fare clic sul pulsante ‘Aggiungi nuovo’. Si aprirà una nuova schermata in cui sarà possibile aggiungere un nome al grafico.

Dopodiché, add-on l’immagine e il titolo del CEO della vostra azienda nell’elemento sulla schermata. Quindi, fare clic sull’icona della freccia.

In questo modo si aggiunge un altro elemento in cui è possibile aggiungere un titolo e un’immagine per la persona che viene dopo il CEO. Quindi, facendo clic di nuovo sull’elemento, si visualizzeranno le icone a freccia multiple in diverse direzioni.

Questo vi aiuterà a creare una struttura aziendale con più rami o team.

Una volta terminato, basta fare clic sul pulsante “Salva” per memorizzare le impostazioni.

Ora aprire la pagina in cui si desidera aggiungere l’organigramma e aggiungere il blocco ‘Organigramma WpDevArt’. Quindi, selezionare l’organigramma creato dal menu a discesa all’interno del blocco stesso.

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per memorizzare le impostazioni. Per ulteriori informazioni, consultate il nostro tutorial su come creare l’organigramma aziendale in WordPress.

Speriamo che questo articolo vi abbia aiutato ad aggiungere barre e grafici al vostro sito WordPress. Potreste anche consultare la nostra guida per principianti su come personalizzare i colori sul vostro sito web WordPress e le nostre scelte degli esperti sui plugin WordPress indispensabili per i siti web aziendali.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.