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 ». 

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. 

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

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.