Contact

Comment définir un prix libre dans WooCommerce ?

Par Baptiste Pagès le 14 janvier 2021
Mis à jour le 14 janvier 2021
Votre site WordPress manque de visibilité ?
J'analyse votre SEO

Dans certains cas, il peut être intéressant pour un site WooCommerce de donner la possibilité au client de choisir un prix libre pour certains produits.

C'est par exemple le cas si vous voulez mettre en place un produit "Réglez mes honoraires" ou "Pourboire" ou encore "Donation".

Pour implémenter cette fonctionnalité, il va falloir utiliser un plugin (ou coder beaucoup, mais on ne verra pas ça aujourd'hui). Je vais donc tester trois extensions permettant de choisir un prix libre pour vous présenter quelques options.

Option 1 : le prix libre avec YITH WooCommerce Name Your Price

Je suis très fan de YITH, cette boîte propose pleins de plugins super sympas pour WooCommerce. Il faut souvent les retoucher un peu pour obtenir exactement ce qu'on veut, surtout niveau CSS, mais ils sont solides et bien pratiques.

Pour commencer, rendez-vous dans le panneau des extensions, cliquez sur "Ajouter" et recherchez le plugin. Installez-le et bien sûr, activez-le.

Pas de panique au sujet des étoiles : les plugins YITH ont des versions gratuites assez limitées, ce qui fait grincer des dents dans un monde où tout le monde veut tout gratuitement.

Une fois le plugin activé, allez dans "Name Your Price" dans le menu de gauche (1), et choisissez un label qui vous convient (2). C'est ce que vos client verront au-dessus du champs de prix libre.

Maintenant, créez un nouveau produit et vous verrez qu'une nouvelle option de produit "Name Your Price" s'est ajoutée à droite de "Téléchargeable". Cochez cette option et publiez le produit.

Comme vous pouvez le voir ci-dessous, un champs est maintenant disponible pour saisir un prix juste avant le bouton d'ajout au panier.

Veillez donc à ce que le label que vous aviez choisi soit logique.

Et si on ajoute ce produit au panier avec "10" dans le champ de prix, on le retrouve bien tel quel dans le panier :

Option 2 : Product Open Pricing (Name Your Price) for WooCommerce

Similaire au plugin précédent, il permet aussi au client de choisir un prix libre dans son produit. Il est plus complexe que le plugin de YITH. Je le recommande moins aux amateurs, mais il vaut le détour.

Pour commencez, installez et activez le plugin en passant la le panneau des extensions de WordPress.

Une fois que c'est fait, vous verrez que dans l'onglet "Réglages" de WooCommerce (1) vous avez un nouvel onglet "Product Open Pricing" (2) dans lequel vous pouvez modifier le texte qui précède le champ (3).

Vous pouvez maintenant ajouter ou modifier un produit, et vous verrez un nouveau cadre dédié aux réglages du prix libre.

Capture d'écran du panneau de réglage de prix libre sur WooCommerce du plugin Product Open Pricing

Contrairement à la version gratuite du plugin précédent, vous pouvez ici définir un prix par défaut, un prix minimum et un maximum. Et voilà comment ça se présente au final :

Personnellement, j'aime bien cette présentation en ligne avec le symbole de la devis pile après le champ, je trouve que ça rend la chose bien plus intuitive.

Note : si vous avez un peu suivi mes posts sur les principes de webdesign, vous remarquez peut-être qu'il manque de l'espacement avant le bouton d'ajout au panier. C'est quelque chose qui se règlerait facilement avec un peu de code CSS.

Essayez maintenant d'entrer un montant (20€ par exemple) et d'ajouter au panier. Comme précédemment, tout se passe bien et le panier a bien le bon montant :

Astuce : vous pouvez envoyer à votre client un lien vers le produit avec le champs de paiement pré-rempli, par exemple : https://testmonsitedefou/produit/reglement-libre/?alg_open_price=100 plutôt cool non ?

Option 3 : WPC Name Your Price for WooCommerce

Encore un plugin similaire aux deux autres, celui-ci vous permettra de proposer un prix libre pour les produits de votre choix dans WooCommerce.

Comme d'habitude, commencez par installer et activer cette extension.

Ensuite, vous pouvez accéder aux options du plugin dans WPClever > Name Your Price. La particularité de ce plugin est de nous donner la possibilité de proposer au client un sélecteur de prix au lieu d'un prix libre à 100%.

Cependant, on ne va pas s'attarder là dessus aujourd'hui. Comme pour les autres extensions, changeons simplement les labels pour les adapter à notre cas d'utilisation.

Petite faiblesse de cette extension : tous les prix de la boutique deviennent des "prix suggérés" et l'extension modifie la grille des produits. Plutôt un gros souci si on veut juste ajouter un seul produit en prix libre.

Mais regardons ce que ça donne sur un produit. Dans la gestion du produit, on a un nouvel onglet dans les données de produit.

Il ne faut pas oublier de définir le tarif régulier également contrairement avec les deux plugins précédent, sinon voici ce qui vous attend :

Mon opinion sur ces trois plugins

Pour un amateur débutant, je recommande l'extension de YITH. Le plugin est simple, les réglages minimalistes. Ça marche, tout simplement.

Pour moi et les autres utilisateurs plus avancés, je pense que "Product Open Pricing" est une meilleure option. Elle propose plus d'options et plus de fonctionnalités. Son interface utilisateur avec du code HTML la rend super intéressante pour des utilisateurs avancés.

Enfin, la dernière option. Elle pourra convenir à une boutique WooCommerce qui ne veut faire QUE des produits en prix libre, en suggérant toujours un montant. Par exemple une boutique solidaire ou quelque chose comme ça. Je n'aime pas le fait que cette extension empiète énormément sur le style du site, une extension devrait se limiter à la fonctionnalité idéalement.

Règlement de devis sur WooCommerce avec un plugin de prix libre et PPOM

PPOM for WooCommerce est mon plugin par défaut lorsque je veux ajouter des options à une boutique WooCommerce. Il est un peu difficile à prendre en main mais il est très complet.

Figurez-vous qu'on peut facilement le coupler à un plugin de prix libre pour faire, par exemple, un produit qui permet de régler de devis 😉 Je vous ferai peut-être un point sur PPOM à l'avenir mais pour l'instant regardez ce que ça donne :

En combinant les prix libre et des champ textuels, on obtient un système de paiement flexible.

Et voici ce que ça donne dans le panier :

Merci !

Cet article m'a demandé pas mal de temps, merci de m'avoir lu jusqu'au bout. Comme toujours, n'hésitez pas à consulter d'autres de mes articles ou à travailler avec moi sur votre prochain projet.

Bonne journée et à bientôt !

Cet article vous a plu ?

Voici d'autres articles populaires qui vous intéresseront peut-être :
SEO
Les bases du Référencement Organique
Apprenez les bases du référencement organique afin d'éviter les erreurs de débutant.
Lire cet article
DESIGN
Comment changer la police d'un site WordPress ?
Tout ce qu'il faut savoir pour gérer la typographie de votre site WordPress est ici, suivez le guide !
Lire cet article
CODE
Comment ajouter du CSS additionnel dans WordPress ?
Découvrez comment ajouter facilement du code CSS additionnel dans n'importe quel site WordPress.
Lire cet article
WOOCOMMERCE
Comment importer des produits dans WooCommerce ?
Apprenez à importer des produits à votre boutique WooCommerce très facilement (en vidéo).
Lire cet article
Je m'appelle Baptiste et je suis un webdesigner / consultant SEO spécialisé dans WordPress, basé à Grasse dans le Sud de la France. J'aide les petites entreprises à développer leur présence web dans ce monde de fou 😉
menu-circlecross-circle