Comment créer des graphiques dans WordPress (3 étapes simples)

Publié: 2024-01-10

Vous cherchez à créer des tableaux et des graphiques WordPress ? Cet article vous montrera comment créer des graphiques dans WordPress et les afficher sur votre site !

Comment créer des graphiques dans WordPress

Temps de lecture approximatif : 4 minutes

Vous travaillez sur un site WordPress qui a vraiment besoin de faire briller certaines données ?

L'ajout d'un tableau ou d'un graphique dynamique est un excellent moyen d'attirer l'attention des visiteurs tout en intégrant certaines statistiques.

Obtenez de meilleurs formulaires GRATUITEMENT !

Mais c’est difficile de créer un graphique pour WordPress, n’est-ce pas ? C'est en fait beaucoup plus simple que vous ne le pensez, surtout si vous utilisez le bon plugin.

Dans cet article, nous aborderons rapidement ce que nous recherchons dans un bon plugin de graphique. Ensuite, nous vous montrerons exactement comment créer des graphiques pour WordPress sans écrire une seule ligne de code !

Obtenez des formulaires formidables maintenant !

Utilisez un plugin de tableaux et graphiques WordPress

Bien sûr, les graphiques semblent simples à première vue. Mais en coulisses, ils peuvent être compliqués à coder.

Au lieu de passer des heures à apprendre à créer un graphique interactif à partir de zéro, prenez deux minutes pour installer un plugin capable de gérer les tâches difficiles à votre place !

Un bon plugin de graphiques WordPress propose :

  • Facilité d'utilisation : En quelques clics, vos données sont transformées en visuels accrocheurs.
  • Plusieurs types de graphiques : graphique à secteurs, à nuages ​​de points, à bulles... à vous de choisir ! Vous pouvez le changer en une seconde.
  • Mises à jour fréquentes : vos graphiques resteront beaux année après année.
  • Et plus de temps pour faire ce que vous aimez !

Alors, quel plugin est le meilleur pour créer des graphiques dans WordPress ? La réponse est des formes formidables !

C'est vrai, le meilleur générateur de formulaires WordPress se trouve également être le meilleur plugin de graphiques WordPress. C'est un véritable couteau suisse pour votre site.

Voyons maintenant à quel point il est facile de créer des graphiques pour WordPress avec Formidable Forms.

Comment créer des graphiques pour WordPress

Abonnez-vous sur YouTube

  • Étape 1 : Installez le plugin de graphique Formidable Forms
  • Étape 2 : Ajoutez le bloc Formidable Chart à votre page
  • Étape 3 : Modifiez votre graphique dans WordPress

    Pour suivre ce tutoriel étape par étape, vous aurez besoin du plugin WordPress Formidable Forms. Le module complémentaire de graphiques et de diagrammes est inclus dans le plan Formidable Plus et supérieur.

    Si vous ne l'avez pas encore, cliquez ci-dessous pour obtenir votre licence !

    Forfaits professionnels Formidable Forms

    Une fois que vous avez installé et activé Formidable, nous pouvons commencer à faire notre grille !

    Pour l'exemple d'aujourd'hui, nous utiliserons notre premier blog d'observation des oiseaux, Here Birdie Birdie .

    Ici Birdie Birdie Site Web

    Sur notre site Web, nous avons créé un formulaire permettant aux visiteurs de signaler les oiseaux qu'ils ont repérés. Le site publie ensuite automatiquement chaque entrée sous forme d'article de blog. Cool, non ?

    Formulaire d'observation des oiseaux

    Bien que cela fonctionne très bien pour partager des détails, de nombreux visiteurs nous ont demandé quels oiseaux sont le plus vus.

    Au lieu de nous battre avec des fichiers CSV et Google Sheets pour faire le calcul et créer des visuels, des tableaux ou des graphiques ‍, ajoutons un tableau réactif à notre site pour montrer le nombre d'observations de chaque type d'oiseau.

    Étape 1 : Installez le plugin de graphique Formidable Forms

    Dans l'administrateur WordPress, accédez à Formidable → Add-Ons . Recherchez le module complémentaire Graphiques , puis cliquez sur le bouton bleu pour Installer et Activez -le.

    Super, passons maintenant aux choses amusantes !

    Étape 2 : Ajoutez le bloc Formidable Chart à votre page

    Ensuite, créons la page/article WordPress dans laquelle nous voulons insérer notre graphique. Pour notre exemple, nous allons créer une nouvelle page intitulée "Statistiques d'observation des oiseaux".

    Dans l'éditeur Gutenberg, cliquez sur le bouton icône pour ajouter un nouveau bloc. Ensuite, recherchez « Formidable » et insérez le bloc Formidable Chart .

    Comment ajouter un graphique à WordPress avec le bloc Graphique de Formidable Forms

    Dans la barre latérale droite, sélectionnez le formulaire à utiliser comme source de données. Nous devrions maintenant voir quelques données !

    Sélectionnez un formulaire comme source de données du graphique

    Vous ne voyez pas le sélecteur de source de données ? Vous devrez peut-être ouvrir la barre latérale en cliquant sur le bouton dans le coin supérieur droit de l'éditeur WordPress.

    Étape 3 : Modifiez votre graphique dans WordPress

    Nous avons pensé qu’un graphique à colonnes (c’est-à-dire un graphique à barres) serait le plus efficace pour montrer combien de fois un type d’oiseau a été observé. Et heureusement pour nous, c'est le type de graphique par défaut !

    Créer un histogramme dans WordPress

    L'étape suivante dans la création de notre histogramme/graphique à barres consiste à spécifier les sources de données des axes X et Y ici dans la barre latérale.

    Dans ce cas, nous définirons l'axe des x sur "Type d'oiseau" et l'axe des y sur "Le nombre d'entrées".

    Graphique WordPress de base

    Pas mal, mais ça pourrait être mieux...

    Stylisez votre tableau ou graphique dans WordPress

    Changeons les couleurs de notre graphique pour rendre les choses un peu plus flashy.

    Pour ce faire, rendez-vous dans la barre latérale droite. Sous Apparence , sélectionnez les couleurs souhaitées.

    Changer la couleur des graphiques dans WordPress

    Maintenant, cette carte attirera certainement l’attention des ornithologues amateurs !

    Exemple de graphique à barres pour WordPress

    Mais notre tableau pourrait encore être meilleur, vous ne pensez pas ?

    Changer le type de graphique

    Au lieu d'un graphique à colonnes, un diagramme circulaire pourrait être un meilleur moyen de visualiser nos données.

    Alors, comment pouvons-nous insérer un diagramme circulaire dans WordPress ?

    Nous allons passer à la barre latérale droite et changer le Type de Column à Pie . Oui, Formidable Forms fonctionne également comme un plugin de diagramme circulaire !

    Insérer un diagramme circulaire dans WordPress

    Et voilà ! Nous avons maintenant un diagramme circulaire dans WordPress qui montre le pourcentage de chaque réponse que nous avons reçue dans notre formulaire !

    Pour la touche finale, nous allons simplement activer le bouton Légende dans la barre latérale pour rendre les choses encore plus claires.

    Graphique circulaire coloré

    Il ne reste plus qu'à publier notre page. Nous avons maintenant un diagramme circulaire sur notre site WordPress qui sera mis à jour en temps réel lorsque quelqu'un soumettra notre formulaire ! Jolie volée! (Nous sommes désolés à 99% pour cette blague).

    Vous ne voulez pas de diagramme à colonnes ou à secteurs ? Aucun problème! Le bloc Graphique de Formidable vous permet de basculer entre tous les types de graphiques et de tableaux en un seul clic :

    • Diagramme circulaire
    • Graphique à barres (graphique à barres)
    • Graphique linéaire (graphique linéaire)
    • Nuage de points
    • Graphique en aires
    • Graphique en étapes
    • Carte
    Types de tableaux et de graphiques de Formidable

    Et Formidable ne se limite pas à créer des formulaires et à créer des graphiques pour WordPress. Le plugin premium est également livré avec :

    • Tableaux et graphiques réactifs pour n'importe quel thème (y compris Elementor)
    • Intégration WooCommerce
    • Passerelles de paiement
    • Générateur d'applications WordPress
    • Et beaucoup plus

    Un plugin qui fait tout ça ? Impressionnant!

    Prêt à créer des graphiques pour WordPress ?

    Ne laissez pas les graphiques WordPress vous ébouriffer. Au lieu de cela, installez simplement Formidable Forms et utilisez ses puissantes fonctionnalités de visualisation de données !

    Alors oubliez de chercher un plugin de graphique ou de graphique distinct. Vous n’avez besoin que d’un excellent générateur de formulaires WordPress pour créer des graphiques dans WordPress.

    Obtenez des formulaires formidables maintenant !

    Mais n'oubliez pas de nous suivre sur Facebook, Twitter et YouTube pour plus de trucs et astuces WordPress !

    En savoir plus sur les graphiques pour WordPress


    Saviez-vous que Formidable Forms est le plugin de formulaire WordPress le plus avancé disponible ? Essayez la version gratuite pour commencer, ou débloquez toutes les possibilités avec notre créateur de formulaires WordPress premium !