Comment créer une liste de prix ou un tableau de prix dans WordPress 

Lorsque j'ai eu besoin pour la première fois d'afficher mes tarifs sur un site WordPress, je ne voulais pas m'embêter avec des shortcodes ou des plugins peu pratiques. Je voulais juste quelque chose de simple, propre et facile à mettre à jour.

Si vous êtes dans la même situation, vous pouvez créer les deux sans toucher au code. Je vais vous montrer comment créer une liste de prix pour des services ou des articles de menu, et comment créer un tableau de prix pour des plans à plusieurs niveaux, le tout avec le constructeur par glisser-déposer de SeedProd.

Commençons par déterminer lequel convient à votre site.

Pourquoi votre site Web a besoin de prix

La plupart des acheteurs vérifient les prix avant d'être prêts à acheter. Afficher vos prix les aide à comparer ce que vous proposez et à avoir confiance dans leur décision.

C'est particulièrement utile pour les freelances, les propriétaires de salons de coiffure et les entreprises locales où la transparence renforce la confiance.

Des prix clairs améliorent l'expérience utilisateur

Si les visiteurs ne trouvent pas vos prix rapidement, ils quitteront probablement votre site. Les afficher clairement aide les gens à décider plus vite et contribue à réduire votre taux de rebond.

Liste de prix vs. Tableau de prix : Lequel avez-vous besoin ?

Ces deux éléments sont souvent confondus, mais ils résolvent des problèmes différents. Un bref aperçu de chacun vous dira lequel créer.

Un tableau de prix présente plusieurs plans côte à côte, généralement avec une liste de fonctionnalités et un bouton sous chacun d'eux. Vous les verrez souvent sur les sites SaaS ou d'adhésion.

Une liste de prix est plus simple. Elle répertorie les services ou articles individuels avec un prix pour chacun, ce qui fonctionne mieux pour les restaurants, les freelances ou les salons.

Voici la version courte. Utilisez une liste de prix pour une entreprise à service unique, un menu ou une feuille de tarifs où chaque entrée est autonome.

Utilisez un tableau de prix lorsque vous proposez des niveaux ou des forfaits et que vous souhaitez que les gens les comparent en un coup d'œil. Dans tous les cas, vous pouvez le créer avec le même outil, vous n'êtes donc pas limité par votre choix.

Pour ce guide, j'utiliserai un constructeur par glisser-déposer car c'est le moyen le plus simple d'obtenir la mise en page souhaitée, et SeedProd est la meilleure solution sur le marché.

SeedProd est le constructeur de sites Web par glisser-déposer le plus convivial pour les débutants sur WordPress. Son interface facilite la création de conceptions de pages personnalisées, sans codage.

Il dispose d'un bloc dédié pour chaque tâche : un bloc Liste de prix et un bloc Tableau de prix. Les deux sont livrés avec des modèles prédéfinis, vous pouvez donc avoir un résultat élégant en ligne en quelques minutes.

Voici ce que vous obtenez avec SeedProd :

• Blocs Liste de prix et Tableau de prix intégrés
• Bibliothèque de modèles prédéfinis
• Constructeur de thèmes WordPress
• Constructeur de pages de destination

Suivez les étapes ci-dessous pour créer celui dont vous avez besoin.

Comment créer une liste de prix dans WordPress

Une liste de prix est le bon choix lorsque chaque service ou article est autonome. Voyons ce qu'il faut y mettre, puis créons-en une étape par étape.

Que doit inclure une liste de prix ?

Une bonne liste de prix couvre quatre éléments : le nom de l'article, une courte description, le prix et une photo facultative. Certaines entreprises ajoutent également un lien vers une page produit ou un formulaire de réservation, ce qui est efficace pour générer des conversions à partir de chaque entrée.

La définition de vos tarifs demande un peu de recherche. Je consulte généralement les feuilles de tarifs des concurrents pour voir ce qui est standard, puis je prends en compte mes coûts avant de décider d'un format.

Un prix forfaitaire est le plus clair pour la plupart des lecteurs, mais un prix « à partir de » fonctionne lorsque votre service varie en fonction de la portée. Le bloc Liste de prix de SeedProd gère tous ces champs dans une seule mise en page : titre, description, prix, image et lien.

Étape 1. Installer et activer SeedProd

La première étape consiste à vous rendre sur le site Web de SeedProd et à télécharger le plugin. Vous pouvez choisir parmi plusieurs plans tarifaires adaptés à votre budget, mais j'utilise la version SeedProd Pro pour ce tutoriel.

Ensuite, installez et activez le fichier zip du plugin sur votre site WordPress. Vous pouvez suivre cet article sur la façon d'installer un plugin WordPress si c'est la première fois que vous le faites.

Après avoir activé le plugin, allez à la page SeedProd » Paramètres et collez votre clé de licence. Vous pouvez trouver votre clé de licence dans votre compte SeedProd sous la section Téléchargements.

Cliquez maintenant sur le bouton Vérifier la clé.

Étape 2. Choisissez le constructeur de thème ou de page de destination

Il existe plusieurs façons de personnaliser votre site WordPress avec le constructeur de site glisser-déposer de SeedProd.

Vous pouvez remplacer la conception existante de votre site par une nouvelle en créant un thème WordPress personnalisé. Ou vous pouvez conserver votre conception actuelle et créer une page de tarification autonome avec le constructeur de pages de destination.

Dans tous les cas, vous pouvez toujours utiliser le bloc Liste de prix de SeedProd, car il utilise la même interface de constructeur de pages.

Pour ce guide, je choisirai l'option Theme Builder, alors accédez à  SeedProd » Theme Builder  et cliquez sur le bouton  Theme Template Kits .

Étape 3. Sélectionnez un modèle personnalisé

Sur l'écran suivant, vous verrez la bibliothèque de modèles de sites Web prédéfinis de SeedProd. Ils incluent toutes les fonctionnalités et pages dont vous avez besoin pour créer un site Web complet et une conception professionnelle que vous pouvez personnaliser facilement.

Cliquez sur l'icône de loupe sur n'importe quel modèle pour prévisualiser l'ensemble du thème. Par exemple, si vous prévisualisez le thème Andaman Budget Hotel, vous verrez que la page Dining a déjà une liste de prix simple que vous pouvez modifier.

Vous pouvez filtrer la bibliothèque de modèles pour n'afficher que les thèmes WooCommerce ou cliquer sur le menu déroulant pour afficher d'abord les thèmes les plus récents, les plus anciens ou les plus populaires.

Une fois que vous avez trouvé un design que vous aimez, cliquez sur l'icône de coche pour l'importer, ce qui ne devrait prendre que quelques secondes.

Vous verrez maintenant les parties de votre thème dans le tableau de bord du Theme Builder. Vous pouvez modifier n'importe quel modèle en le survolant et en cliquant sur le lien Modifier le design.

Consultez notre guide sur la création d'un thème WordPress personnalisé pour plus de détails sur la personnalisation des parties de votre thème.

SeedProd créera également les pages de la démo du thème pour que vous puissiez les personnaliser avec son constructeur de pages. Allez simplement dans Pages » Toutes les pages et vous les verrez dans la liste avec « SeedProd » à côté du titre de la page.

Je vais personnaliser la page « Dining » pour vous montrer comment utiliser la fonctionnalité Liste de prix de SeedProd. Alors survolez la page et cliquez sur le lien Modifier avec SeedProd.

Étape 4. Personnalisez votre page de liste de prix

Lorsque vous ouvrez une page avec SeedProd, vous verrez une mise en page comme celle-ci :

Le constructeur de pages contient des blocs WordPress et des paramètres à gauche et un aperçu en direct de votre conception à droite. Les blocs fonctionnent comme l'éditeur de blocs WordPress, vous faites donc glisser de nouveaux blocs sur votre page et cliquez pour les modifier en temps réel.

Lorsque vous regardez le menu de ce design, vous verrez qu'il est composé de blocs de titre et de texte.

Le bloc Liste de prix est un moyen plus simple d'afficher les éléments de votre menu et leur tarification. Il comprend automatiquement de l'espace pour votre article, sa description, son prix et son image, avec de nombreuses options de personnalisation.

Dans le panneau de gauche, faites défiler jusqu'à la section Avancé, trouvez le bloc Liste de prix et faites-le glisser sur votre page.

Le bloc ajoutera du contenu de remplissage pour vous donner une idée de ce à quoi ressembleront les choses. Alors, ajoutons quelques éléments de liste de prix.

Pour ce faire, cliquez sur l'en-tête « Article 1 » pour le développer. À l'intérieur, vous pouvez ajouter un titre, une description et un prix, télécharger une photo et même ajouter un lien vers la page produit individuelle.

Répétez cette étape pour chaque article de votre liste de prix.

Après avoir ajouté des articles à votre liste de prix, vous pouvez développer les paramètres de Mise en page. Dans ce panneau, vous pouvez modifier la position de l'image et du prix, choisir un séparateur de prix différent et ajuster l'alignement général de la liste.

Vous pouvez même lier toute la boîte de prix à la page de prix individuelle. Cliquez simplement sur le commutateur pour le mettre en position Oui.

Dans le panneau Zone d'image, vous pouvez contrôler la taille et la forme des images de votre liste de prix. Les options incluent Défaut, Arrondi, Cercle et Personnalisé, où vous pouvez définir votre propre rayon de bordure d'image.

Cliquez maintenant sur l'onglet Avancé pour voir des options de style supplémentaires.

Ce panneau vous permet de contrôler la typographie, la taille de la police et les couleurs des éléments individuels de votre liste. Le bloc Liste de prix vous donne un contrôle total sur la façon dont la tarification de vos services apparaît à l'écran.

Vous pouvez également ajuster l’espacement, les bordures, les couleurs d’arrière-plan et la visibilité sur les appareils de bureau et mobiles. Et vous n’aurez pas besoin d’écrire de CSS ou de HTML personnalisé.

Pointez et cliquez simplement pour ajouter un nouveau style.

Une fois que votre liste de prix vous convient, vous pouvez supprimer l’ancien contenu de remplissage. Pour ce faire, survolez chaque colonne jusqu’à ce que vous voyiez un contour bleu et cliquez sur l’icône de la corbeille.

Faites cela pour chaque élément de la page dont vous n’avez plus besoin. Maintenant, cliquez sur le bouton Enregistrer dans le coin supérieur droit de votre écran.

Maintenant que votre page de tarification est terminée, vous pouvez modifier et personnaliser le reste de votre thème WordPress.

Voici quelques guides pratiques qui pourraient vous aider dans vos personnalisations :

• Comment ajouter un bouton à l’en-tête de votre site Web
• Comment ajouter les heures d’ouverture de votre entreprise à votre site Web
• Comment ajouter des icônes sociales personnalisées à votre site Web

Étape 5. Publiez votre page de liste de prix

Lorsque vous avez terminé de personnaliser votre site Web, vous êtes prêt à publier les modifications sur le front-end.

Tout d’abord, assurez-vous d’avoir enregistré vos modifications, puis cliquez sur l’icône X pour quitter le constructeur de page et revenir à la page Theme Builder dans votre tableau de bord WordPress.

À partir de là, trouvez le bouton bascule qui dit « Activer le thème SeedProd » et mettez-le sur la position Oui.

Vous pouvez maintenant visiter votre site Web en direct pour voir à quoi ressemblent vos personnalisations. Voici la page Dining que j'ai personnalisée avec une nouvelle liste de prix dans ce tutoriel. Si vous souhaitez aller plus loin, notre guide sur les sites Web de restaurants explique comment créer un site complet en utilisant la même approche.

Comment créer un tableau de prix dans WordPress

Si vous proposez des plans ou des forfaits à plusieurs niveaux, un tableau de prix est plus adapté. Il met chaque plan côte à côte afin que les visiteurs puissent comparer les fonctionnalités et choisir celui qui leur convient.

SeedProd dispose d'un bloc dédié Tableau de prix pour cela exactement, et il fonctionne dans le même constructeur par glisser-déposer. J'aime commencer ici car vous ne vous contentez pas de déposer un tableau, vous pouvez construire une section de prix complète autour de lui avec des témoignages, un compte à rebours et des boutons d'appel à l'action qui génèrent des inscriptions.

Voici comment en créer un sur une page de destination. Si vous n'avez pas encore créé votre page, suivez notre guide étape par étape sur la création d'une page de destination avec SeedProd, puis revenez ici pour le tableau de prix.

Étape 1. Ajouter le bloc Tableau de Prix

Ouvrez votre page dans le constructeur SeedProd et ajoutez une ligne où vous souhaitez que votre tableau se trouve. J'ai choisi un modèle prédéfini et ajouté une ligne avec trois colonnes pour accueillir un tableau de trois plans.

Depuis le panneau des blocs, faites glisser le bloc Tableau de prix dans la première colonne. Pour un tableau à trois colonnes, répétez l'opération deux fois de plus afin que chaque plan ait sa propre colonne.

Étape 2. Personnaliser vos plans

Cliquez sur l'icône des paramètres de n'importe quel bloc de tableau pour modifier ce plan. Chacun a des champs pour tout ce dont un bon plan a besoin.

• Nom du plan
• Prix et devise
• Un prix « régulier » pour montrer une remise
• Une courte description
• Une liste de fonctionnalités
• Un ou plusieurs boutons d’appel à l’action

Dans l’onglet Avancé, vous pouvez modifier les couleurs, les polices, les icônes, l’espacement, les boutons et les effets de survol de chaque tableau. C’est ainsi que vous faites en sorte qu’un niveau se démarque des autres, ce qui incite les acheteurs à choisir le plan que vous souhaitez qu’ils sélectionnent.

Continuez à modifier jusqu’à ce que vous soyez satisfait de l’apparence des niveaux. Cliquez ensuite sur le bouton Enregistrer pour conserver vos modifications.

Étape 3. Publier votre tableau de prix

Lorsque votre tableau est prêt, cliquez sur la flèche déroulante à côté du bouton Enregistrer et choisissez Publier. Il suffit de cela pour mettre la page en ligne.

Cliquez sur Voir la page en direct pour afficher votre tableau de prix terminé, comme l’exemple à trois colonnes en haut de ce guide. Vous préférez ajouter un tableau dans un article ou une page normale au lieu d’une page de destination ? Un plugin autonome peut le faire, et notre tour d’horizon des meilleurs plugins de tableaux de prix WordPress examine les options.

Questions fréquemment posées

Quelle est la différence entre une liste de prix et un tableau de prix dans WordPress ?

Une liste de prix affiche les services ou articles individuels avec leurs prix, une entrée par ligne. Un tableau de prix compare plusieurs plans côte à côte, souvent avec des listes de fonctionnalités et des boutons d’appel à l’action.

Utilisez une liste de prix pour un menu de restaurant ou une page de tarifs de services. Utilisez un tableau de prix pour les produits SaaS ou les niveaux d’adhésion.

Que doit inclure une liste de prix ?

Une liste de prix doit inclure le nom de l’article, une courte description et le prix. L’ajout d’une photo facultative et d’un lien vers une page de produit ou de réservation peut améliorer les conversions.

Le bloc Liste de prix de SeedProd dispose de champs dédiés pour tout cela, vous n’avez donc pas besoin de construire la mise en page vous-même.

Combien de niveaux mon tableau de prix devrait-il avoir ?

Il n’y a pas de réponse unique, mais trois à quatre niveaux conviennent à la plupart des entreprises. Trop peu et vous perdez la vente incitative, trop et les gens hésitent à prendre une décision.

En cas de doute, commencez par trois et mettez en surbrillance celui du milieu comme plan recommandé.

Quelle est la différence entre un tableau de prix vertical et horizontal ?

Cela se résume à l’orientation. Un tableau de prix vertical empile les fonctionnalités de chaque plan dans sa propre colonne, côte à côte avec les autres, ce qui est la disposition que la plupart des gens imaginent.

Un tableau horizontal présente les fonctionnalités en lignes à travers les plans. Le vertical fonctionne mieux sur la plupart des sites car il se lit clairement sur mobile.

Puis-je ajouter une liste de prix ou un tableau de prix à n'importe quelle page de mon site WordPress ?

Oui. Avec SeedProd, vous pouvez en ajouter un à une page de prix dédiée, une section de votre page d’accueil ou une page de services. Les deux blocs fonctionnent dans le Theme Builder et le Landing Page Builder.

Cela signifie que vous n’êtes pas limité à un seul emplacement, et vous pouvez réutiliser le même bloc sur plusieurs pages de votre site.

Ai-je besoin d'un plugin pour ajouter des prix dans WordPress ?

Vous n’avez pas besoin d’un plugin dédié, mais un outil comme SeedProd le rend beaucoup plus rapide. Il vous fournit des blocs de liste de prix et de tableau de prix intégrés avec des contrôles de mise en page, des options d’image et des paramètres de typographie.

Sans cela, vous devriez créer la mise en page à partir de zéro avec HTML ou des shortcodes, ce qui prend beaucoup plus de temps.

C'est tout !

J’espère que cet article vous a aidé à apprendre comment ajouter une liste de prix ou un tableau de prix dans WordPress. 

SeedProd est le meilleur plugin WordPress pour personnaliser votre site Web. Vous n'aurez besoin d'aucun shortcode, widget ou module complémentaire supplémentaire, juste d'un constructeur de site Web simple et facile à utiliser par glisser-déposer qui vous permet de démarrer rapidement.

Prêt à ajouter des prix à votre site WordPress ?

Vous pourriez également aimer cet avis sur Elementor vs WPBakery vs SeedProd, alors voyez comment ils se comparent.

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.