Dernières nouvelles de SeedProd

Tutoriels, conseils et ressources WordPress pour développer votre activité

Comment créer une liste de prix dans WordPress

Comment créer une liste de prix sur WordPress (sans code) 

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

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

Si vous êtes dans le même bateau, ce guide vous montrera comment faire une liste de prix dans WordPress sans toucher au code. Qu'il s'agisse d'une liste de services, d'articles de menu ou de forfaits, vous apprendrez la façon la plus rapide de la mettre en ligne en utilisant le constructeur par glisser-déposer de SeedProd.

Voyons cela étape par étape.

Pourquoi votre site web a besoin d'une liste de prix

La plupart des acheteurs vérifient les prix avant d'être prêts à acheter. L'ajout d'une liste de prix les aide à comparer vos services et à prendre leur décision en toute confiance.

Il est particulièrement utile pour les indépendants, les propriétaires de salons de coiffure et les entreprises locales, pour qui la transparence est un gage de confiance.

Les listes de prix améliorent l'expérience des utilisateurs

Si les visiteurs ne peuvent pas trouver rapidement vos prix, ils quitteront probablement votre site. Une liste claire les aide à se décider plus rapidement et contribue à réduire votre taux de rebond.

Ne pas s'inquiéter des concurrents

Vos concurrents connaissent déjà vos prix. Ce qui compte, c'est de savoir si votre liste de prix est utile à vos clients. Si vos services sont de grande qualité, vous vous démarquerez.

Comment créer une liste de prix avec WordPress

Liste de prix ou tableau des prix

Un tableau des prix présente plusieurs plans côte à côte. Vous les verrez souvent sur des sites SaaS ou des sites d'adhésion.

Exemple de tableau de tarification

Les listes de prix sont plus simples. Elles conviennent mieux aux restaurants, aux indépendants ou aux salons de coiffure qui souhaitent simplement dresser une liste claire de leurs services et de leurs prix.

Exemple de liste de prix

Quand utiliser un tableau de prix ?

Si vous proposez des prix échelonnés ou des forfaits, un tableau de prix est la meilleure solution. Des outils tels que Easy Pricing Tables permettent d'en créer un facilement sans code.

Pourquoi j'utilise plutôt une liste de prix

J'aime utiliser les listes de prix pour les entreprises à service unique. Elles sont plus propres, plus rapides à mettre en place et plus souples quant à l'endroit où vous pouvez les afficher, comme votre page d'accueil ou vos pages de services.

Pour ce guide, j'utiliserai un constructeur par glisser-déposer parce que c'est le moyen le plus facile d'obtenir votre liste de prix comme vous le souhaitez, et SeedProd est la meilleure solution sur le marché.

SeedProd Constructeur de site web WordPress Drag and Drop

SeedProd est le plugin de construction de pages par glisser-déposer le plus convivial pour WordPress. Son interface intuitive permet de créer des pages et des mises en page WordPress personnalisées en toute simplicité (aucun codage n'est nécessaire).

Grâce à son constructeur interactif basé sur des blocs et à ses modèles prédéfinis, vous pouvez ajouter une liste de prix élégante à votre site web en quelques minutes.

SeedProd comprend également les fonctionnalités suivantes :

Suivez les étapes ci-dessous pour apprendre à créer une liste de prix sur WordPress avec SeedProd.

Étape 1. Installer et activer SeedProd

La première étape est d'aller sur le site de SeedProd et de télécharger le plugin. Vous pouvez choisir parmi plusieurs plans tarifaires en fonction de votre budget, mais nous utiliserons 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 l'installation d'un plugin WordPress si c'est la première fois que vous le faites.

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

entrez votre clé de licence SeedProd

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

Étape 2. Choisir le thème ou le constructeur de page d'atterrissage

Il y a plusieurs façons de personnaliser votre site WordPress avec le plugin de construction de pages de SeedProd.

Vous pouvez remplacer le design de votre site actuel par un nouveau en créant un thème WordPress personnalisé. Vous pouvez également conserver votre design actuel et créer une page d'atterrissage autonome à l'aide du Landing Page Builder.

Quelle que soit la solution choisie, vous pouvez toujours utiliser le bloc Liste de prix de SeedProd pour afficher des listes de prix personnalisées sur votre site Web, car il utilise la même interface de construction de pages.

Pour ce guide, nous choisirons l'option Theme Builder, donc naviguez vers SeedProd " Theme Builder et cliquez sur le bouton Theme Template Kits .

Choisir un kit de modèles de thèmes

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

Sur l'écran suivant, vous verrez la bibliothèque de modèles de sites web pré-fabriqués de SeedProd. Ils comprennent toutes les fonctionnalités et les pages dont vous avez besoin pour créer un site web complet et un design professionnel que vous pouvez personnaliser facilement.

SeedProd theme template kit chooser

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

Exemple de liste de prix de démonstration simple

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.

Filtrer les modèles SeedProd

Une fois que vous avez trouvé un modèle qui vous plaît, cliquez sur l'icône de la coche pour l'importer, ce qui ne devrait prendre que quelques secondes.

Importer le modèle SeedProd

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

Pièces du kit de modèles de thèmes

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 " All Pages, et vous les verrez dans la liste avec "SeedProd" à côté du titre de la page.

Editer une page WordPress avec SeedProd

Nous allons personnaliser la page "Dining" pour vous montrer comment utiliser la fonction Price List de SeedProd. Survolez la page et cliquez sur le lien Editer 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 :

Interface du constructeur de pages SeedProd

Le constructeur de pages présente des blocs WordPress et des paramètres sur la gauche et un aperçu en direct de votre conception sur la droite. Les blocs fonctionnent de manière similaire à l'éditeur de blocs WordPress (Gutenberg), où vous pouvez faire glisser et déposer de nouveaux blocs sur votre page et cliquer pour modifier le contenu en temps réel.

Lorsque vous regardez le menu de ce modèle, vous voyez qu'il est composé de titres et de blocs de texte.

Démonstration d'une liste de prix composée de titres et de blocs de texte

Le bloc Liste de prix est un moyen plus simple d'afficher les éléments de votre menu et leur prix. Il comprend automatiquement un espace pour l'article, la description, le prix et l'image et offre 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.

Ajoutez le bloc SeedProd Price List pour apprendre à créer une liste de prix.

Le bloc ajoutera du contenu de remplissage pour vous donner une idée de ce à quoi les choses ressembleront. Allons-y et ajoutons quelques éléments de la liste de prix.

Ouvrir un élément de la liste de prix pour en modifier le contenu

Pour ce faire, cliquez sur le titre "Article 1" pour le développer. Vous pouvez y ajouter un titre, une description et un prix, télécharger une photo et même ajouter un lien vers la page du produit.

Personnaliser les paramètres des éléments de la liste de prix

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.

Personnaliser les paramètres de présentation de la liste de prix

Vous pouvez même lier la case du prix total à la page de tarification individuelle. Il vous suffit de cliquer sur le bouton " 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 disponibles sont les suivantes : Défaut, Arrondi, Cercle et Personnalisé, où vous pouvez définir votre propre rayon de bordure d'image.

Personnaliser les paramètres de l'image de la liste de prix

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

Comme vous pouvez le constater, ce panneau vous permet de contrôler la typographie, la taille de la police et les couleurs des différents éléments de votre liste.

Liste de prix paramètres de style avancés

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

Liste de prix typographie paramètres de couleur

Il suffit de pointer et de cliquer pour ajouter un nouveau style.

Une fois que vous êtes satisfait de votre liste de prix, vous pouvez supprimer l'ancien contenu de remplissage. Pour ce faire, survolez chaque colonne jusqu'à ce qu'un contour bleu apparaisse et cliquez sur l'icône de la corbeille.

Supprimer le contenu de remplissage du modèle

Faites de même pour chaque élément de la page dont vous n'avez plus besoin. Cliquez ensuite sur le bouton Enregistrer dans le coin supérieur droit de votre écran.

Sauvegarder votre page de liste de prix

Maintenant que votre page de prix est complète, vous pouvez éditer et personnaliser le reste de votre thème WordPress.

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

Étape 5. Publier votre page de liste de prix

Lorsque vous avez fini de personnaliser votre site web, vous êtes prêt à publier les changements 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 pages et revenir à la page du constructeur de thèmes dans votre tableau de bord WordPress.

A partir de là, trouvez la bascule qui dit "Enable SeedProd Theme" et mettez-la en position " Yes".

activer le thème seedprod

Vous pouvez maintenant visiter votre site web en direct pour voir à quoi ressemblent vos personnalisations. Voici la page Dining que nous avons personnalisée avec une nouvelle liste de prix dans ce tutoriel :

Exemple de liste de prix WordPress personnalisée

Questions fréquemment posées

Quel est le moyen le plus simple de créer une liste de prix dans WordPress ?
Le plus simple est d'utiliser un constructeur de pages par glisser-déposer comme SeedProd. Il dispose d'un bloc Liste de prix dans lequel vous pouvez ajouter des services, des descriptions, des prix et des images, sans avoir besoin de coder.
Quelle est la différence entre une liste de prix et un tableau de prix ?
Une liste de prix est une simple liste de services ou d'articles assortis de prix. Un tableau de prix compare plusieurs plans ou forfaits côte à côte et comprend souvent des boutons d'appel à l'action.
Puis-je mettre une liste de prix n'importe où sur mon site WordPress ?
Oui, vous pouvez ajouter une liste de prix à n'importe quelle page ou article à l'aide d'un plugin ou d'un constructeur de pages. De nombreux sites web les affichent sur la page d'accueil, sur la page des services ou sur une page de tarification personnalisée.
Ai-je besoin d'un plugin pour créer une liste de prix dans WordPress ?
Non, mais un plugin ou un constructeur comme SeedProd facilite les choses. Il vous donne plus de contrôle sur la mise en page et vous permet de gagner du temps par rapport à un travail manuel.
Une liste de prix est-elle préférable à un tableau de prix ?
Cela dépend de votre activité. Les listes de prix sont idéales pour les indépendants, les salons et les restaurants. Les tableaux de prix conviennent mieux aux SaaS, aux sites d'adhésion ou à tout autre service proposant des plans échelonnés.

C'est tout !

Nous espérons que cet article vous a aidé à apprendre comment créer une liste de prix avec WordPress. 

SeedProd est le meilleur plugin WordPress pour personnaliser votre site web. Vous n'aurez pas besoin de shortcodes supplémentaires, de widgets ou de modules complémentaires, juste d'un constructeur de pages simple et facile à utiliser qui vous permettra d'être rapidement opérationnel.

Prêt à créer une liste de prix WordPress personnalisée ?

Vous pourriez aussi aimer cette revue de Elementor vs WPBakery vs SeedProd, pour voir comment ils se comparent.

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.