Skip to content
🔘 Remplacer le texte du bouton « passer commande » dans WooCommerce : 2 méthodes en 5 minutes

🔘 Remplacer le texte du bouton « passer commande » dans WooCommerce : 2 méthodes en 5 minutes

Le bouton standard «Proceed to Checkout» dans WooCommerce ressemble à un caissier qui vous tend le ticket de caisse en silence et se détourne. Pas un sourire, pas un «merci pour votre achat». Les propriétaires de boutique passent des heures sur le design des fiches produits, à choisir polices et couleurs, et pourtant ils laissent tel quel le bouton qui mène à l’encaissement.

Et c’est une erreur. Le texte du bouton de validation de commande est l’un des derniers signaux avant que l’acheteur ne clique sur «Payer». Si ce signal est impersonnel, certaines personnes partent, tout simplement parce qu’on ne leur a donné aucune raison de rester.

Voici deux façons de remplacer le texte par défaut par quelque chose qui fonctionne pour votre boutique: par code et via une extension. Les deux ont été testées sur la version actuelle de WooCommerce et WordPress 6.9.

💡 Aperçu rapide:

  • Découvrez pourquoi le texte par défaut «Proceed to Checkout» nuit à la conversion et quelle formulation est plus efficace
  • Récupérez un extrait PHP prêt à l’emploi pour modifier le texte via functions.php: copiez, collez, c’est fait
  • Configurez l’extension gratuite Change Proceed to Checkout Text (plus de 200 installations actives) en 2 clics
  • Déterminez si vous pouvez changer le texte du bouton selon la langue, la catégorie de produit et le total du panier

Pourquoi changer le texte du bouton de validation de commande

Le texte par défaut «Proceed to Checkout» est une formule sèche et technique. Il communique le mécanisme («passer au paiement») mais ne dit rien à l’acheteur sur le bénéfice, la sécurité ou l’urgence. C’est un texte fonctionnel, pas un texte de vente.

Dans le marketing internet anglophone, personnaliser les boutons de validation est une pratique courante depuis longtemps. Les grandes enseignes n’écrivent pas «Proceed to Checkout», elles écrivent «Secure Checkout», «Complete My Order» ou «Get Instant Access». Une différence d’un ou deux mots, et pourtant la conversion peut évoluer de manière sensible, surtout sur les appareils mobiles où chaque caractère compte.

Un exemple concret. Une boutique d’articles pour la maison a remplacé «Proceed to Checkout» par «Paiement sécurisé, réglez en 30 secondes» et a constaté une hausse des achats finalisés sur un test de deux semaines, sans aucune autre modification apportée à la page. Les chiffres exacts de progression varient d’un cas à l’autre, mais la tendance est presque toujours la même: un texte de bouton personnalisé surpasse le texte par défaut.

Il y a un revers à la médaille: une formulation agressive comme «Achetez maintenant ou cette offre disparaît» fonctionne pour des promotions ponctuelles, mais en permanence elle provoque de l’irritation et érode la confiance envers la boutique. Un équilibre entre assurance et respect de l’acheteur, voilà ce que le texte du bouton doit préserver.

Méthode 1: Modifier le texte par code dans functions.php

La méthode la plus simple et la plus rapide: ajoutez un extrait PHP au fichier functions.php de votre thème enfant. Aucune extension, aucun code supplémentaire sur le site. Quatre lignes, et le bouton affiche ce dont vous avez besoin.

Avant de commencer, deux étapes obligatoires. Premièrement: sauvegardez votre site. Modifier functions.php sans sauvegarde, c’est jouer à la roulette russe, une simple erreur de syntaxe peut faire tomber tout le site. Deuxièmement: utilisez un thème enfant. Si vous modifiez le functions.php du thème parent, toutes vos modifications seront effacées à la prochaine mise à jour.

Passons au code. Ouvrez Apparence → Éditeur de thème dans l’administration WordPress, sélectionnez le fichier functions.php de votre thème enfant et collez cet extrait à la fin:

1function quadlayers_woocommerce_button_proceed_to_checkout() { ?>
2<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="checkout-button button alt wc-forward">
3<?php esc_html_e( 'Checkout-Text-Here', 'woocommerce' ); ?>
4</a>
5<?php
6}
7

Voici ce qui se passe. La fonction remplace le template par défaut du bouton WooCommerce, celui-là même qui génère le texte «Proceed to Checkout» sur la page du panier. esc_url(wc_get_checkout_url()) récupère l’URL de validation correcte, et esc_html_e() affiche votre texte avec échappement automatique des caractères spéciaux.

Remplacez Checkout-Text-Here par votre propre version. Par exemple:

1function quadlayers_woocommerce_button_proceed_to_checkout() { ?>
2<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="checkout-button button alt wc-forward">
3<?php esc_html_e( 'Proceed to Secure Payment', 'woocommerce' ); ?>
4</a>
5<?php
6}
7

Après remplacement, cliquez sur Mettre à jour le fichier. C’est fait, le bouton sur la page du panier affiche maintenant votre texte. Vérifiez la partie publique de la boutique: ajoutez un article au panier et contrôlez que le bouton a bien changé.

La méthode fonctionne avec n’importe quel thème car la fonction n’est pas liée au balisage d’un template spécifique, elle remplace la sortie WooCommerce au niveau du cœur. La seule limite: cet extrait ne fonctionne PAS avec la page de validation de commande, uniquement avec la page du panier. Si vous devez aussi changer le texte sur la page de validation, utilisez l’extension de la deuxième méthode, elle intercepte les deux emplacements.

Méthode 2: Modifier le texte avec l’extension Change Proceed to Checkout Text

Si vous préférez ne pas toucher au code ou si vous prévoyez de tester différentes formulations fréquemment, une extension est plus pratique. Change Proceed to Checkout Text est un outil gratuit avec plus de 200 installations actives, une note de 5 étoiles et une compatibilité WordPress jusqu’à la version 6.9.5. Le développeur, Irish_Cathal, a publié la dernière mise à jour début 2026.

L’installation est standard: Extensions → Ajouter, tapez «Change Proceed to Checkout Text» dans la recherche, cliquez sur Installer, puis sur Activer.

Après activation, un nouvel élément apparaît dans la barre latérale d’administration: Réglages → Change Proceed to Checkout text. Ouvrez-le, vous verrez exactement un champ: «Proceed to Checkout Button Text». Saisissez-y votre version, cliquez sur Enregistrer les modifications.

Le principal avantage de l’extension est la rapidité de test. Vous voulez tester «Paiement sécurisé» contre «Finaliser votre achat»? Modifiez le texte, enregistrez et observez la conversion dans Google Analytics ou Metrica. Pas de FTP, pas d’éditeur de code, aucun risque de planter le site à cause d’un point-virgule oublié.

Il est utile de noter séparément que l’extension remplace le texte du bouton à la fois sur la page du panier et sur la page de validation de commande. La méthode par code de la première approche ne le fait pas, elle ne fonctionne qu’avec la page du panier.

Il y a une nuance: l’extension ne prend PAS en charge le changement de texte en fonction de la langue du site. Si votre boutique fonctionne avec WPML et que vous souhaitez des formulations différentes pour les versions russe et anglaise, revenez à la première méthode ou utilisez la combinaison Loco Translate + WooCommerce.

⁉️🤔 Foire aux questions

Puis-je rétablir le texte du bouton à sa valeur par défaut?

Oui, et c’est simple. Si vous avez utilisé le code, supprimez l’extrait de functions.php et enregistrez le fichier. Si vous avez utilisé l’extension, désactivez-la ou videz le champ de texte et enregistrez. Dans les deux cas, WooCommerce revient au texte d’usine «Proceed to Checkout».

Est-ce que changer le texte affecte le fonctionnement des passerelles de paiement?

Non. Vous modifiez uniquement le texte sur le bouton, le balisage HTML, les classes et l’URL de transition restent identiques. Stripe, PayPal, Robokassa et toutes les autres passerelles continuent de fonctionner comme avant. Un problème ne peut survenir que si vous avez accidentellement supprimé l’appel à wc_get_checkout_url() dans la méthode par code, ne faites pas cela.

Cela fonctionne-t-il sur la version mobile de la boutique?

Oui. Le bouton «Proceed to Checkout» dans WooCommerce est généré côté serveur via le même template PHP pour tous les appareils. Modifiez le texte une fois, et il s’affiche partout: ordinateur de bureau, tablette et téléphone.

Puis-je définir un texte de bouton différent selon les catégories de produits?

Vous le pouvez, mais uniquement par code. L’extension Change Proceed to Checkout Text vous donne un seul texte pour toute la boutique. Si vous voulez que le bouton dans la catégorie «Cadeaux» affiche «Nous l’emballerons joliment et l’expédierons» et dans «Électronique» «Livré en 1 jour», vous devez écrire une condition en PHP en utilisant has_term() ou is_product_category() à l’intérieur d’un hook WooCommerce.

Résumé

Remplacer «Proceed to Checkout» par un texte vivant et utile, c’est 5 minutes de travail et l’un des moyens les moins coûteux d’influencer la conversion du panier. Voici trois recommandations pour vous lancer.

Par où commencer dès maintenant:

  • Ouvrez le functions.php de votre thème enfant, collez l’extrait de la première méthode et remplacez Checkout-Text-Here par votre propre version
  • Si vous n’avez pas de thème enfant, installez l’extension Change Proceed to Checkout Text, gratuite, sûre pour les débutants, plus de 200 installations actives
  • Quelle que soit la formulation choisie, testez 2 à 3 variantes sur un mois et conservez celle qui génère le plus d’achats finalisés

Avez-vous essayé de changer le texte du bouton de validation de commande? Écrivez en commentaire quelle formulation vous avez utilisée et si la conversion a évolué, discutons de votre cas concret.