WooCommerce est une extension flexible et puissante que vous pouvez utiliser pour transformer votre site WordPress en une boutique eCommerce dynamique. Cependant, si vous cherchez à réduire le nombre d’abandons de panier, à stimuler les conversions et à augmenter vos revenus, il est important de porter une attention particulière à votre page de commande WooCommerce.

Il y a tant de façons différentes de styliser et d’éditer la page de commande dans WooCommerce. Que vous lanciez votre première boutique en ligne et cherchiez à comprendre le fonctionnement de cette page, ou que vous souhaitiez améliorer l’expérience de commande sur votre site WooCommerce existant, nous avons ce qu’il vous faut.

Dans cet article, nous allons expliquer ce qu’est la page de commande de WooCommerce et comment elle fonctionne. Nous vous présenterons ensuite les nombreuses options dont vous disposez pour la styliser, la modifier et l’exploiter afin d’optimiser les conversions à l’aide d’extensions, de code, de thèmes, etc.

Allons droit au but !

Un aperçu de la page de commande de WooCommerce

Lorsque vous configurez votre boutique WooCommerce pour la première fois, l’extension créée et attribue automatiquement une page de commande. Si vous la prévisualisez sur l’interface publique de votre site, vous remarquerez qu’elle est assez simple :

La page de commande par défaut de WooCommerce.
La page de commande par défaut de WooCommerce.

Par défaut, WooCommerce demande aux clients quelques informations de base. Ces informations comprennent :

  • Détails de facturation
  • Prénom et nom de famille
  • Nom de la société
  • Adresse (ville, pays, district et code postal/ZIP)
  • Numéro de téléphone
  • Adresse e-mail
  • Notes de commande
  • Déclaration de politique de confidentialité

Ce sont des informations importantes à inclure sur une page de commande WooCommerce. Elle fournit les informations nécessaires au client pour effectuer son achat et au site web pour traiter ses informations de paiement.

Cependant, rien ici ne contribue nécessairement à augmenter les conversions ou à réduire les abandons de commande. De plus, la page par défaut peut ne pas offrir les informations les plus pertinentes ou les plus utiles pour votre entreprise. C’est pourquoi, comme de nombreux propriétaires de sites WooCommerce, vous pourriez chercher à modifier à la fois la conception et le contenu de votre page de commande.

Avant d’aborder les différentes façons de personnaliser la page de commande dans WooCommerce, il faut d’abord comprendre quelques points.

Parlons de l’endroit où se trouve cette page, ainsi que des différents réglages par défaut et des fonctionnalités disponibles dans l’extension WooCommerce.

Où trouver la page de commande et les réglages par défaut de WooCommerce

WooCommerce crée automatiquement une page de commande pour votre boutique dès que vous activez l’extension. Vous pouvez la localiser en naviguant vers Pages > Paiement dans votre tableau de bord d’administration :

La page de commande dans WooCommerce.
La page de commande dans WooCommerce.

Vous pouvez modifier cette page comme vous le feriez pour n’importe quel contenu WordPress. Par exemple, vous pouvez changer le titre de la page et le permalien, ajouter une image mise en avant, modifier les attributs de la page, etc. Elle utilise également le code court [woocommerce_checkout] :

Le code court de la page de commande WooCommerce dans WordPress.
Le code court de la page de commande WooCommerce dans WordPress.

Il existe quelques options standard pour configurer cette page, dont certaines se trouvent sous WooCommerce > Réglages > Avancés :

L'onglet « Avancé » dans les réglages de WooCommerce
L’onglet « Avancé » dans les réglages de WooCommerce

Sur cet écran, sous la section Installation des pages, vous pouvez sélectionner une autre page à utiliser comme écran de commande pour votre boutique. Vous avez également la possibilité de forcer une connexion HTTPS sécurisée.

Sur la page Général, vous pouvez activer l’utilisation des coupons à la commande et configurer le mode de calcul des taxes :

La page des réglages généraux de WooCommerce.
La page des réglages généraux de WooCommerce.

Sous l’onglet Comptes et confidentialité, vous trouverez également quelques options pour la création de comptes et les commandes des invités :

L'onglet « Comptes et confidentialité » des réglages de WooCommerce
L’onglet « Comptes et confidentialité » des réglages de WooCommerce

En dessous, il y a une section sur la politique de confidentialité où vous pouvez modifier le texte de la politique de confidentialité qui s’affiche sur la page de commande :

Réglages de la politique de confidentialité dans WooCommerce
Réglages de la politique de confidentialité dans WooCommerce

Au-delà de ces réglages intégrés, vous disposez d’options limitées pour personnaliser votre page de commande en utilisant uniquement l’extension WooCommerce. Heureusement, il existe d’autres méthodes que vous pouvez utiliser pour améliorer son apparence et étendre ses fonctionnalités.

Pourquoi vous pourriez vouloir changer votre page de commande WooCommerce

La page de commande est la dernière chose que les clients voient avant de terminer leurs achats. Elle peut faire la différence entre une conversion ou un abandon de votre site.

Il est donc essentiel de s’assurer que votre page de commande WooCommerce est bien conçue et fonctionne de manière à encourager les conversions. Il existe de nombreuses façons de l’améliorer, par exemple :

  • Changement du design et du modèle de page
  • Créer une commande sur une seule page
  • Ajouter, supprimer ou réorganiser des champs
  • Modification des libellés des champs de saisie et du texte des boutons
  • Champs nécessaires à remplir obligatoirement
  • Déclenchement automatique de l’expédition gratuite
  • Lien direct des produits vers la page de commande

Que vous souhaitiez remanier complètement la page par défaut ou y apporter des modifications mineures, l’important est que vous puissiez le faire facilement. Heureusement, vous disposez de plusieurs options.

Méthodes que vous pouvez utiliser pour modifier votre page de commande WooCommerce

Il existe de nombreuses façons de modifier votre page de commande WooCommerce. La meilleure dépend de plusieurs facteurs, tels que la modification spécifique que vous essayez d’effectuer et votre niveau d’aisance avec le code.

Voici quelques-unes des méthodes que vous pouvez utiliser pour améliorer votre page de commande WooCommerce :

  • Fonctionnalités, blocs et codes courts de WooCommerce. WooCommerce est livré avec quelques fonctions et réglages intégrés que vous pouvez utiliser pour améliorer votre boutique. Par exemple, vous pouvez déclencher automatiquement l’expédition gratuite, ainsi que lier directement les produits à la page de commande. Il existe également des blocs et des codes courts pour modifier la page.
  • Extensions. Si vous n’êtes pas doué pour la technologie ou si vous voulez simplement un moyen rapide et sans tracas d’améliorer votre page de commande WooCommerce, il existe de nombreuses extensions que vous pouvez utiliser. La plupart sont faciles à utiliser et ne nécessitent que peu d’assistance. Certains modules sont fournis par WooCommerce et disponibles dans la bibliothèque d’extensions, tandis que d’autres sont développés et proposés par des plateformes tierces.
  • Modèles de pages et thèmes. Si vous souhaitez modifier le style de votre page de commande, vous pouvez utiliser un modèle ou un thème prédéfini. Comme pour les extensions, il s’agit d’une option solide si vous avez une expérience limitée du code et que vous souhaitez apporter des modifications à l’apparence générale de la page, afin de mieux correspondre à votre marque. L’inconvénient est que cela n’offre pas autant de flexibilité qu’un code personnalisé.
  • Code personnalisé. Une autre méthode que vous pouvez utiliser pour modifier la page de commande de WooCommerce est le code personnalisé. Il s’agit d’une méthode efficace si vous êtes à l’aise pour modifier les fichiers de votre site et si vous souhaitez ajouter beaucoup de personnalisation.

Dans les sections suivantes, nous examinerons quelques-unes des modifications les plus efficaces que vous pouvez apporter à votre page WooCommerce. Pour chacune d’entre elles, nous vous expliquerons pourquoi vous pourriez vouloir y apporter des modifications et nous vous présenterons les différentes méthodes que vous pouvez utiliser pour y parvenir.

Comment personnaliser les champs de commande de WooCommerce

L’une des modifications les plus courantes que vous pouvez apporter à une page WooCommerce est de modifier les champs de son formulaire. Ces derniers occupent généralement le plus d’espace sur la page, ils doivent donc être pertinents. Que vous souhaitiez supprimer des champs, réorganiser leur ordre ou ajouter de nouveaux champs personnalisés, vous disposez de plusieurs options pour y parvenir. Vous pouvez soit utiliser une extension, soit modifier directement le code.

Utilisation d’une extension pour modifier les champs de commande de WooCommerce

Si vous souhaitez un moyen rapide et simple de personnaliser les champs de commande dans WooCommerce, nous vous recommandons d’utiliser une extension. Il existe une poignée d’options parmi lesquelles vous pouvez choisir.

L’un des plus populaires est l’extension Checkout Field Editor :

L’extension WooCommerce Checkout Field Editor
L’extension WooCommerce Checkout Field Editor

Il s’agit d’un outil gratuit qui vous permet d’ajouter ou de modifier les champs de formulaire sur votre page de commande WooCommerce. Vous pouvez activer ou désactiver certains champs, ainsi que réorganiser leur ordre.

Bien que la version gratuite vous permette d’effectuer ces tâches de base, WooCommerce Checkout Field Editor Pro est doté de fonctionnalités supplémentaires. Cela comprend 17 types de champs et des hooks personnalisés.

Pour utiliser cette extension, vous pouvez l’installer sur votre site WooCommerce en naviguant vers Extensions > Ajouter et en la recherchant. Une fois trouvée, cliquez sur le bouton Installer, puis sur Activer.

Lorsqu’elle est activée, vous pouvez configurer les réglages en allant sur WooCommerce > Formulaire de paiement :

L’extension « Checkout Form Editor » dans WooCommerce
L’extension « Checkout Form Editor » dans WooCommerce

Il existe trois types de champs différents que vous pouvez modifier :

  1. Facturation
  2. Expédition
  3. Autres

Vous pouvez sélectionner le champ que vous souhaitez modifier, puis cliquer sur le bouton Supprimer, Activer ou Désactiver. Pour ajouter un nouveau champ, sélectionnez Ajouter un champ.

Si vous souhaitez modifier un champ de formulaire existant, sélectionnez la case à gauche et cliquez sur le bouton Modifier. Un panneau s’ouvrira, dans lequel vous pourrez modifier le type de champ (dans la version Premium uniquement), modifier le libellé du champ, choisir s’il sera obligatoire, etc :

Le panneau de modification du champ de paiement dans l’extension WooCommerce Checkout Field Editor
Le panneau de modification du champ de paiement dans l’extension WooCommerce Checkout Field Editor

Lorsque vous avez terminé, cliquez sur le bouton Enregistrer. Une fois que vous avez terminé d’apporter toutes les modifications que vous souhaitez aux champs de la page de commande, assurez-vous de cliquer sur le bouton Enregistrer les modifications au bas de l’écran.

Pour des conseils plus détaillés, vous pouvez vous référer à la documentation de WooCommerce sur l’utilisation de l’extension Checkout Field Editor.

Bien sûr, ce n’est qu’une des nombreuses extensions que vous pouvez utiliser pour modifier vos champs de commande WooCommerce. D’autres options méritent d’être prises en considération, comme Flexible Checkout Fields et WooCommerce Checkout Manager, dont nous parlerons plus loin.

Modification des champs de commande à l’aide de code

Une autre option pour modifier les champs de votre page de commande WooCommerce consiste à utiliser du code personnalisé. Bien entendu, cela nécessite un certain niveau de connaissances techniques et une certaine aisance à travailler avec les fichiers de votre site. L’avantage est que vous avez plus de flexibilité en termes de personnalisation que vous n’en auriez avec une extension tierce.

Vous pouvez modifier vos champs de commande en utilisant le fichier functions.php de votre site et des filtres tels que

  • woocommerce_checkout_fields
  • woocommerce_billing_fields
  • Woocommerce_shipping_fields

Les actions et les filtres de WooCommerce vous permettent de manipuler les champs de commande presque comme vous le souhaitez. Par exemple, vous pouvez les supprimer entièrement, en ajouter de nouveaux ou modifier le texte affiché. L’utilisation du filtre woocommerce_checkout_fields vous permettra de remplacer n’importe quel champ.

Supposons que vous souhaitiez modifier le texte de remplacement du champ order_comments. Par défaut, il est défini comme suit :

_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')

Pour le modifier, vous pouvez ajouter cet extrait de code à votre fichier functions.php :

// Hook in

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!

function custom_override_checkout_fields( $fields ) {

$fields['order']['order_comments']['placeholder'] = 'My new placeholder';

return $fields;

}

Pour supprimer un champ, vous pouvez utiliser la procédure suivante :

// Hook in
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {

unset($fields['order']['order_comments']);

return $fields;

Il y a de nombreuses modifications que vous pouvez apporter aux champs de votre page de commande, nous ne les explorerons donc pas toutes ici. Vous pouvez trouver une liste utile de codes de champs de commande sur GitHub.

Comment modifier le modèle de page de commande de WooCommerce

Par défaut, le modèle de votre page de commande WooCommerce sera basé sur le thème de votre site. Mais peut-être souhaitez-vous en modifier le design pour qu’il corresponde mieux à votre image de marque ou peut-être voulez-vous simplement apporter de légères modifications au contenu du modèle de page.

Les deux principales méthodes que vous pouvez utiliser pour changer cela sont l’utilisation d’un modèle préétabli ou l’ajout de code. Commençons par la première méthode.

Commencez par un modèle préétabli pour personnaliser votre page de commande

La façon la plus simple de modifier le design de votre page de commande WooCommerce est d’installer un thème pré-conçu, comme ceux de la boutique de thèmes WooCommerce. Il existe toute une série d’options gratuites, ainsi que des thèmes premium.

Vous pouvez rechercher des thèmes de commande en une page, par exemple, ou tout autre type de modèle spécifique que vous souhaitez utiliser. Vous pouvez également trouver de nombreux thèmes WooCommerce sur Envato Market.

Utiliser du code pour personnaliser le modèle de page de commande de WooCommerce

Si vous êtes à l’aise pour modifier le code, vous pouvez également changer manuellement le modèle de la page de paiement. Selon votre fournisseur d’hébergement, vous pouvez le faire via le gestionnaire de fichiers dans cPanel ou un client SFTP (Secure File Transfer Protocol).

Vous pouvez utiliser des hooks d’action pour ajouter, modifier ou supprimer des éléments de votre page de commande. WooCommerce utilise neuf actions principales pour la page de paiement :

  • woocommerce_before_checkout_form
  • woocommerce_checkout_before_customer_details
  • woocommerce_checkout_billing
  • woocommerce_checkout_shipping
  • woocommerce_checkout_after_customer_details
  • woocommerce_checkout_before_order_review
  • woocommerce_checkout_order_review
  • woocommerce_checkout_after_order_review
  • Woocommerce_after_checkout_form

Ces hooks d’action ajoutent des balises pour la page, que vous pouvez utiliser pour personnaliser à la fois son style et sa fonctionnalité. Si vous souhaitez utiliser ces actions pour modifier votre modèle de page de commande, vous pouvez le faire en modifiant le fichier PHP du formulaire de commande.

Vous pouvez trouver les fichiers de modèles WooCommerce sous /woocommerce/templates. À partir du répertoire racine de votre site, vous devrez naviguer vers wp-content/plugins/woocommerce :

Le répertoire des modèles WooCommerce
Le répertoire des modèles WooCommerce

Dans ces fichiers, il y a des hooks que vous pouvez utiliser pour ajouter et réorganiser le contenu du modèle de page, sans avoir à modifier les fichiers modèles. Pour créer un modèle de thème personnalisé pour votre page de commande, vous devez d’abord créer un répertoire « woocommerce/checkout » dans le répertoire de votre thème.

Ensuite, copiez le modèle de page de commande WooCommerce, que vous pouvez trouver à l’adresse woocommerce/templates/checkout/form-checkout.php :

Le fichier modèle de la page de commande de WooCommerce
Le fichier modèle de la page de commande de WooCommerce

Ensuite, ajoutez-le dans le nouveau répertoire que vous venez de créer. Ensuite, vous pouvez modifier le fichier pour y apporter les changements souhaités. Lorsque vous enregistrez le fichier, l’extension WooCommerce chargera ce modèle et remplacera le modèle de page par défaut.

Comment créer une commande WooCommerce en une seule page

L’un des moyens d’améliorer l’expérience de commande de vos clients et, ce faisant, de réduire le taux d’abandon, consiste à rendre le processus aussi rapide et simple que possible. Si vous souhaitez raccourcir le processus de commande, vous pouvez le faire en créant une commande en une seule page dans WooCommerce.

Il existe de multiples façons de le faire. Comme nous l’avons déjà mentionné, vous pouvez rechercher un thème ou un modèle d’une page qui vous permettra d’obtenir une seule page de commande. Cependant, si vous aimez votre thème actuel, vous ne voudrez peut-être pas le changer.

Si c’est le cas, ne vous inquiétez pas. Il existe d’autres options, telles que l’extension WooCommece One Page Checkout :

L'extension WooCommerce One Page Checkout
L’extension WooCommerce One Page Checkout

Comme cette solution a été développée par WooCommerce, vous savez qu’elle est sûre, fiable et qu’elle offre un support important. En plus de vous permettre de transformer n’importe quelle page en une page de commande, elle est dotée d’une multitude de fonctionnalités permettant d’optimiser le processus de commande en une page.

Vous pouvez :

  • Afficher les formulaires de sélection de produits et de commande sur une seule page.
  • Permettre aux clients d’ajouter ou de retirer des articles de leur panier.
  • Laissez les clients effectuer leurs paiements sans quitter la page.
  • Ajouter des champs personnalisés aux pages.

Après avoir acheté l’extension via votre compte WooCommerce, vous pouvez la télécharger, puis l’installer et l’activer sur votre site WooCommerce.

Pour l’utiliser, accédez à Pages > Ajouter et sélectionnez l’icône One Page Checkout dans la barre d’outils de l’éditeur :

L'icône de l'extension One Page Checkout dans l'éditeur WordPress
L’icône de l’extension One Page Checkout dans l’éditeur WordPress

Dans le panneau qui s’ouvre, vous pouvez cliquer dans le champ Produits, et commencer à saisir le nom du ou des produits que vous souhaitez ajouter.

Ensuite, choisissez le modèle que vous souhaitez utiliser (liste de produits, tableau de produits, tableau de prix ou produit unique) et cliquez sur Créer un code court.

Vous pouvez également insérer manuellement le code court dans n’importe quel article ou page. Pour en savoir plus sur cette extension et son utilisation, vous pouvez vous référer à la documentation de WooCommerce One Page Checkout.

Comment déclencher l’expédition gratuite pendant le processus de commande de WooCommerce

En tant que propriétaire d’une entreprise eCommerce, il existe de nombreuses stratégies différentes que vous pouvez utiliser pour encourager vos clients à dépenser davantage. L’une d’entre elles consiste à offrir la gratuité des frais de port.

Bien entendu, vous ne voudrez peut-être pas offrir la gratuité de la livraison pour chaque commande. Toutefois, en l’ajoutant comme une incitation sur les totaux de commande qui atteignent un certain montant, vous pouvez encourager les acheteurs à dépenser plus qu’ils ne le feraient autrement.

Par conséquent, vous pouvez configurer votre page de commande WooCommerce pour déclencher automatiquement la livraison gratuite pour les commandes dépassant un certain montant, par exemple 100 $.

La première chose à faire est de proposer la méthode d’expédition gratuite vers la ou les zones de livraison concernées.

Pour ce faire, accédez à WooCommerce > Réglages > Expédition :

Les réglages d'expédition de WooCommerce
Les réglages d’expédition de WooCommerce

Survolez la zone d’expédition que vous souhaitez modifier, puis cliquez sur le lien Modifier. Si vous n’avez pas encore ajouté de zone, sélectionnez d’abord le bouton Ajouter une méthode d’expédition et suivez les instructions avant de continuer.

Ensuite, cliquez sur Ajouter une méthode d’expédition. Dans la fenêtre qui s’ouvre, sélectionnez Expédition gratuite dans le menu déroulant, puis à nouveau Ajouter une méthode d’expédition :

Ajout d'une méthode d'expédition gratuite dans WooCommerce
Ajout d’une méthode d’expédition gratuite dans WooCommerce

Ensuite, dans la liste des méthodes d’expédition de la page des réglages, survolez Expédition gratuite et cliquez sur le lien Modifier.

Un panneau de réglages d’expédition gratuite s’ouvrira. Dans le menu déroulant l’expédition gratuite nécessite…, sélectionnez Un montant minimum de commande :

Réglages d’expédition gratuite dans WooCommerce
Réglages d’expédition gratuite dans WooCommerce

Vous pouvez ensuite définir le montant minimum de la commande. Lorsque vous avez terminé, cliquez sur le bouton Enregistrer les modifications.

Comment relier directement les produits à la page de commande de WooCommerce

Une autre façon d’améliorer l’expérience de commande de vos clients est de créer des liens directs vers la commande. Cela est utile pour envoyer les clients directement à la commande depuis des pages de produits et de promotions.

Création manuelle d’un lien direct vers la commande

Pour créer et ajouter un lien direct vers la commande dans WooCommerce, vous pouvez utiliser l’URL suivante : exampledomain.com//checkout/?add-to-cart=ID.

Remarque : vous devez remplacer « exampledomain » et « ID » par votre nom de domaine et l’ID spécifique du produit que vous avez lié à la page de commande.

Pour trouver l’ID d’un produit, naviguez jusqu’à Produits > Tous les produits dans votre tableau de bord. Naviguez jusqu’au produit pour lequel vous souhaitez créer un lien direct, puis survolez son nom pour faire apparaître le numéro d’ID du produit :

Un ID de produit WooCommerce
Un ID de produit WooCommerce

Une fois que vous avez collé l’ID du produit dans l’URL susmentionnée, vous pouvez ensuite placer le lien n’importe où sur votre site WooCommerce. Vous pouvez répéter ce processus pour chacun de vos produits, même les articles variables et groupés.

Création d’un lien direct vers la commande à l’aide d’une extension

Nous sommes conscients que la stratégie ci-dessus n’est peut-être pas la méthode la plus efficace pour tous les utilisateurs. Selon le nombre de produits que vous avez dans votre boutique WooCommerce, elle peut prendre beaucoup de temps.

Heureusement, si vous recherchez une méthode plus rapide, vous pouvez également utiliser l’extension Direct Checkout for WooCommerce :

L’extension Direct Checkout for WooCommerce
L’extension Direct Checkout for WooCommerce

Cet outil gratuit vous permet de simplifier le processus de paiement de différentes manières, notamment en ajoutant un lien direct d’une page de produit à l’écran de commande. Une fois que vous avez installé et activé l’extension sur votre site WooCommerce, rendez-vous sur WooCommerce > Direct Checkout :

Les réglages de l’extension Direct Checkout for WooCommerce
Les réglages de l’extension Direct Checkout for WooCommerce

Sous l’onglet Général, sélectionnez Oui pour l’option de redirection d’ajout au panier, puis choisissez Commande dans le menu déroulant de redirection d’ajout au panier. Cliquez sur Enregistrer les modifications lorsque vous avez terminé.

Ensuite, allez dans l’onglet Produits :

L’option pour rediriger vers le panier dans Direct Checkout pour WooCommerce
L’option pour rediriger vers le panier dans Direct Checkout pour WooCommerce

Activez l’option Rediriger vers le panier après un ajout. Cliquez à nouveau sur le bouton Enregistrer les modifications. Voilà, c’est fait !

Comment tester votre page de commande WooCommerce

À ce stade, vous avez, nous l’espérons, mis en œuvre divers moyens pour améliorer votre page de commande WooCommerce. Maintenant, il est essentiel de s’assurer que votre processus de commande fonctionne correctement, afin de réduire les abandons et de confirmer qu’aucune erreur n’interrompra le client.

Heureusement, il existe un moyen simple d’envoyer une commande test et un paiement via votre boutique WooCommerce, pour vous assurer que tout fonctionne comme il se doit. Pour ce faire, vous devez d’abord installer l’extension WooCommerce Payments sur votre site (si ce n’est pas déjà fait) :

L’extension WooCommerce Payments
L’extension WooCommerce Payments

Une fois que vous avez installé et activé l’extension, vous pouvez activer le « mode test ». Pour cela, allez dans WooCommerce > Paiements > Réglages :

Le mode test des paiements WooCommerce
Le mode test des paiements WooCommerce

N’oubliez pas d’enregistrer vos modifications.

Une fois le mode test activé, vous pouvez parcourir votre boutique WooCommerce et sélectionner n’importe quel produit. Ajoutez-le à votre panier et passez ensuite à la page de commande.

Remplissez les champs du formulaire de la page de commande si nécessaire. Pour les informations de paiement, vous pouvez utiliser n’importe lequel des numéros fictifs de carte bancaire fournis par WooCommerce. Vous pouvez également utiliser trois chiffres au choix pour le code CVC et sélectionner une date ultérieure.

Lorsque vous avez terminé, cliquez sur Commander. Ensuite, accédez à l’écran Paiements > Transactions :

Tester les transactions dans WooCommerce
Tester les transactions dans WooCommerce

Ici, vous devriez voir la commande apparaître. Si elle est là, vous savez que votre page de commande fonctionne comme il se doit. N’oubliez pas de désactiver le mode test lorsque vous avez terminé !

Les meilleures extensions WooCommerce de commande

Tout au long de cet article, nous avons abordé une grande variété de façons de modifier votre page de commande WooCommerce, y compris les blocs, les codes courts et le code personnalisé. Nous avons également mentionné quelques extensions clés qui peuvent vous aider à ajouter des fonctionnalités qui ne seraient pas disponibles autrement.

Cependant, il existe d’autres modules et extensions que nous n’avons pas encore mentionnés, mais qui vous offrent plus d’options de personnalisation pour votre page de commande WooCommerce. Parmi les meilleurs, il y en a qui méritent d’être pris en considération :

  • WooCommerce Cart Notices Add-on. Ce module WooCommerce vous permet d’afficher des messages et des notifications à vos clients pendant le processus de commande. Par exemple, vous pouvez l’utiliser pour les informer des ventes et des promotions pertinentes.
  • WooCommerce Checkout Manager. Réalisé par la même équipe qui a développé Direct Checkout for WooCommerce, cette extension est une puissante extension que vous pouvez utiliser pour optimiser votre page de commande. Vous pouvez l’utiliser pour modifier, supprimer et ajouter des champs personnalisés, ainsi que pour créer des champs conditionnels.
  • WooCommerce Checkout Add-Ons. Cette extension premium vous permet d’ajouter des modules gratuits et payants au moment de la commande. Il s’agit d’un outil utile pour augmenter les conversions et générer des revenus.

Selon le type de site de eCcommerce que vous avez, vous pouvez rechercher encore plus d’options. Si c’est le cas, nous vous recommandons de consulter la bibliothèque d’extensions de WooCommerce, qui propose une tonne de modules complémentaires pour étendre les caractéristiques et les fonctionnalités de l’extension WooCommerce, y compris des solutions gratuites et payantes.

Résumé

Il existe de nombreuses façons de modifier votre page de commande WooCommerce pour optimiser son apparence et sa fonctionnalité. Cela inclut la modification ou l’ajout de champs personnalisés, et la création d’un processus de commande en une seule page.

En fonction du changement que vous souhaitez apporter et de votre niveau d’expérience, vous pouvez tirer parti des plugins et extensions WooCommerce, des modèles de pages et des thèmes, et même du code personnalisé.

Vous avez des questions sur l’utilisation ou la modification de la page de commande de WooCommerce ? Faites-le nous savoir dans la section des commentaires ci-dessous !

Matteo Duò Kinsta

Rédacteur en chef chez Kinsta et consultant en marketing de contenu pour les développeurs de plugins WordPress. Connectez-vous avec Matteo sur Twitter.