Comment faire une liste de prix dans WordPress (aucun code requis)

Publié: 2023-01-19

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

Afficher des prix clairs et concis sur votre site Web WordPress aidera 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 services sur votre site WordPress. Vous pouvez utiliser du code personnalisé, des plugins WordPress ou un thème WordPress premium.

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 devrait-il avoir une liste de prix ?

La plupart des acheteurs recherchent les prix avant même d'avoir un budget en place. Ainsi, l'affichage de votre liste de prix indépendante, des coûts du menu du restaurant ou des tarifs du salon aidera les clients potentiels à comparer les coûts avant de choisir la meilleure solution.

De plus, la liste des prix de votre petite entreprise est excellente pour l'expérience client.

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 partent. Cependant, si vos prix sont faciles à trouver, les acheteurs peuvent prendre des décisions d'achat rapidement, évitant de perdre leur temps tout en réduisant les taux de rebond de votre site Web.

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

Dans cet esprit, comment faites-vous exactement une liste de prix dans WordPress ? Nous y reviendrons ensuite.

Comment faire une liste de prix dans 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 les entreprises similaires d'afficher différents plans de tarification. Vous savez probablement à quoi ils ressemblent :

Pricing table example

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

Vous pouvez utiliser un plugin de tableau de tarification WordPress comme Easy Pricing Tables pour cela, dont le constructeur de tableau vous permet d'ajouter facilement des styles de tableau 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 ressemble plus à une liste claire d'options de tarification. Ils constituent une excellente solution pour les indépendants, les menus de café, 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 tarification, vous pouvez ajouter des listes de prix à votre page d'accueil, à des pages sur ou des services, ou même à des articles de blog sur vos produits.

Price list example

Il existe plusieurs façons d'ajouter une liste de prix à votre site Web WordPress. Vous pouvez embaucher un développeur pour en créer un à 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 car c'est le moyen le plus simple d'obtenir votre liste de prix comme vous le souhaitez, et SeedProd est la meilleure solution sur le marché.

SeedProd WordPress website builder

SeedProd est le plugin de création de pages par glisser-déposer le plus convivial pour WordPress. Il facilite la création de conceptions et de mises en page de pages WordPress personnalisées grâce à son interface intuitive par glisser-déposer (aucun codage nécessaire).

Avec 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 :

  • Générateur de thème WordPress
  • Support WooCommerce pour votre boutique en ligne
  • modèles de sites Web de commerce électronique
  • Prochainement et modes de maintenance
  • Tableau de bord de gestion des abonnés
  • Options de personnalisation étendues
  • Intégrations de marketing par e-mail
  • Prise en charge des plug-ins de référencement
  • Et beaucoup plus.

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

  • Étape 1. Installer et activer SeedProd
  • Étape 2. Choisissez le thème ou le générateur de page de destination
  • Étape 3. Sélectionnez un modèle personnalisé
  • Étape 4. Personnalisez votre page de liste de prix
  • Étape 5. Publiez votre page de liste de prix

Étape 1. Installer et activer SeedProd

La première étape consiste à se rendre sur le site Web de SeedProd et à télécharger le plugin. Vous pouvez choisir parmi plusieurs plans tarifaires en fonction de votre budget, mais nous utilisons la version SeedProd Pro pour ce didacticiel.

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

enter your SeedProd license key

Maintenant, allez-y et cliquez sur le bouton Vérifier la clé .

Étape 2. Choisissez le thème ou le générateur de page de destination

Il existe plusieurs façons de personnaliser votre site WordPress avec le plugin de création de pages de SeedProd.

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

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 création de page.

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

Choose a Theme Template Kit

É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 les pages dont vous avez besoin pour créer un site Web complet et un design professionnel que vous pouvez facilement personnaliser.

SeedProd theme template kit chooser

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 Restauration contient déjà une liste de prix simple que vous pouvez modifier.

Example of a simple demo price list

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

Filter SeedProd templates

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.

Import SeedProd template

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

Theme template kit parts

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

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

Edit WordPress page with SeedProd

Nous personnaliserons la page "Restauration" pour vous montrer comment utiliser la fonction Liste de prix de SeedProd. 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 :

SeedProd page builder interface

Le constructeur de pages a des blocs et des paramètres WordPress sur la gauche et un aperçu en direct de votre conception sur la droite. Les blocs fonctionnent de la même manière que 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 sur cette conception, vous verrez qu'il est composé de blocs de titre et de texte.

Demo price list made with headline and text blocks

Un moyen plus simple d'afficher vos éléments de menu et leur prix consiste à utiliser le bloc Liste de prix. Il inclut automatiquement un espace pour votre article, sa description, son prix et son image et propose de nombreuses options de personnalisation.

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

Add the SeedProd Price List block to learn how to make a price list

Le bloc ajoutera du contenu de remplissage pour vous donner une idée de l'apparence des choses. Alors allons-y et ajoutons quelques éléments de liste de prix.

Open a price list item to edit the content

Pour ce faire, cliquez sur l'en-tête « Élément 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 du produit individuel.

Customize the price list item settings

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 l'image et la position des prix, choisir un séparateur de prix différent et ajuster l'alignement global de la liste.

Customize the price list layout settings

Vous pouvez même lier la boîte de prix complète à la page de tarification individuelle. Cliquez simplement sur la bascule vers la position Oui .

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

Customize the price list image settings

Cliquez maintenant sur l'onglet Avancé pour voir 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 éléments individuels de votre liste.

Price list advanced styling settings

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 du CSS ou du HTML personnalisé.

Price list typography color settings

Pointez et cliquez simplement 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 que vous voyiez un contour bleu et cliquez sur l'icône de la corbeille.

Delete template filler content

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

Save your price list page

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 peuvent vous aider dans vos personnalisations :

  • Comment ajouter un bouton à l'en-tête de votre site Web
  • Comment ajouter vos heures d'ouverture à 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 fini 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 générateur de page et revenez à la page Theme Builder dans votre tableau de bord WordPress.

À partir de là, trouvez la bascule qui dit "Activer le thème SeedProd" et tournez-la sur la position Oui .

enable seedprod theme

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

Custom WordPress price list example

C'est ça!

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

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

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

Commencez avec SeedProd aujourd'hui

Vous aimerez peut-être aussi cet avis sur Elementor vs WPBakery vs SeedProd, alors voyez comment ils se comparent.

Merci d'avoir lu. Veuillez nous suivre sur YouTube, Twitter et Facebook pour plus de contenu utile pour développer votre entreprise.