Dernières nouvelles de SeedProd

Tutoriels, astuces 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 : image de l'auteur Stacey Corrin
image 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 : John Turner
image du réviseur John Turner
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.

Vous cherchez un tutoriel facile sur la façon de créer une liste de prix dans WordPress ?

En affichant des prix clairs et concis sur votre site web WordPress, vous aiderez les visiteurs à rechercher vos tarifs et à prendre facilement des décisions d'achat.

Il existe de nombreuses façons d'afficher les prix des biens et des services sur votre site WordPress. Vous pouvez utiliser un code personnalisé, des plugins WordPress ou un thème WordPress haut de gamme.

Mais dans cet article, nous allons vous montrer comment créer une liste de prix dans WordPress sans toucher à une seule ligne de code.

Pourquoi votre site web doit-il comporter une liste de prix ?

La plupart des acheteurs se renseignent sur les prix avant même d'avoir établi un budget. En affichant votre liste de prix pour les freelances, les coûts des menus des restaurants ou les tarifs des salons de coiffure, vous aiderez les clients potentiels à comparer les coûts avant de se décider pour la meilleure solution.

En outre, l'affichage des prix de votre petite entreprise est excellent pour l'expérience des clients.

Si les utilisateurs doivent cliquer sur d'innombrables pages pour trouver des informations sur les prix, il y a de fortes chances qu'ils abandonnent et quittent le site. En revanche, si vos prix sont faciles à trouver, les acheteurs peuvent prendre des décisions d'achat rapidement, ce qui leur évite de perdre du temps tout en réduisant le taux de rebond de votre site web.

Enfin, si vous craignez que vos concurrents ne connaissent les détails de votre tarification, il n'y a pas lieu de s'inquiéter. Il est probable qu'ils connaissent déjà vos tarifs. De plus, si vos produits ou services sont de grande qualité et répondent aux besoins de votre public cible, vous attirerez toujours les bons clients.

Dans ce contexte, comment créer une liste de prix avec WordPress ? C'est ce que nous allons voir maintenant.

Comment créer une liste de prix avec WordPress

Avant de commencer, clarifions la différence entre une liste de prix et un tableau de prix.

Les tableaux de tarification sont un moyen populaire pour les entreprises SaaS et autres entreprises similaires d'afficher différents plans de tarification. Leur aspect vous est probablement familier :

Exemple de tableau de tarification

En règle générale, les tableaux de prix comportent plusieurs colonnes avec différents niveaux de prix afin que les clients puissent choisir celui qui correspond le mieux à leur budget. De nombreux tableaux de prix comportent des boutons d'appel à l'action permettant aux acheteurs d'"acheter maintenant", ce qui en fait un moyen efficace d'augmenter les conversions.

Vous pouvez utiliser un plugin WordPress de tableaux de prix comme Easy Pricing Tables. Le constructeur de tables du plugin permet d'ajouter facilement des styles de tables et des personnalisations. 

Voici un guide utile sur la façon de créer un tableau de prix dans WordPress.

En comparaison, une liste de prix est plutôt une liste claire d'options de tarification. C'est une excellente solution pour les freelances, les menus de cafés, les salons et autres services professionnels.

Les listes de prix occupent moins d'espace sur votre site web, ce qui vous permet de les placer où vous le souhaitez. Au lieu de les limiter à une page de prix, vous pouvez les ajouter à votre page d'accueil, à vos pages d'informations ou de services, ou même à des articles de blog sur vos produits.

Exemple de liste de prix

Il existe plusieurs façons d'ajouter une liste de prix à votre site web WordPress. Vous pouvez faire appel à un développeur pour en créer une à partir de zéro, utiliser un plugin de liste de prix avec des fonctionnalités intégrées, ou essayer un constructeur de pages WordPress.

Pour ce guide, nous utiliserons un constructeur par glisser-déposer parce que c'est la façon la plus simple 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 de se rendre 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 existant 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 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 la façon dont les choses se présenteront. 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 éléments à 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

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.