skip to Main Content

Comment créer un catalogue de prix sur votre site WordPress avec le plugin WordPress Easy Pricing Table

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Créer un tableau de tarifs est un véritable défi quand on y connait rien en CSS ou autres codes html. Et pourtant, ajouter un tableau de prix sur votre page de vente peut radicalement convertir vos visiteurs et augmenter vos ventes.

Une table de prix donne à vos clients potentiels la possibilité de comparer et de visualiser vos différents offres. Ces tableaux de prix sont une excellente façon de présenter vos produits et services tout en offrant plus d’options à vos clients potentiels.

Il existe de nombreux plugins WordPress qui permettent d’ajouter des grilles de prix. Mais nous allons vous recommander un de vraiment spécial.

Easy Pricing Tables est un nouveau plugin gratuit qui a pour objectifs de simplifier l’utilisation des tableaux de prix. 

L’interface par défaut possède avec des couleurs qui peuvent être réglées via un color picker (fonctionnalité de récupération de couleurs) convivial sur le tableau de bord.

présentation-du-plugin-easy-pricing-tables

Le tableau de tarifs est responsive et propose des animations aux survols des colonnes. Vous pouvez accéder à la démonstration en cliquant sur ce site.

Easy Pricing Tables propose un tableau de configuration sur lequel vous pourrez facilement personnaliser l’apparence du tableau ainsi que chaque colonne. Vous avez la possibilité de définir le titre, prix, caractéristiques, le texte du bouton, l’URL, la couleur, l’ordre des colonnes, etc.

Comment créer un tableau de prix sur votre site ?

Une fois que le plugin sera installé, vous remarquerez un nouveau menu qui sera disponible sur la gauche (Pricing Table). En survolant le menu, vous verrez deux nouveaux liens s’afficher. Cliquez sur le lien « Add Pricing Table ». 

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Vous arriverez sur une nouvelle page, où vous pourrez définir :

  • le nom (Add Name)La description (Add Some Description).
  • les couleurs d’arrière-plan (Background Color).
  • les couleurs du thème (Theme Color).
  • la couleur d’arrière-plan du titre (Table Title background).
  • le nombre de colonnes (Number Of Column) d’un tableau.

Une fois que vous aurez enregistré toutes les informations nécessaires, vous pouvez cliquer sur le bouton « Save Table » (enregistrer le tableau).

listes-des-tableaux-disponibles

Pour ajouter des colonnes à un tableau, cliquez sur le tableau que vous avez au préalable créé. Sur l’exemple précédent, nous cliquerons sur la ligne « Un tableau de démo ». Vous arriverez sur une nouvelle page. Sur cette page cliquez sur « Add New Pricing Column » pour ajouter une nouvelle colonne. 

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Sur cette nouvelle page, vous pourrez :

  • ajouter le titre de la colonne (Add Title), ajouter un prix (Add Price Rate).
  • les fonctionnaltiés (Add Features, cliquez sur le bouton plus « + » pour avoir plus de champs de fonctionnalités).
  • définir comment le prix sera payé : par semaines (Per Week)Par mois (Per Month) et Par an (Per Year).
  • le texte du bouton principal d’achat.
  • le lien vers la page d’achat.
  • la couleur de la colonne.
  • la priorité de la colonne (1, 2, 3, 4 etc En fonction de vos colonnes disponibles).

ajouter-une-nouvelle-colonne-a-un-tableau

Une fois que vous aurez cliqué sur « Save Details », vous pourrez cliquer sur le lien « Back To list » Pour revenir en arrière et voir toutes les colonnes disponibles.

afficher-les-colonnes-disponibles

Vous pourrez répéter le processus pour créer les autres colonnes. Lorsque vous aurez terminé de modifier la colonne de prix, cliquez sur le bouton « Pricing Table » sur le menu latéral gauche.

Et vous verrez le tableau que vous avez créé et son shortcode. Copiez ce shortcode, puis créez une nouvelle page où vous l’ajouterez.

copiez-le-shortcode

Après avoir publié la page ou l’article avec le shortcode correspondat, vous pourrez voir une page identique à celle-ci (Thème Twenty Fourteen)

comment-créer-une-page-avec-un-tableau-de-prix

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

Ceci est un exemple.

Ce que nous avons apprécié :

  • La facilité dans la gestion des colonnes et des tableaux
  • Le colorpicker, qui permet d’ajouter une couleur personnalisée au tableau
  • La possibilité d’ajouter un lien personnalisé vers une autre page.

Ce que nous n’avons pas aimé :

  • Les bugs sur l’interface d’administration. Parfois, vous ne verrez pas de texte lorsque vous souhaitez créer un tableau ou de colonne
  • Il manque un bouton dans l’éditeur visuel, qui simplifiera l’intégration des tableaux
  • Bug avec l’échappement apostrophes (voir l’image précédente).

Sinon :

Ce plugin est très convaincant, nous espérons qu’il vous aidera. Avec beaucoup de pratique, vous arriverez à produire des tableaux de cette envergure.

construire-un-tableau-de-prix-sur-wordpress 

N’hésitez pas à laisser votre avis et à partager l’article.

Cet article comporte 5 commentaires
  1. Bonjour Bruno,

    En effet, j’ai été légèrement déçu par ces bugs, cependant j’ai pu corriger ce bug chez car, je suis un développeur, mais je ne pouvais pas offrir une autre version du plugin sans l’autorisation de l’auteur.

    Merci pour cette remarque sur mon erreur, c’est peut être un moyen de montrer aux abonnés que tous ces articles de qualités sont écrits par des humains 🙂 . Nous allons corriger cette erreur le plutôt possible.

    Au plaisir de vous relire.

    Hervé.

  2. Bonjour Hervé,

    Le rendu esthétique a l’air plutôt pas mal, surtout pour un plugin gratuit, dommage qu’il présente certains bugs.
    Dommage aussi qu’il ne soit pas préparé pour les traductions.
    Si je peux me permettre, une coquille s’est glissée dans votres dernière phrase publiée juste avant « Ce que nous avons apprécié »: « correspondat » au lieu de « correspondant ».

    Amicalement,

    Bruno

  3. Bonjour

    Merci pour cet article. Je viens d’installer ce plugin. J’ai suivi pas à pas votre explication et tout a bien marché.

    Mon souci maintenant c’est de lier le « buy now » que j’ai intitulé « réservez maintenant » et le paiement paypal.
    Comment faire la liaison ?

    Pouvez-vous m’aider ?
    Merci de me répondre.

    Bien à vous

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
0 Partages
Partagez
Tweetez
Enregistrer