{"id":44127,"date":"2020-12-29T01:41:15","date_gmt":"2020-12-29T09:41:15","guid":{"rendered":"https:\/\/kinsta.com\/?p=85725&#038;preview=true&#038;preview_id=85725"},"modified":"2023-11-10T11:50:38","modified_gmt":"2023-11-10T10:50:38","slug":"commande-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/","title":{"rendered":"Le guide complet de la commande WooCommerce &#8211; Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page"},"content":{"rendered":"<p>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 \u00e0 r\u00e9duire le nombre d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/abandon-panier-achat\/\">abandons de panier<\/a>, \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">stimuler les conversions<\/a> et \u00e0 augmenter vos revenus, il est important de porter une attention particuli\u00e8re \u00e0 votre page de commande WooCommerce.<\/p>\n<p>Il y a tant de fa\u00e7ons diff\u00e9rentes de styliser et d&rsquo;\u00e9diter la page de commande dans WooCommerce. Que vous lanciez votre premi\u00e8re boutique en ligne et cherchiez \u00e0 comprendre le fonctionnement de cette page, ou que vous souhaitiez am\u00e9liorer l&rsquo;exp\u00e9rience de commande sur votre site WooCommerce existant, nous avons ce qu&rsquo;il vous faut.<\/p>\n<p>Dans cet article, nous allons expliquer ce qu&rsquo;est la page de commande de WooCommerce et comment elle fonctionne. Nous vous pr\u00e9senterons ensuite les nombreuses options dont vous disposez pour la styliser, la modifier et l&rsquo;exploiter afin d&rsquo;optimiser les conversions \u00e0 l&rsquo;aide d\u2019extensions, de code, de th\u00e8mes, etc.<\/p>\n<p>Allons droit au but !<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Un aper\u00e7u de la page de commande de WooCommerce<\/h2>\n<p>Lorsque vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">configurez votre boutique WooCommerce<\/a> pour la premi\u00e8re fois, l\u2019extension cr\u00e9\u00e9e et attribue automatiquement une page de commande. Si vous la pr\u00e9visualisez sur l\u2019interface publique de votre site, vous remarquerez qu&rsquo;elle est assez simple :<\/p>\n<figure style=\"width: 1225px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-page.png\" alt=\"La page de commande par d\u00e9faut de WooCommerce.\" width=\"1225\" height=\"795\"><figcaption class=\"wp-caption-text\">La page de commande par d\u00e9faut de WooCommerce.<\/figcaption><\/figure>\n<p>Par d\u00e9faut, WooCommerce demande aux clients quelques informations de base. Ces informations comprennent :<\/p>\n<ul>\n<li>D\u00e9tails de facturation<\/li>\n<li>Pr\u00e9nom et nom de famille<\/li>\n<li>Nom de la soci\u00e9t\u00e9<\/li>\n<li>Adresse (ville, pays, district et code postal\/ZIP)<\/li>\n<li>Num\u00e9ro de t\u00e9l\u00e9phone<\/li>\n<li>Adresse e-mail<\/li>\n<li>Notes de commande<\/li>\n<li>D\u00e9claration de politique de confidentialit\u00e9<\/li>\n<\/ul>\n<p>Ce sont des informations importantes \u00e0 inclure sur une page de commande WooCommerce. Elle fournit les informations n\u00e9cessaires au client pour effectuer son achat et au site web pour traiter ses informations de paiement.<\/p>\n<p>Cependant, rien ici ne contribue n\u00e9cessairement \u00e0 augmenter les conversions ou \u00e0 r\u00e9duire les abandons de commande. De plus, la page par d\u00e9faut peut ne pas offrir les informations les plus pertinentes ou les plus utiles pour votre entreprise. C&rsquo;est pourquoi, comme de nombreux <a href=\"https:\/\/kinsta.com\/webinars\/website-prep-black-friday-cyber-monday\/\">propri\u00e9taires de sites WooCommerce<\/a>, vous pourriez chercher \u00e0 modifier \u00e0 la fois la conception et le contenu de votre page de commande.<\/p>\n<p>Avant d&rsquo;aborder les diff\u00e9rentes fa\u00e7ons de personnaliser la page de commande dans WooCommerce, il faut d&rsquo;abord comprendre quelques points.<\/p>\n<p>Parlons de l&rsquo;endroit o\u00f9 se trouve cette page, ainsi que des diff\u00e9rents r\u00e9glages par d\u00e9faut et des fonctionnalit\u00e9s disponibles dans l\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-woocommerce\/\">extension WooCommerce<\/a>.<\/p>\n<h3>O\u00f9 trouver la page de commande et les r\u00e9glages par d\u00e9faut de WooCommerce<\/h3>\n<p>WooCommerce cr\u00e9e automatiquement une page de commande pour votre boutique d\u00e8s que vous activez l\u2019extension. Vous pouvez la localiser en naviguant vers <strong>Pages <\/strong>&gt; <strong>Paiement<\/strong> dans votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">tableau de bord d&rsquo;administration<\/a> :<\/p>\n<figure style=\"width: 956px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/pages-woocommerce-checkout.jpg\" alt=\"La page de commande dans WooCommerce.\" width=\"956\" height=\"455\"><figcaption class=\"wp-caption-text\">La page de commande dans WooCommerce.<\/figcaption><\/figure>\n<p>Vous pouvez modifier cette page comme vous le feriez pour n&rsquo;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 \u00e9galement le <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-shortcodes\/\">code court [woocommerce_checkout]<\/a> :<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-shortcode.png\" alt=\"Le code court de la page de commande WooCommerce dans WordPress.\" width=\"1489\" height=\"587\"><figcaption class=\"wp-caption-text\">Le code court de la page de commande WooCommerce dans WordPress.<\/figcaption><\/figure>\n<p>Il existe quelques options standard pour configurer cette page, dont certaines se trouvent sous <strong>WooCommerce<\/strong> &gt;<strong> R\u00e9glages<\/strong> &gt;<strong> Avanc\u00e9s<\/strong> <strong>:<\/strong><\/p>\n<figure style=\"width: 1086px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-settings-advanced.png\" alt=\"L'onglet \u00ab Avanc\u00e9 \u00bb dans les r\u00e9glages de WooCommerce\" width=\"1086\" height=\"578\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab Avanc\u00e9 \u00bb dans les r\u00e9glages de WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Sur cet \u00e9cran, sous la section <\/span><strong style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Installation des pages<\/strong><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">, vous pouvez s\u00e9lectionner une autre page <\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">\u00e0 utiliser comme \u00e9cran de commande pour votre boutique. Vous avez \u00e9galement la possibilit\u00e9 de forcer <\/span><a style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\" href=\"https:\/\/kinsta.com\/fr\/blog\/http-vers-https\/\">une connexion HTTPS s\u00e9curis\u00e9e<\/a><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">.<\/span><\/p>\n<p>Sur la page <strong>G\u00e9n\u00e9ral<\/strong>, vous pouvez activer l&rsquo;utilisation des coupons \u00e0 la commande et configurer le mode de calcul des taxes :<\/p>\n<figure style=\"width: 910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-coupons-taxes.png\" alt=\"La page des r\u00e9glages g\u00e9n\u00e9raux de WooCommerce.\" width=\"910\" height=\"428\"><figcaption class=\"wp-caption-text\">La page des r\u00e9glages g\u00e9n\u00e9raux de WooCommerce.<\/figcaption><\/figure>\n<p>Sous l&rsquo;onglet <strong>Comptes et confidentialit\u00e9<\/strong>, vous trouverez \u00e9galement quelques options pour la cr\u00e9ation de comptes et les commandes des invit\u00e9s :<\/p>\n<figure style=\"width: 1242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-accounts-privacy.png\" alt=\"L'onglet \u00ab Comptes et confidentialit\u00e9 \u00bb des r\u00e9glages de WooCommerce\" width=\"1242\" height=\"407\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet \u00ab Comptes et confidentialit\u00e9 \u00bb des r\u00e9glages de WooCommerce<\/figcaption><\/figure>\n<p>En dessous, il y a une section sur la <strong>politique de confidentialit\u00e9<\/strong> o\u00f9 vous pouvez modifier le texte de la politique de confidentialit\u00e9 qui s&rsquo;affiche sur la page de commande :<\/p>\n<figure style=\"width: 1049px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-privacy-policy.png\" alt=\"R\u00e9glages de la politique de confidentialit\u00e9 dans WooCommerce\" width=\"1049\" height=\"290\"><figcaption class=\"wp-caption-text\">R\u00e9glages de la politique de confidentialit\u00e9 dans WooCommerce<\/figcaption><\/figure>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\">Au-del\u00e0 de ces r\u00e9glages int\u00e9gr\u00e9s, vous disposez d&rsquo;options limit\u00e9es pour personnaliser votre page de commande en utilisant uniquement l\u2019extension WooCommerce. <\/span><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1.125rem\"> Heureusement, il existe d&rsquo;autres m\u00e9thodes que vous pouvez utiliser pour am\u00e9liorer son apparence et \u00e9tendre ses fonctionnalit\u00e9s.<\/span><\/p>\n<h2>Pourquoi vous pourriez vouloir changer votre page de commande WooCommerce<\/h2>\n<p>La page de commande est la derni\u00e8re chose que les clients voient avant de terminer leurs achats. Elle peut faire la diff\u00e9rence entre une conversion ou un abandon de votre site.<\/p>\n<p>Il est donc essentiel de s&rsquo;assurer que votre page de commande WooCommerce est bien con\u00e7ue et fonctionne de mani\u00e8re \u00e0 encourager les conversions. Il existe de nombreuses fa\u00e7ons de l&rsquo;am\u00e9liorer, par exemple :<\/p>\n<ul>\n<li>Changement du design et du mod\u00e8le de page<\/li>\n<li>Cr\u00e9er une commande sur une seule page<\/li>\n<li>Ajouter, supprimer ou r\u00e9organiser des champs<\/li>\n<li>Modification des libell\u00e9s des champs de saisie et du texte des boutons<\/li>\n<li>Champs n\u00e9cessaires \u00e0 remplir obligatoirement<\/li>\n<li>D\u00e9clenchement automatique de l\u2019exp\u00e9dition gratuite<\/li>\n<li>Lien direct des produits vers la page de commande<\/li>\n<\/ul>\n<p>Que vous souhaitiez remanier compl\u00e8tement la page par d\u00e9faut ou y apporter des modifications mineures, l&rsquo;important est que vous puissiez le faire facilement. Heureusement, vous disposez de plusieurs options.<\/p>\n\n<h2>M\u00e9thodes que vous pouvez utiliser pour modifier votre page de commande WooCommerce<\/h2>\n<p>Il existe de nombreuses fa\u00e7ons de modifier votre page de commande WooCommerce. La meilleure d\u00e9pend de plusieurs facteurs, tels que la modification sp\u00e9cifique que vous essayez d&rsquo;effectuer et votre niveau d&rsquo;aisance avec le code.<\/p>\n<p>Voici quelques-unes des m\u00e9thodes que vous pouvez utiliser pour am\u00e9liorer votre page de commande WooCommerce :<\/p>\n<ul>\n<li><strong>Fonctionnalit\u00e9s, blocs et codes courts de WooCommerce<\/strong>. WooCommerce est livr\u00e9 avec quelques fonctions et r\u00e9glages int\u00e9gr\u00e9s que vous pouvez utiliser pour am\u00e9liorer votre boutique. Par exemple, vous pouvez d\u00e9clencher automatiquement l\u2019exp\u00e9dition gratuite, ainsi que lier directement les produits \u00e0 la page de commande. Il existe \u00e9galement des blocs et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/shortcodes-wordpress\/\">codes courts<\/a> pour modifier la page.<\/li>\n<li><strong>Extensions<\/strong>. Si vous n&rsquo;\u00eates pas dou\u00e9 pour la technologie ou si vous voulez simplement un moyen rapide et sans tracas d&rsquo;am\u00e9liorer votre page de commande WooCommerce, <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-woocommerce\/\">il existe de nombreuses extensions que vous pouvez utiliser<\/a>. La plupart sont faciles \u00e0 utiliser et ne n\u00e9cessitent que peu d&rsquo;assistance. Certains modules sont fournis par WooCommerce et disponibles dans la <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-woocommerce\/\">biblioth\u00e8que d&rsquo;extensions<\/a>, tandis que d&rsquo;autres sont d\u00e9velopp\u00e9s et propos\u00e9s par des plateformes tierces.<\/li>\n<li><strong>Mod\u00e8les de pages et th\u00e8mes<\/strong>. Si vous souhaitez modifier le style de votre page de commande, vous pouvez utiliser un <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-woocommerce\/\">mod\u00e8le ou un th\u00e8me pr\u00e9d\u00e9fini<\/a>. Comme pour les extensions, il s&rsquo;agit d&rsquo;une option solide si vous avez une exp\u00e9rience limit\u00e9e du code et que vous souhaitez apporter des modifications \u00e0 l&rsquo;apparence g\u00e9n\u00e9rale de la page, afin de mieux correspondre \u00e0 votre marque. L&rsquo;inconv\u00e9nient est que cela n&rsquo;offre pas autant de flexibilit\u00e9 qu&rsquo;un code personnalis\u00e9.<\/li>\n<li><strong>Code personnalis\u00e9<\/strong>. Une autre m\u00e9thode que vous pouvez utiliser pour modifier la page de commande de WooCommerce est le code personnalis\u00e9. Il s&rsquo;agit d&rsquo;une m\u00e9thode efficace si vous \u00eates \u00e0 l&rsquo;aise pour modifier les fichiers de votre site et si vous souhaitez ajouter beaucoup de personnalisation.<\/li>\n<\/ul>\n<p>Dans les sections suivantes, nous examinerons quelques-unes des modifications les plus efficaces que vous pouvez apporter \u00e0 votre page WooCommerce. Pour chacune d&rsquo;entre elles, nous vous expliquerons pourquoi vous pourriez vouloir y apporter des modifications et nous vous pr\u00e9senterons les diff\u00e9rentes m\u00e9thodes que vous pouvez utiliser pour y parvenir.<\/p>\n<h2>Comment personnaliser les champs de commande de WooCommerce<\/h2>\n<p>L&rsquo;une des modifications les plus courantes que vous pouvez apporter \u00e0 une page WooCommerce est de modifier les champs de son formulaire. Ces derniers occupent g\u00e9n\u00e9ralement le plus d&rsquo;espace sur la page, ils doivent donc \u00eatre pertinents. Que vous souhaitiez supprimer des champs, r\u00e9organiser leur ordre ou ajouter de nouveaux champs personnalis\u00e9s, vous disposez de plusieurs options pour y parvenir. Vous pouvez soit utiliser une extension, soit modifier directement le code.<\/p>\n<h3>Utilisation d&rsquo;une extension pour modifier les champs de commande de WooCommerce<\/h3>\n<p>Si vous souhaitez un moyen rapide et simple de personnaliser les champs de commande dans WooCommerce, nous vous recommandons d&rsquo;utiliser une extension. Il existe une poign\u00e9e d&rsquo;options parmi lesquelles vous pouvez choisir.<\/p>\n<p>L&rsquo;un des plus populaires est l\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/woo-checkout-field-editor-pro\/\">Checkout Field Editor<\/a> :<\/p>\n<figure style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-field-editor.png\" alt=\"L\u2019extension WooCommerce Checkout Field Editor\" width=\"928\" height=\"299\"><figcaption class=\"wp-caption-text\">L\u2019extension WooCommerce Checkout Field Editor<\/figcaption><\/figure>\n<p>Il s&rsquo;agit d&rsquo;un outil gratuit qui vous permet d&rsquo;ajouter ou de modifier les champs de formulaire sur votre page de commande WooCommerce. Vous pouvez activer ou d\u00e9sactiver certains champs, ainsi que r\u00e9organiser leur ordre.<\/p>\n<p>Bien que la version gratuite vous permette d&rsquo;effectuer ces t\u00e2ches de base, <a href=\"https:\/\/www.themehigh.com\/product\/woocommerce-checkout-field-editor-pro\/\">WooCommerce Checkout Field Editor Pro<\/a> est dot\u00e9 de fonctionnalit\u00e9s suppl\u00e9mentaires. Cela comprend 17 types de champs et des hooks personnalis\u00e9s.<\/p>\n<p>Pour utiliser cette extension, vous pouvez l&rsquo;installer sur votre site WooCommerce en naviguant vers <strong>Extensions <\/strong>&gt;<strong> Ajouter<\/strong> et en la recherchant. Une fois trouv\u00e9e, cliquez sur le bouton <strong>Installer<\/strong>, puis sur <strong>Activer<\/strong>.<\/p>\n<p>Lorsqu&rsquo;elle est activ\u00e9e, vous pouvez configurer les r\u00e9glages en allant sur <strong>WooCommerce &gt; Formulaire de paiement<\/strong> :<\/p>\n<figure style=\"width: 1022px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/checkout-form-editor.png\" alt=\"L\u2019extension \u00ab Checkout Form Editor \u00bb dans WooCommerce\" width=\"1022\" height=\"505\"><figcaption class=\"wp-caption-text\">L\u2019extension \u00ab Checkout Form Editor \u00bb dans WooCommerce<\/figcaption><\/figure>\n<p>Il existe trois types de champs diff\u00e9rents que vous pouvez modifier :<\/p>\n<ol>\n<li>Facturation<\/li>\n<li>Exp\u00e9dition<\/li>\n<li>Autres<\/li>\n<\/ol>\n<p>Vous pouvez s\u00e9lectionner le champ que vous souhaitez modifier, puis cliquer sur le bouton <strong>Supprimer<\/strong>, <strong>Activer<\/strong> ou <strong>D\u00e9sactiver<\/strong>. Pour ajouter un nouveau champ, s\u00e9lectionnez <strong>Ajouter un champ<\/strong>.<\/p>\n<p>Si vous souhaitez modifier un champ de formulaire existant, s\u00e9lectionnez la case \u00e0 gauche et cliquez sur le bouton <strong>Modifier<\/strong>. Un panneau s&rsquo;ouvrira, dans lequel vous pourrez modifier le type de champ (dans la version Premium uniquement), modifier le libell\u00e9 du champ, choisir s&rsquo;il sera obligatoire, etc :<\/p>\n<figure style=\"width: 991px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/edit-checkout-field.png\" alt=\"Le panneau de modification du champ de paiement dans l\u2019extension WooCommerce Checkout Field Editor\" width=\"991\" height=\"544\"><figcaption class=\"wp-caption-text\">Le panneau de modification du champ de paiement dans l\u2019extension WooCommerce Checkout Field Editor<\/figcaption><\/figure>\n<p>Lorsque vous avez termin\u00e9, cliquez sur le bouton <strong>Enregistrer<\/strong>. Une fois que vous avez termin\u00e9 d&rsquo;apporter toutes les modifications que vous souhaitez aux champs de la page de commande, assurez-vous de cliquer sur le bouton <strong>Enregistrer les modifications<\/strong> au bas de l&rsquo;\u00e9cran.<\/p>\n<p>Pour des conseils plus d\u00e9taill\u00e9s, vous pouvez vous r\u00e9f\u00e9rer \u00e0 la documentation de WooCommerce sur l&rsquo;<a href=\"https:\/\/docs.woocommerce.com\/document\/checkout-field-editor\/\">utilisation de l\u2019extension Checkout Field Editor<\/a>.<\/p>\n<p>Bien s\u00fbr, ce n&rsquo;est qu&rsquo;une des nombreuses extensions que vous pouvez utiliser pour modifier vos champs de commande WooCommerce. D&rsquo;autres options m\u00e9ritent d&rsquo;\u00eatre prises en consid\u00e9ration, comme <a href=\"https:\/\/wordpress.org\/plugins\/flexible-checkout-fields\/\">Flexible Checkout Fields<\/a> et <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>, dont nous parlerons plus loin.<\/p>\n<h3>Modification des champs de commande \u00e0 l&rsquo;aide de code<\/h3>\n<p>Une autre option pour modifier les champs de votre page de commande WooCommerce consiste \u00e0 utiliser du code personnalis\u00e9. Bien entendu, cela n\u00e9cessite un certain niveau de connaissances techniques et une certaine aisance \u00e0 travailler avec les fichiers de votre site. L&rsquo;avantage est que vous avez plus de flexibilit\u00e9 en termes de personnalisation que vous n&rsquo;en auriez avec une extension tierce.<\/p>\n<p>Vous pouvez modifier vos champs de commande en utilisant le <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/theme-functions\/\">fichier <em>functions.php de <\/em>votre site<\/a> et des filtres tels que<\/p>\n<ul>\n<li><em>woocommerce_checkout_fields<\/em><\/li>\n<li><em>woocommerce_billing_fields<\/em><\/li>\n<li>Woocommerce_shipping_fields<\/li>\n<\/ul>\n<p>Les <a href=\"https:\/\/docs.woocommerce.com\/document\/tutorial-customising-checkout-fields-using-actions-and-filters\/\">actions et les filtres de WooCommerce<\/a> vous permettent de manipuler les champs de commande presque comme vous le souhaitez. Par exemple, vous pouvez les supprimer enti\u00e8rement, en ajouter de nouveaux ou modifier le texte affich\u00e9. L&rsquo;utilisation du filtre <em>woocommerce_checkout_fields <\/em>vous permettra de remplacer n&rsquo;importe quel champ.<\/p>\n<p>Supposons que vous souhaitiez modifier le texte de remplacement du champ <em>order_comments.<\/em> Par d\u00e9faut, il est d\u00e9fini comme suit :<\/p>\n<pre><code class=\"language-php\">_x('Notes about your order, e.g. special notes for delivery.', 'placeholder', 'woocommerce')<\/code><\/pre>\n<p>Pour le modifier, vous pouvez ajouter cet extrait de code \u00e0 votre fichier <em>functions.php :<\/em><\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\n\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\n\nfunction custom_override_checkout_fields( $fields ) {\n\n$fields['order']['order_comments']['placeholder'] = 'My new placeholder';\n\nreturn $fields;\n\n}<\/code><\/pre>\n<p>Pour supprimer un champ, vous pouvez utiliser la proc\u00e9dure suivante :<\/p>\n<pre><code class=\"language-php\">\/\/ Hook in\nadd_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );\n\n\/\/ Our hooked in function - $fields is passed via the filter!\nfunction custom_override_checkout_fields( $fields ) {\n\nunset($fields['order']['order_comments']);\n\nreturn $fields;<\/code><\/pre>\n<p>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 <a href=\"https:\/\/gist.github.com\/woogists\/7241afdfa6f21d561ce85f7247a0f282#file-wc-override-checkout-fields-php\">codes de champs de commande sur GitHub<\/a>.<\/p>\n<h2>Comment modifier le mod\u00e8le de page de commande de WooCommerce<\/h2>\n<p>Par d\u00e9faut, le mod\u00e8le de votre page de commande WooCommerce sera bas\u00e9 sur le th\u00e8me de votre site. Mais peut-\u00eatre souhaitez-vous en modifier le design pour qu&rsquo;il corresponde mieux \u00e0 votre image de marque ou peut-\u00eatre voulez-vous simplement apporter de l\u00e9g\u00e8res modifications au contenu du mod\u00e8le de page.<\/p>\n<p>Les deux principales m\u00e9thodes que vous pouvez utiliser pour changer cela sont l&rsquo;utilisation d&rsquo;un mod\u00e8le pr\u00e9\u00e9tabli ou l&rsquo;ajout de code. Commen\u00e7ons par la premi\u00e8re m\u00e9thode.<\/p>\n<h3>Commencez par un mod\u00e8le pr\u00e9\u00e9tabli pour personnaliser votre page de commande<\/h3>\n<p>La fa\u00e7on la plus simple de modifier le design de votre page de commande WooCommerce est d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-woocommerce-rapide\/\">installer un th\u00e8me pr\u00e9-con\u00e7u<\/a>, comme ceux de la <a href=\"https:\/\/woocommerce.com\/product-category\/themes?\">boutique de th\u00e8mes WooCommerce<\/a>. Il existe toute une s\u00e9rie d&rsquo;options gratuites, ainsi que des th\u00e8mes premium.<\/p>\n<p>Vous pouvez rechercher des th\u00e8mes de commande en une page, par exemple, ou tout autre type de mod\u00e8le sp\u00e9cifique que vous souhaitez utiliser. Vous pouvez \u00e9galement trouver de nombreux th\u00e8mes WooCommerce sur <a href=\"https:\/\/themeforest.net\/search\/woocommerce%20one%20page%20checkout\">Envato Market<\/a>.<\/p>\n<h3>Utiliser du code pour personnaliser le mod\u00e8le de page de commande de WooCommerce<\/h3>\n<p>Si <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">vous \u00eates \u00e0 l&rsquo;aise pour modifier le code<\/a>, vous pouvez \u00e9galement changer manuellement le mod\u00e8le de la page de paiement. Selon votre fournisseur d&rsquo;h\u00e9bergement, vous pouvez le faire via le gestionnaire de fichiers dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-cpanel\/\">cPanel<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utiliser-sftp\/\">un client SFTP (Secure File Transfer Protocol)<\/a>.<\/p>\n<p>Vous pouvez utiliser des <a href=\"https:\/\/kinsta.com\/fr\/blog\/hooks-wordpress\/\">hooks<\/a> d\u2019action pour ajouter, modifier ou supprimer des \u00e9l\u00e9ments de votre page de commande. WooCommerce utilise neuf actions principales pour la page de paiement :<\/p>\n<ul>\n<li><em>woocommerce_before_checkout_form<\/em><\/li>\n<li><em>woocommerce_checkout_before_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_billing<\/em><\/li>\n<li><em>woocommerce_checkout_shipping<\/em><\/li>\n<li><em>woocommerce_checkout_after_customer_details<\/em><\/li>\n<li><em>woocommerce_checkout_before_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_order_review<\/em><\/li>\n<li><em>woocommerce_checkout_after_order_review<\/em><\/li>\n<li><em>Woocommerce_after_checkout_form<\/em><\/li>\n<\/ul>\n<p>Ces hooks d&rsquo;action ajoutent des balises pour la page, que vous pouvez utiliser pour personnaliser \u00e0 la fois son style et sa fonctionnalit\u00e9. Si vous souhaitez utiliser ces actions pour modifier votre mod\u00e8le de page de commande, vous pouvez le faire en modifiant le fichier PHP du formulaire de commande.<\/p>\n<p>Vous pouvez trouver les fichiers de <a href=\"https:\/\/docs.woocommerce.com\/document\/template-structure\/\">mod\u00e8les WooCommerce<\/a> sous <strong><em>\/woocommerce\/templates<\/em><\/strong>. \u00c0 partir du r\u00e9pertoire racine de votre site, vous devrez naviguer vers <strong><em>wp-content\/plugins\/woocommerce<\/em><\/strong> :<\/p>\n<figure style=\"width: 1051px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-templates-folder.jpg\" alt=\"Le r\u00e9pertoire des mod\u00e8les WooCommerce\" width=\"1051\" height=\"386\"><figcaption class=\"wp-caption-text\">Le r\u00e9pertoire des mod\u00e8les WooCommerce<\/figcaption><\/figure>\n<p>Dans ces fichiers, il y a des hooks que vous pouvez utiliser pour ajouter et r\u00e9organiser le contenu du mod\u00e8le de page, sans avoir \u00e0 modifier les fichiers mod\u00e8les. Pour cr\u00e9er un mod\u00e8le de th\u00e8me personnalis\u00e9 pour votre page de commande, vous devez d&rsquo;abord cr\u00e9er un r\u00e9pertoire \u00ab\u00a0woocommerce\/checkout\u00a0\u00bb dans le r\u00e9pertoire de votre th\u00e8me.<\/p>\n<p>Ensuite, copiez le mod\u00e8le de page de commande WooCommerce, que vous pouvez trouver \u00e0 l&rsquo;adresse <strong><em>woocommerce\/templates\/checkout\/form-checkout.php<\/em><\/strong> :<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-checkout-form.jpg\" alt=\"Le fichier mod\u00e8le de la page de commande de WooCommerce\" width=\"1000\" height=\"418\"><figcaption class=\"wp-caption-text\">Le fichier mod\u00e8le de la page de commande de WooCommerce<\/figcaption><\/figure>\n<p>Ensuite, ajoutez-le dans le nouveau r\u00e9pertoire que vous venez de cr\u00e9er. Ensuite, vous pouvez modifier le fichier pour y apporter les changements souhait\u00e9s. Lorsque vous enregistrez le fichier, l\u2019extension WooCommerce chargera ce mod\u00e8le et remplacera le mod\u00e8le de page par d\u00e9faut.<\/p>\n<h2>Comment cr\u00e9er une commande WooCommerce en une seule page<\/h2>\n<p>L&rsquo;un des moyens d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience de commande de vos clients et, ce faisant, de r\u00e9duire le taux d&rsquo;abandon, consiste \u00e0 rendre le processus aussi rapide et simple que possible. Si vous souhaitez raccourcir le processus de commande, vous pouvez le faire en cr\u00e9ant une commande en une seule page dans WooCommerce.<\/p>\n<p>Il existe de multiples fa\u00e7ons de le faire. Comme nous l&rsquo;avons d\u00e9j\u00e0 mentionn\u00e9, vous pouvez rechercher un th\u00e8me ou un mod\u00e8le d&rsquo;une page qui vous permettra d&rsquo;obtenir une seule page de commande. Cependant, si vous aimez votre th\u00e8me actuel, vous ne voudrez peut-\u00eatre pas le changer.<\/p>\n<p>Si c&rsquo;est le cas, ne vous inqui\u00e9tez pas. Il existe d&rsquo;autres options, telles que l&rsquo;<a href=\"https:\/\/woocommerce.com\/products\/woocommerce-one-page-checkout\/?_ga=2.83100246.1525586471.1605130294-53477992.1601660722\">extension WooCommece One Page Checkout<\/a> :<\/p>\n<figure style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-one-page-checkout-extension.png\" alt=\"L'extension WooCommerce One Page Checkout\" width=\"1060\" height=\"484\"><figcaption class=\"wp-caption-text\">L&rsquo;extension WooCommerce One Page Checkout<\/figcaption><\/figure>\n<p>Comme cette solution a \u00e9t\u00e9 d\u00e9velopp\u00e9e par WooCommerce, vous savez qu&rsquo;elle est s\u00fbre, fiable et qu&rsquo;elle offre un support important. En plus de vous permettre de transformer n&rsquo;importe quelle page en une page de commande, elle est dot\u00e9e d&rsquo;une multitude de fonctionnalit\u00e9s permettant d&rsquo;optimiser le processus de commande en une page.<\/p>\n<p>Vous pouvez :<\/p>\n<ul>\n<li>Afficher les formulaires de s\u00e9lection de produits et de commande sur une seule page.<\/li>\n<li>Permettre aux clients d&rsquo;ajouter ou de retirer des articles de leur panier.<\/li>\n<li>Laissez les clients effectuer leurs paiements sans quitter la page.<\/li>\n<li>Ajouter des champs personnalis\u00e9s aux pages.<\/li>\n<\/ul>\n<p>Apr\u00e8s avoir achet\u00e9 l&rsquo;extension via votre compte WooCommerce, vous pouvez la t\u00e9l\u00e9charger, puis l&rsquo;installer et l&rsquo;activer sur votre site WooCommerce.<\/p>\n<p>Pour l&rsquo;utiliser, acc\u00e9dez \u00e0 <strong>Pages <\/strong>&gt;<strong> Ajouter<\/strong> et s\u00e9lectionnez l&rsquo;ic\u00f4ne <strong>One Page Checkout <\/strong>dans la barre d&rsquo;outils de l&rsquo;\u00e9diteur :<\/p>\n<figure style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/one-page-checkout-icon.png\" alt=\"L'ic\u00f4ne de l'extension One Page Checkout dans l'\u00e9diteur WordPress\" width=\"906\" height=\"256\"><figcaption class=\"wp-caption-text\">L&rsquo;ic\u00f4ne de l&rsquo;extension One Page Checkout dans l&rsquo;\u00e9diteur WordPress<\/figcaption><\/figure>\n<p>Dans le panneau qui s&rsquo;ouvre, vous pouvez cliquer dans le champ <strong>Produits<\/strong>, et commencer \u00e0 saisir le nom du ou des produits que vous souhaitez ajouter.<\/p>\n<p>Ensuite, choisissez le mod\u00e8le que vous souhaitez utiliser (liste de produits, tableau de produits, tableau de prix ou produit unique) et cliquez sur <strong>Cr\u00e9er un code court<\/strong>.<\/p>\n<p>Vous pouvez \u00e9galement ins\u00e9rer manuellement le code court dans n&rsquo;importe quel article ou page. Pour en savoir plus sur cette extension et son utilisation, vous pouvez vous r\u00e9f\u00e9rer \u00e0 la <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-one-page-checkout\/\">documentation de WooCommerce One Page Checkout<\/a>.<\/p>\n<h2>Comment d\u00e9clencher l\u2019exp\u00e9dition gratuite pendant le processus de commande de WooCommerce<\/h2>\n<p>En tant que <a href=\"https:\/\/kinsta.com\/fr\/blog\/plateformes-ecommerce\/\">propri\u00e9taire d&rsquo;une entreprise eCommerce<\/a>, il existe de nombreuses strat\u00e9gies diff\u00e9rentes que vous pouvez utiliser pour encourager vos clients \u00e0 d\u00e9penser davantage. L&rsquo;une d&rsquo;entre elles consiste \u00e0 offrir la gratuit\u00e9 des frais de port.<\/p>\n<p>Bien entendu, vous ne voudrez peut-\u00eatre pas offrir la gratuit\u00e9 de la livraison pour chaque commande. Toutefois, en l&rsquo;ajoutant comme une incitation sur les totaux de commande qui atteignent un certain montant, vous pouvez encourager les acheteurs \u00e0 d\u00e9penser plus qu&rsquo;ils ne le feraient autrement.<\/p>\n<p>Par cons\u00e9quent, vous pouvez configurer votre page de commande WooCommerce pour d\u00e9clencher automatiquement la livraison gratuite pour les commandes d\u00e9passant un certain montant, par exemple 100 $.<\/p>\n<p>La premi\u00e8re chose \u00e0 faire est de proposer la m\u00e9thode d&rsquo;exp\u00e9dition gratuite vers la ou les zones de livraison concern\u00e9es.<\/p>\n<p>Pour ce faire, acc\u00e9dez \u00e0 <strong>WooCommerce &gt; R\u00e9glages &gt; Exp\u00e9dition<\/strong> :<\/p>\n<figure style=\"width: 1185px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-shipping-zones.png\" alt=\"Les r\u00e9glages d'exp\u00e9dition de WooCommerce\" width=\"1185\" height=\"501\"><figcaption class=\"wp-caption-text\">Les r\u00e9glages d&rsquo;exp\u00e9dition de WooCommerce<\/figcaption><\/figure>\n<p>Survolez la zone d\u2019exp\u00e9dition que vous souhaitez modifier, puis cliquez sur le lien <strong>Modifier<\/strong>. Si vous n&rsquo;avez pas encore ajout\u00e9 de zone, s\u00e9lectionnez d&rsquo;abord le bouton <strong>Ajouter une m\u00e9thode d\u2019exp\u00e9dition<\/strong> et suivez les instructions avant de continuer.<\/p>\n<p>Ensuite, cliquez sur <strong>Ajouter une m\u00e9thode d&rsquo;exp\u00e9dition<\/strong>. Dans la fen\u00eatre qui s&rsquo;ouvre, s\u00e9lectionnez <strong>Exp\u00e9dition gratuite<\/strong> dans le menu d\u00e9roulant, puis \u00e0 nouveau <strong>Ajouter une m\u00e9thode d\u2019exp\u00e9dition<\/strong> :<\/p>\n<figure style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-free-shipping.png\" alt=\"Ajout d'une m\u00e9thode d'exp\u00e9dition gratuite dans WooCommerce\" width=\"913\" height=\"375\"><figcaption class=\"wp-caption-text\">Ajout d&rsquo;une m\u00e9thode d&rsquo;exp\u00e9dition gratuite dans WooCommerce<\/figcaption><\/figure>\n<p>Ensuite, dans la liste des <strong>m\u00e9thodes d&rsquo;exp\u00e9dition<\/strong> de la page des r\u00e9glages, survolez <strong>Exp\u00e9dition gratuite<\/strong> et cliquez sur le lien <strong>Modifier<\/strong>.<\/p>\n<p>Un panneau de <strong>r\u00e9glages d&rsquo;exp\u00e9dition gratuite<\/strong> s&rsquo;ouvrira. Dans le menu d\u00e9roulant <strong>l\u2019exp\u00e9dition gratuite n\u00e9cessite&#8230;<\/strong>, s\u00e9lectionnez <strong>Un montant minimum de commande<\/strong> :<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/free-shipping-settings.png\" alt=\"R\u00e9glages d\u2019exp\u00e9dition gratuite dans WooCommerce\" width=\"1282\" height=\"405\"><figcaption class=\"wp-caption-text\">R\u00e9glages d\u2019exp\u00e9dition gratuite dans WooCommerce<\/figcaption><\/figure>\n<p>Vous pouvez ensuite d\u00e9finir le montant minimum de la commande. Lorsque vous avez termin\u00e9, cliquez sur le bouton <strong>Enregistrer les modifications<\/strong>.<\/p>\n<h2>Comment relier directement les produits \u00e0 la page de commande de WooCommerce<\/h2>\n<p>Une autre fa\u00e7on d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience de commande de vos clients est de cr\u00e9er des liens directs vers la commande. Cela est utile pour envoyer les clients directement \u00e0 la commande depuis des pages de produits et de promotions.<\/p>\n<h3>Cr\u00e9ation manuelle d&rsquo;un lien direct vers la commande<\/h3>\n<p>Pour cr\u00e9er et ajouter un lien direct vers la commande dans WooCommerce, vous pouvez utiliser l&rsquo;URL suivante : <em>exampledomain.com\/\/checkout\/?add-to-cart=ID<\/em>.<\/p>\n<p>Remarque : vous devez remplacer \u00ab\u00a0exampledomain\u00a0\u00bb et \u00ab\u00a0ID\u00a0\u00bb par votre nom de domaine et l&rsquo;ID sp\u00e9cifique du produit que vous avez li\u00e9 \u00e0 la page de commande.<\/p>\n<p>Pour trouver l&rsquo;ID d&rsquo;un produit, naviguez jusqu&rsquo;\u00e0 <strong>Produits &gt; Tous les produits<\/strong> dans votre tableau de bord. Naviguez jusqu&rsquo;au produit pour lequel vous souhaitez cr\u00e9er un lien direct, puis survolez son nom pour faire appara\u00eetre le num\u00e9ro d&rsquo;ID du produit :<\/p>\n<figure style=\"width: 901px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-product-id.jpg\" alt=\"Un ID de produit WooCommerce\" width=\"901\" height=\"392\"><figcaption class=\"wp-caption-text\">Un ID de produit WooCommerce<\/figcaption><\/figure>\n<p>Une fois que vous avez coll\u00e9 l&rsquo;ID du produit dans l&rsquo;URL susmentionn\u00e9e, vous pouvez ensuite placer le lien n&rsquo;importe o\u00f9 sur votre site WooCommerce. Vous pouvez r\u00e9p\u00e9ter ce processus pour chacun de vos produits, m\u00eame les articles variables et group\u00e9s.<\/p>\n<h3>Cr\u00e9ation d&rsquo;un lien direct vers la commande \u00e0 l&rsquo;aide d&rsquo;une extension<\/h3>\n<p>Nous sommes conscients que la strat\u00e9gie ci-dessus n&rsquo;est peut-\u00eatre pas la m\u00e9thode 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.<\/p>\n<p>Heureusement, si vous recherchez une m\u00e9thode plus rapide, vous pouvez \u00e9galement utiliser l\u2019extension <a href=\"https:\/\/quadlayers.com\/portfolio\/woocommerce-direct-checkout\/\">Direct Checkout for WooCommerce<\/a> :<\/p>\n<figure style=\"width: 1295px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-woocommerce.png\" alt=\"L\u2019extension Direct Checkout for WooCommerce\" width=\"1295\" height=\"646\"><figcaption class=\"wp-caption-text\">L\u2019extension Direct Checkout for WooCommerce<\/figcaption><\/figure>\n<p>Cet outil gratuit vous permet de simplifier le processus de paiement de diff\u00e9rentes mani\u00e8res, notamment en ajoutant un lien direct d&rsquo;une page de produit \u00e0 l&rsquo;\u00e9cran de commande. Une fois que vous avez install\u00e9 et activ\u00e9 l\u2019extension sur votre site WooCommerce, rendez-vous sur <strong>WooCommerce &gt; Direct Checkout<\/strong> :<\/p>\n<figure style=\"width: 1121px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-settings.png\" alt=\"Les r\u00e9glages de l\u2019extension Direct Checkout for WooCommerce\" width=\"1121\" height=\"556\"><figcaption class=\"wp-caption-text\">Les r\u00e9glages de l\u2019extension Direct Checkout for WooCommerce<\/figcaption><\/figure>\n<p>Sous l&rsquo;onglet <strong>G\u00e9n\u00e9ral<\/strong>, s\u00e9lectionnez <strong>Oui<\/strong> pour l&rsquo;option de <strong>redirection d\u2019ajout au panier<\/strong>, puis choisissez <strong>Commande<\/strong> dans le menu d\u00e9roulant de <strong>redirection d\u2019ajout au panier<\/strong>. Cliquez sur <strong>Enregistrer les modifications<\/strong> lorsque vous avez termin\u00e9.<\/p>\n<p>Ensuite, allez dans l&rsquo;onglet <strong>Produits<\/strong> :<\/p>\n<figure style=\"width: 1093px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/direct-checkout-redirect.jpg\" alt=\"L\u2019option pour rediriger vers le panier dans Direct Checkout pour WooCommerce\" width=\"1093\" height=\"462\"><figcaption class=\"wp-caption-text\">L\u2019option pour rediriger vers le panier dans Direct Checkout pour WooCommerce<\/figcaption><\/figure>\n<p>Activez l&rsquo;option <strong>Rediriger vers le panier apr\u00e8s un ajout<\/strong>. Cliquez \u00e0 nouveau sur le bouton <strong>Enregistrer les modifications<\/strong>. Voil\u00e0, c&rsquo;est fait !<\/p>\n<h2>Comment tester votre page de commande WooCommerce<\/h2>\n<p>\u00c0 ce stade, vous avez, nous l&rsquo;esp\u00e9rons, mis en \u0153uvre divers moyens pour am\u00e9liorer votre page de commande WooCommerce. Maintenant, il est essentiel de s&rsquo;assurer que votre processus de commande fonctionne correctement, afin de r\u00e9duire les abandons et de confirmer qu&rsquo;aucune erreur n&rsquo;interrompra le client.<\/p>\n<p>Heureusement, il existe un moyen simple d&rsquo;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&rsquo;abord installer l\u2019<a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-payments\/\">extension WooCommerce Payments<\/a> sur votre site (si ce n&rsquo;est pas d\u00e9j\u00e0 fait) :<\/p>\n<figure style=\"width: 924px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-payments-plugin.png\" alt=\"L\u2019extension WooCommerce Payments\" width=\"924\" height=\"293\"><figcaption class=\"wp-caption-text\">L\u2019extension WooCommerce Payments<\/figcaption><\/figure>\n<p>Une fois que vous avez install\u00e9 et activ\u00e9 l\u2019extension, vous pouvez activer le \u00ab\u00a0mode test\u00a0\u00bb. Pour cela, allez dans <strong>WooCommerce <\/strong>&gt;<strong> Paiements <\/strong>&gt;<strong> R\u00e9glages<\/strong> :<\/p>\n<figure style=\"width: 1133px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/woocommerce-test-mode.jpg\" alt=\"Le mode test des paiements WooCommerce\" width=\"1133\" height=\"667\"><figcaption class=\"wp-caption-text\">Le mode test des paiements WooCommerce<\/figcaption><\/figure>\n<p>N&rsquo;oubliez pas d\u2019enregistrer vos modifications.<\/p>\n<p>Une fois le mode test activ\u00e9, vous pouvez parcourir votre boutique WooCommerce et s\u00e9lectionner n&rsquo;importe quel produit. Ajoutez-le \u00e0 votre panier et passez ensuite \u00e0 la page de commande.<\/p>\n<p>Remplissez les champs du formulaire de la page de commande si n\u00e9cessaire. Pour les informations de paiement, vous pouvez utiliser n&rsquo;importe lequel des <a href=\"https:\/\/docs.woocommerce.com\/document\/payments\/testing\/\">num\u00e9ros fictifs de carte bancaire<\/a> fournis par WooCommerce. Vous pouvez \u00e9galement utiliser trois chiffres au choix pour le code CVC et s\u00e9lectionner une date ult\u00e9rieure.<\/p>\n<p>Lorsque vous avez termin\u00e9, cliquez sur <strong>Commander<\/strong>. Ensuite, acc\u00e9dez \u00e0 l&rsquo;\u00e9cran <strong>Paiements &gt; Transactions<\/strong> :<\/p>\n<figure style=\"width: 1216px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/test-transaction-woocommerce.jpg\" alt=\"Tester les transactions dans WooCommerce\" width=\"1216\" height=\"420\"><figcaption class=\"wp-caption-text\">Tester les transactions dans WooCommerce<\/figcaption><\/figure>\n<p>Ici, vous devriez voir la commande appara\u00eetre. Si elle est l\u00e0, vous savez que votre page de commande fonctionne comme il se doit. N&rsquo;oubliez pas de d\u00e9sactiver le mode test lorsque vous avez termin\u00e9 !<\/p>\n\n<h2>Les meilleures extensions WooCommerce de commande<\/h2>\n<p>Tout au long de cet article, nous avons abord\u00e9 une grande vari\u00e9t\u00e9 de fa\u00e7ons de modifier votre page de commande WooCommerce, y compris les blocs, les codes courts et le code personnalis\u00e9. Nous avons \u00e9galement mentionn\u00e9 quelques extensions cl\u00e9s qui peuvent vous aider \u00e0 ajouter des fonctionnalit\u00e9s qui ne seraient pas disponibles autrement.<\/p>\n<p>Cependant, il existe d&rsquo;autres modules et extensions que nous n&rsquo;avons pas encore mentionn\u00e9s, mais qui vous offrent plus d&rsquo;options de personnalisation pour votre page de commande WooCommerce. Parmi les meilleurs, il y en a qui m\u00e9ritent d&rsquo;\u00eatre pris en consid\u00e9ration :<\/p>\n<ul>\n<li><a href=\"https:\/\/woocommerce.com\/products\/cart-notices\/\">WooCommerce Cart Notices Add-on<\/a>. Ce module WooCommerce vous permet d&rsquo;afficher des messages et des notifications \u00e0 vos clients pendant le processus de commande. Par exemple, vous pouvez l&rsquo;utiliser pour les informer des ventes et des promotions pertinentes.<\/li>\n<li><a href=\"https:\/\/en-ca.wordpress.org\/plugins\/woocommerce-checkout-manager\/\">WooCommerce Checkout Manager<\/a>. R\u00e9alis\u00e9 par la m\u00eame \u00e9quipe qui a d\u00e9velopp\u00e9 Direct Checkout for WooCommerce, cette extension est une puissante extension que vous pouvez utiliser pour optimiser votre page de commande. Vous pouvez l&rsquo;utiliser pour modifier, supprimer et ajouter des champs personnalis\u00e9s, ainsi que pour cr\u00e9er des champs conditionnels.<\/li>\n<li><a href=\"https:\/\/woocommerce.com\/products\/woocommerce-checkout-add-ons\/\">WooCommerce Checkout Add-Ons<\/a>. Cette extension premium vous permet d&rsquo;ajouter des modules gratuits et payants au moment de la commande. Il s&rsquo;agit d&rsquo;un outil utile pour augmenter les conversions et g\u00e9n\u00e9rer des revenus.<\/li>\n<\/ul>\n<p>Selon le type de site de eCcommerce que vous avez, vous pouvez rechercher encore plus d&rsquo;options. Si c&rsquo;est le cas, nous vous recommandons de consulter la <a href=\"https:\/\/woocommerce.com\/products\/\">biblioth\u00e8que d&rsquo;extensions de WooCommerce<\/a>, qui propose une tonne de modules compl\u00e9mentaires pour \u00e9tendre les caract\u00e9ristiques et les fonctionnalit\u00e9s de l\u2019extension WooCommerce, y compris des solutions gratuites et payantes.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Il existe de nombreuses fa\u00e7ons de modifier <a href=\"https:\/\/kinsta.com\/fr\/blog\/apm-woocommerce\/#1-woocommerce-apm-example-sluggish-thirdparty-api-calls-during-checkout\">votre page de commande WooCommerce pour optimiser<\/a> son apparence et sa fonctionnalit\u00e9. Cela inclut la modification ou l&rsquo;ajout de champs personnalis\u00e9s, et la cr\u00e9ation d&rsquo;un processus de commande en une seule page.<\/p>\n<p>En fonction du changement que vous souhaitez apporter et de votre niveau d&rsquo;exp\u00e9rience, vous pouvez tirer parti des <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-woocommerce\/\">plugins<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/extensions-woocommerce\/\">extensions WooCommerce<\/a>, des mod\u00e8les de pages et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-woocommerce-rapide\/\">th\u00e8mes<\/a>, et m\u00eame du code personnalis\u00e9.<\/p>\n<p>Vous avez des questions sur l&rsquo;utilisation ou la modification de la page de commande de WooCommerce ? Faites-le nous savoir dans la section des commentaires ci-dessous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 \u00e0 &#8230;<\/p>\n","protected":false},"author":103,"featured_media":44130,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[345,49],"topic":[1025],"class_list":["post-44127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-onlinestore","tag-woocommerce","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Le guide complet de la commande WooCommerce<\/title>\n<meta name=\"description\" content=\"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le guide complet de la commande WooCommerce - Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page\" \/>\n<meta property=\"og:description\" content=\"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-29T09:41:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T10:50:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Le guide complet de la commande WooCommerce &#8211; Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page\",\"datePublished\":\"2020-12-29T09:41:15+00:00\",\"dateModified\":\"2023-11-10T10:50:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\"},\"wordCount\":4807,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\",\"keywords\":[\"onlinestore\",\"woocommerce\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\",\"name\":\"Le guide complet de la commande WooCommerce\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\",\"datePublished\":\"2020-12-29T09:41:15+00:00\",\"dateModified\":\"2023-11-10T10:50:38+00:00\",\"description\":\"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg\",\"width\":768,\"height\":384,\"caption\":\"commande WooCommerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Le guide complet de la commande WooCommerce &#8211; Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Le guide complet de la commande WooCommerce","description":"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/","og_locale":"fr_FR","og_type":"article","og_title":"Le guide complet de la commande WooCommerce - Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page","og_description":"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !","og_url":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2020-12-29T09:41:15+00:00","article_modified_time":"2023-11-10T10:50:38+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Matteo Du\u00f2","Dur\u00e9e de lecture estim\u00e9e":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Le guide complet de la commande WooCommerce &#8211; Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page","datePublished":"2020-12-29T09:41:15+00:00","dateModified":"2023-11-10T10:50:38+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/"},"wordCount":4807,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","keywords":["onlinestore","woocommerce"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/","url":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/","name":"Le guide complet de la commande WooCommerce","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","datePublished":"2020-12-29T09:41:15+00:00","dateModified":"2023-11-10T10:50:38+00:00","description":"Les pages de commande sont essentielles pour toutes les boutiques en ligne. D\u00e9couvrez comment personnaliser et enrichir vos pages de commande WooCommerce gr\u00e2ce \u00e0 ce guide d\u00e9taill\u00e9 !","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/12\/commande-woocommerce.jpg","width":768,"height":384,"caption":"commande WooCommerce"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/fr\/sujets\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Le guide complet de la commande WooCommerce &#8211; Personnaliser les champs, modifier le mod\u00e8le, cr\u00e9er des commandes en une page"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=44127"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44127\/revisions"}],"predecessor-version":[{"id":44136,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44127\/revisions\/44136"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44127\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/44130"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=44127"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=44127"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=44127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}