{"id":991191,"date":"2026-10-23T12:58:05","date_gmt":"2026-10-23T12:58:05","guid":{"rendered":"https:\/\/cheapelementorpro.com\/?p=991191"},"modified":"2026-10-25T18:27:54","modified_gmt":"2026-10-25T18:27:54","slug":"comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande","status":"publish","type":"post","link":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/","title":{"rendered":"Comment afficher un message pendant que WooCommerce traite une commande"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Lorsque vous consultez Analytics, il est fr\u00e9quent de constater de nombreuses visites sur la page de paiement, mais beaucoup moins sur la page de confirmation de commande. Cela peut s\u2019expliquer par plusieurs raisons, mais l\u2019une d\u2019elles est particuli\u00e8rement facile \u00e0 \u00e9viter : le client ne sait pas si WooCommerce traite correctement sa commande<\/strong>.<\/p>

Certaines passerelles de paiement ont besoin de plusieurs secondes pour valider le paiement et cr\u00e9er la commande. Pendant ce temps, le bouton reste en cours de chargement, mais WooCommerce ne fournit pas toujours d\u2019explication claire. Le client peut penser que la page est bloqu\u00e9e, cliquer \u00e0 nouveau sur le bouton, la recharger ou la fermer avant la fin du processus.<\/p>

Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant que WooCommerce traite une commande<\/strong>, afin d\u2019indiquer au client qu\u2019il doit patienter et ne pas recharger la page.<\/p>

Pourquoi afficher un message pendant le paiement<\/h2>

Lorsqu\u2019une boutique met quelques secondes \u00e0 finaliser une commande, l\u2019absence d\u2019information cr\u00e9e de l\u2019incertitude. Ce probl\u00e8me est particuli\u00e8rement important lorsque la connexion est lente ou que la passerelle de paiement doit communiquer avec des services externes.<\/p>

Un message comme celui-ci indique clairement que le traitement se poursuit :<\/p>

Veuillez patienter pendant le traitement de votre commande<\/strong>
Ne fermez pas et ne rechargez pas cette page.<\/p><\/blockquote>

Le message n\u2019acc\u00e9l\u00e8re pas le traitement du paiement par WooCommerce, mais il am\u00e9liore l\u2019exp\u00e9rience d\u2019achat et r\u00e9duit le risque que le client interrompe accidentellement la commande.<\/p>

Snippet pour afficher un message pendant que WooCommerce traite une commande<\/h2>

Le code suivant affiche une fen\u00eatre superpos\u00e9e apr\u00e8s que le client a cliqu\u00e9 sur le bouton permettant de passer la commande.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\/**\r\n * Affiche un message pendant que WooCommerce traite la commande.\r\n *\r\n * Le message appara\u00eet uniquement lorsque le formulaire est valide.\r\n *\r\n * Compatible avec :\r\n * - Paiement par blocs de WooCommerce\r\n * - Paiement classique de WooCommerce\r\n *\/\r\n\r\nadd_action( 'wp_footer', function () {\r\n\r\n\t\/\/ Charger uniquement sur la page de paiement.\r\n\tif (\r\n\t\t! function_exists( 'is_checkout' ) ||\r\n\t\t! is_checkout() ||\r\n\t\tis_order_received_page()\r\n\t) {\r\n\t\treturn;\r\n\t}\r\n\t?>\r\n\r\n\t<div\r\n\t\tid=\"order-processing-message\"\r\n\t\taria-hidden=\"true\"\r\n\t>\r\n\t\t<div class=\"order-processing-box\">\r\n\r\n\t\t\t<div class=\"order-processing-spinner\"><\/div>\r\n\r\n\t\t\t<h3>\r\n\t\t\t\t<!-- Vous pouvez modifier ce titre -->\r\n\t\t\t\tVeuillez patienter pendant le traitement de votre commande\r\n\t\t\t<\/h3>\r\n\r\n\t\t\t<p>\r\n\t\t\t\t<!-- Vous pouvez modifier ce message -->\r\n\t\t\t\tNe rechargez pas et ne fermez pas cette page.\r\n\t\t\t<\/p>\r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<style>\r\n\r\n\t\t\/* Calque couvrant tout l\u2019\u00e9cran *\/\r\n\t\t#order-processing-message {\r\n\t\t\tposition: fixed;\r\n\t\t\tinset: 0;\r\n\t\t\tz-index: 999999;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 20px;\r\n\t\t\tbackground: rgba(0, 0, 0, 0.45);\r\n\t\t\topacity: 0;\r\n\t\t\tvisibility: hidden;\r\n\t\t\tpointer-events: none;\r\n\t\t\ttransition:\r\n\t\t\t\topacity 0.2s ease,\r\n\t\t\t\tvisibility 0.2s ease;\r\n\t\t}\r\n\r\n\t\t#order-processing-message.show {\r\n\t\t\topacity: 1;\r\n\t\t\tvisibility: visible;\r\n\t\t\tpointer-events: auto;\r\n\t\t}\r\n\r\n\t\t\/* Fen\u00eatre du message *\/\r\n\t\t.order-processing-box {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 440px;\r\n\t\t\tpadding: 32px 24px;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbackground: #ffffff;\r\n\t\t\tcolor: #222222;\r\n\t\t\ttext-align: center;\r\n\t\t\tbox-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);\r\n\t\t}\r\n\r\n\t\t.order-processing-box h3 {\r\n\t\t\tmargin: 0 0 10px;\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.4;\r\n\t\t}\r\n\r\n\t\t.order-processing-box p {\r\n\t\t\tmargin: 0;\r\n\t\t\tcolor: #666666;\r\n\t\t\tfont-size: 15px;\r\n\t\t\tline-height: 1.5;\r\n\t\t}\r\n\r\n\t\t\/* Indicateur de chargement *\/\r\n\t\t.order-processing-spinner {\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tmargin: 0 auto 20px;\r\n\t\t\tborder: 4px solid #dddddd;\r\n\t\t\tborder-top-color: #555555;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tanimation: order-processing-spin 0.8s linear infinite;\r\n\t\t}\r\n\r\n\t\t@keyframes order-processing-spin {\r\n\t\t\tto {\r\n\t\t\t\ttransform: rotate(360deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t<\/style>\r\n\r\n\t<script>\r\n\t(function () {\r\n\r\n\t\tconst overlay = document.getElementById(\r\n\t\t\t'order-processing-message'\r\n\t\t);\r\n\r\n\t\tif (!overlay) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tlet safetyTimer;\r\n\r\n\t\t\/**\r\n\t\t * V\u00e9rifie si WooCommerce a d\u00e9tect\u00e9 une erreur.\r\n\t\t *\/\r\n\t\tfunction checkoutHasErrors() {\r\n\r\n\t\t\treturn Boolean(\r\n\t\t\t\tdocument.querySelector(\r\n\t\t\t\t\t\/*\r\n\t\t\t\t\t * Champs HTML obligatoires ou incorrects.\r\n\t\t\t\t\t * Inclut la case des conditions.\r\n\t\t\t\t\t *\/\r\n\t\t\t\t\t'.wc-block-checkout :invalid,' +\r\n\t\t\t\t\t'form.checkout :invalid,' +\r\n\r\n\t\t\t\t\t\/*\r\n\t\t\t\t\t * Champs signal\u00e9s comme incorrects\r\n\t\t\t\t\t * par les attributs d\u2019accessibilit\u00e9.\r\n\t\t\t\t\t *\/\r\n\t\t\t\t\t'.wc-block-checkout [aria-invalid=\"true\"],' +\r\n\t\t\t\t\t'form.checkout [aria-invalid=\"true\"],' +\r\n\r\n\t\t\t\t\t\/*\r\n\t\t\t\t\t * Erreurs du paiement par blocs.\r\n\t\t\t\t\t *\/\r\n\t\t\t\t\t'.wc-block-components-validation-error,' +\r\n\t\t\t\t\t'.wc-block-components-notice-banner.is-error,' +\r\n\t\t\t\t\t'.wc-block-store-notice.is-error,' +\r\n\r\n\t\t\t\t\t\/*\r\n\t\t\t\t\t * Erreurs du paiement classique.\r\n\t\t\t\t\t *\/\r\n\t\t\t\t\t'.woocommerce-error'\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t\/**\r\n\t\t * Afficher le message.\r\n\t\t *\/\r\n\t\tfunction showProcessingMessage() {\r\n\r\n\t\t\toverlay.classList.add('show');\r\n\t\t\toverlay.setAttribute('aria-hidden', 'false');\r\n\r\n\t\t\t\/*\r\n\t\t\t * Mesure de s\u00e9curit\u00e9 :\r\n\t\t\t * si WooCommerce ne r\u00e9pond pas, le message se fermera\r\n\t\t\t * automatiquement apr\u00e8s 60 secondes.\r\n\t\t\t *\/\r\n\t\t\tclearTimeout(safetyTimer);\r\n\r\n\t\t\tsafetyTimer = setTimeout(\r\n\t\t\t\thideProcessingMessage,\r\n\t\t\t\t60000\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t\/**\r\n\t\t * Masquer le message.\r\n\t\t *\/\r\n\t\tfunction hideProcessingMessage() {\r\n\r\n\t\t\toverlay.classList.remove('show');\r\n\t\t\toverlay.setAttribute('aria-hidden', 'true');\r\n\r\n\t\t\tclearTimeout(safetyTimer);\r\n\t\t}\r\n\r\n\t\t\/**\r\n\t\t * D\u00e9tecter le bouton de commande.\r\n\t\t *\/\r\n\t\tdocument.addEventListener(\r\n\t\t\t'click',\r\n\t\t\tfunction (event) {\r\n\r\n\t\t\t\tconst button = event.target.closest(\r\n\t\t\t\t\t'.wc-block-components-checkout-place-order-button, #place_order'\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (!button || button.disabled) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\/*\r\n\t\t\t\t * Attendre que WooCommerce valide les champs.\r\n\t\t\t\t *\r\n\t\t\t\t * Si les conditions manquent ou si un champ est\r\n\t\t\t\t * incorrect, WooCommerce affichera l\u2019erreur\r\n\t\t\t\t * pendant cet intervalle.\r\n\t\t\t\t *\/\r\n\t\t\t\tsetTimeout(function () {\r\n\r\n\t\t\t\t\tif (checkoutHasErrors()) {\r\n\t\t\t\t\t\thideProcessingMessage();\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tshowProcessingMessage();\r\n\r\n\t\t\t\t}, 400);\r\n\r\n\t\t\t},\r\n\t\t\ttrue\r\n\t\t);\r\n\r\n\t\t\/**\r\n\t\t * Si WooCommerce affiche ensuite une erreur,\r\n\t\t * masquer imm\u00e9diatement le message.\r\n\t\t *\/\r\n\t\tconst observer = new MutationObserver(function () {\r\n\r\n\t\t\tif (checkoutHasErrors()) {\r\n\t\t\t\thideProcessingMessage();\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t\tobserver.observe(\r\n\t\t\tdocument.body,\r\n\t\t\t{\r\n\t\t\t\tchildList: true,\r\n\t\t\t\tsubtree: true,\r\n\t\t\t\tattributes: true,\r\n\t\t\t\tattributeFilter: [\r\n\t\t\t\t\t'aria-invalid',\r\n\t\t\t\t\t'class'\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\t\/**\r\n\t\t * Masquer le message lors du retour avec le bouton\r\n\t\t * Pr\u00e9c\u00e9dent du navigateur.\r\n\t\t *\/\r\n\t\twindow.addEventListener(\r\n\t\t\t'pageshow',\r\n\t\t\thideProcessingMessage\r\n\t\t);\r\n\r\n\t})();\r\n\t<\/script>\r\n\r\n\t<?php\r\n}, 100 );<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5621a65b elementor-widget elementor-widget-text-editor\" data-id=\"5621a65b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Le snippet fonctionne aussi bien avec le <strong>paiement par blocs de WooCommerce<\/strong> qu\u2019avec le paiement classique. Lorsque le traitement commence, il affiche un arri\u00e8re-plan superpos\u00e9 avec un indicateur de chargement et un message destin\u00e9 au client.<\/p><p>Si WooCommerce d\u00e9tecte un champ incomplet, des conditions non accept\u00e9es ou toute autre erreur de validation, le message dispara\u00eet automatiquement afin que le client puisse corriger les informations.<\/p><h2>Comment ajouter le code \u00e0 WordPress<\/h2><p>Vous pouvez installer le snippet avec une extension de gestion de code telle que Code Snippets, sans modifier directement les fichiers du th\u00e8me.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cebb43 elementor-widget elementor-widget-image\" data-id=\"cebb43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"343\" src=\"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1-1024x439.png\" class=\"attachment-large size-large wp-image-991175\" alt=\"\" srcset=\"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1-1024x439.png 1024w, https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1-300x129.png 300w, https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1-768x329.png 768w, https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1-600x257.png 600w, https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/code-snippets-plugin-1.png 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c91fbe elementor-widget elementor-widget-text-editor\" data-id=\"61c91fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Cr\u00e9ez un nouveau snippet, collez le code complet, enregistrez les modifications et activez-le afin qu\u2019il s\u2019ex\u00e9cute sur l\u2019interface publique du site. Si vous utilisez une autre m\u00e9thode pour ajouter du PHP personnalis\u00e9, v\u00e9rifiez que le code ne se charge pas uniquement dans l\u2019administration.<\/p><p>Effectuez toujours une commande test avant de l\u2019utiliser sur une boutique en production.<\/p><h2>Ce que verra le client pendant le traitement<\/h2><p>Apr\u00e8s avoir cliqu\u00e9 sur le bouton de paiement, le client verra le message superpos\u00e9 pendant que WooCommerce cr\u00e9e et traite la commande. Il lui sera demand\u00e9 de ne pas fermer ni recharger la page.<\/p><p>Si la commande est valid\u00e9e, WooCommerce le redirigera vers la page de confirmation. En cas d\u2019erreur, le message se fermera afin qu\u2019il puisse v\u00e9rifier le paiement et r\u00e9essayer.<\/p><p>Ce fonctionnement \u00e9vite les clics r\u00e9p\u00e9t\u00e9s et renforce la confiance pendant l\u2019une des \u00e9tapes les plus sensibles d\u2019un achat en ligne.<\/p><h2>Comment personnaliser le message<\/h2><p>Dans le snippet, vous pouvez facilement modifier le titre, le texte et les couleurs pour les adapter au design de votre boutique. Ces changements visuels ne n\u00e9cessitent aucune modification de son fonctionnement.<\/p><p>Utilisez un message court et rassurant. Le client doit comprendre imm\u00e9diatement que sa commande est en cours de traitement et qu\u2019il doit laisser la page ouverte.<\/p><h2>Comment v\u00e9rifier que tout fonctionne correctement<\/h2><p>Ouvrez la boutique dans une fen\u00eatre de navigation priv\u00e9e, ajoutez un produit au panier et remplissez le paiement comme le ferait un client. Lorsque vous cliquez sur le bouton de commande, le message doit appara\u00eetre et rester visible jusqu\u2019\u00e0 ce que WooCommerce affiche la confirmation.<\/p><p>Testez \u00e9galement le formulaire en laissant un champ obligatoire vide ou sans accepter les conditions. Dans ce cas, le message doit se fermer afin de permettre la correction de l\u2019erreur.<\/p><p>Enfin, v\u00e9rifiez le processus sur ordinateur et sur mobile et, si votre boutique propose plusieurs passerelles, testez chacune d\u2019elles.<\/p><h2>Une petite am\u00e9lioration qui peut \u00e9viter les abandons de commande<\/h2><p>Tous les abandons de paiement n\u2019ont pas une solution technique simple. Cependant, lorsque l\u2019incertitude pendant le traitement est en cause, un message clair peut faire une r\u00e9elle diff\u00e9rence.<\/p><p><strong>Afficher un message pendant que WooCommerce traite une commande<\/strong> ne r\u00e9duit pas le temps d\u2019attente r\u00e9el, mais am\u00e9liore la perception du processus. Le client sait que la boutique fonctionne, comprend qu\u2019il doit patienter et a moins de raisons de fermer ou de recharger la page.<\/p><p>Il s\u2019agit d\u2019une petite modification, compatible avec les principaux types de paiement WooCommerce et particuli\u00e8rement utile lorsque le r\u00e8glement n\u00e9cessite plusieurs secondes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f888ad9 elementor-widget elementor-widget-heading\" data-id=\"4f888ad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Questions fr\u00e9quentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e695643 bloque-faq-2 elementor-widget elementor-widget-n-accordion\" data-id=\"4e695643\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;multiple&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1310\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1310\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Le message fonctionne-t-il avec le paiement par blocs et le paiement classique de WooCommerce ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1310\" class=\"elementor-element elementor-element-6b112472 e-con-full e-flex e-con e-child\" data-id=\"6b112472\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27c21ece elementor-widget elementor-widget-text-editor\" data-id=\"27c21ece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Oui. Le code est con\u00e7u pour d\u00e9tecter aussi bien le bouton du <strong>paiement par blocs de WooCommerce<\/strong> que celui du paiement classique. Avant de l\u2019utiliser sur une boutique en production, il est conseill\u00e9 d\u2019effectuer une commande test avec la configuration propre au site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1311\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1311\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Ce snippet permet-il \u00e0 WooCommerce de traiter les commandes plus rapidement ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1311\" class=\"elementor-element elementor-element-48f58f61 e-con-full e-flex e-con e-child\" data-id=\"48f58f61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37ada547 elementor-widget elementor-widget-text-editor\" data-id=\"37ada547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Non. Le snippet <strong>n\u2019acc\u00e9l\u00e8re ni le serveur ni la passerelle de paiement<\/strong>. Son r\u00f4le est d\u2019indiquer au client que sa commande est en cours de traitement, de r\u00e9duire l\u2019incertitude et d\u2019\u00e9viter qu\u2019il recharge la page ou clique plusieurs fois sur le bouton pendant l\u2019attente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1312\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1312\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Que se passe-t-il si un champ obligatoire n\u2019est pas rempli ou si les conditions g\u00e9n\u00e9rales ne sont pas accept\u00e9es ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1312\" class=\"elementor-element elementor-element-676b77c1 e-con-full e-flex e-con e-child\" data-id=\"676b77c1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d963bf elementor-widget elementor-widget-text-editor\" data-id=\"28d963bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Le code attend que WooCommerce valide le formulaire. Si une information obligatoire manque, si le mode de paiement n\u2019est pas valide ou si les conditions n\u2019ont pas \u00e9t\u00e9 accept\u00e9es, <strong>le message dispara\u00eet afin que le client puisse corriger l\u2019erreur<\/strong> avant de passer \u00e0 nouveau la commande.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1313\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1313\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Peut-on personnaliser le message, les couleurs et l\u2019indicateur de chargement ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1313\" class=\"elementor-element elementor-element-39f556f3 e-con-full e-flex e-con e-child\" data-id=\"39f556f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-771afa2a elementor-widget elementor-widget-text-editor\" data-id=\"771afa2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Oui. Vous pouvez modifier le titre, le texte secondaire, l\u2019arri\u00e8re-plan, la fen\u00eatre, la typographie et la couleur de l\u2019indicateur de chargement. Les principaux \u00e9l\u00e9ments sont signal\u00e9s par des commentaires afin de pouvoir <strong>adapter le message au design de votre boutique<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1314\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1314\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Faut-il modifier le fichier functions.php pour installer le code ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1314\" class=\"elementor-element elementor-element-74a3442c e-con-full e-flex e-con e-child\" data-id=\"74a3442c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4947cf66 elementor-widget elementor-widget-text-editor\" data-id=\"4947cf66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Non. Vous pouvez l\u2019installer \u00e0 l\u2019aide de l\u2019extension gratuite <strong>Code Snippets<\/strong>, sans modifier les fichiers du th\u00e8me. Vous pouvez \u00e9galement l\u2019ajouter au fichier <code>functions.php<\/code> d\u2019un th\u00e8me enfant si vous pr\u00e9f\u00e9rez g\u00e9rer le code manuellement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1315\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1315\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Le message est-il compatible avec tous les modes de paiement ? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1315\" class=\"elementor-element elementor-element-64924a07 e-con-full e-flex e-con e-child\" data-id=\"64924a07\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3dda75 elementor-widget elementor-widget-text-editor\" data-id=\"c3dda75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Le message ne d\u00e9pend pas directement d\u2019une passerelle particuli\u00e8re. Il peut donc fonctionner avec les paiements par carte, PayPal, virement bancaire et d\u2019autres moyens. Certaines passerelles utilisent toutefois leurs propres redirections ou validations ; il est donc recommand\u00e9 de <strong>tester chaque mode de paiement disponible<\/strong> avant de publier les modifications.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Le message fonctionne-t-il avec le paiement par blocs et le paiement classique de WooCommerce ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. Le code est con\\u00e7u pour d\\u00e9tecter aussi bien le bouton du paiement par blocs de WooCommerce que celui du paiement classique. Avant de l\\u2019utiliser sur une boutique en production, il est conseill\\u00e9 d\\u2019effectuer une commande test avec la configuration propre au site.\"}},{\"@type\":\"Question\",\"name\":\"Ce snippet permet-il \\u00e0 WooCommerce de traiter les commandes plus rapidement ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non. Le snippet n\\u2019acc\\u00e9l\\u00e8re ni le serveur ni la passerelle de paiement. Son r\\u00f4le est d\\u2019indiquer au client que sa commande est en cours de traitement, de r\\u00e9duire l\\u2019incertitude et d\\u2019\\u00e9viter qu\\u2019il recharge la page ou clique plusieurs fois sur le bouton pendant l\\u2019attente.\"}},{\"@type\":\"Question\",\"name\":\"Que se passe-t-il si un champ obligatoire n\\u2019est pas rempli ou si les conditions g\\u00e9n\\u00e9rales ne sont pas accept\\u00e9es ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le code attend que WooCommerce valide le formulaire. Si une information obligatoire manque, si le mode de paiement n\\u2019est pas valide ou si les conditions n\\u2019ont pas \\u00e9t\\u00e9 accept\\u00e9es, le message dispara\\u00eet afin que le client puisse corriger l\\u2019erreur avant de passer \\u00e0 nouveau la commande.\"}},{\"@type\":\"Question\",\"name\":\"Peut-on personnaliser le message, les couleurs et l\\u2019indicateur de chargement ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Oui. Vous pouvez modifier le titre, le texte secondaire, l\\u2019arri\\u00e8re-plan, la fen\\u00eatre, la typographie et la couleur de l\\u2019indicateur de chargement. Les principaux \\u00e9l\\u00e9ments sont signal\\u00e9s par des commentaires afin de pouvoir adapter le message au design de votre boutique.\"}},{\"@type\":\"Question\",\"name\":\"Faut-il modifier le fichier functions.php pour installer le code ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non. Vous pouvez l\\u2019installer \\u00e0 l\\u2019aide de l\\u2019extension gratuite Code Snippets, sans modifier les fichiers du th\\u00e8me. Vous pouvez \\u00e9galement l\\u2019ajouter au fichier functions.php d\\u2019un th\\u00e8me enfant si vous pr\\u00e9f\\u00e9rez g\\u00e9rer le code manuellement.\"}},{\"@type\":\"Question\",\"name\":\"Le message est-il compatible avec tous les modes de paiement ?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Le message ne d\\u00e9pend pas directement d\\u2019une passerelle particuli\\u00e8re. Il peut donc fonctionner avec les paiements par carte, PayPal, virement bancaire et d\\u2019autres moyens. Certaines passerelles utilisent toutefois leurs propres redirections ou validations ; il est donc recommand\\u00e9 de tester chaque mode de paiement disponible avant de publier les modifications.\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lorsque vous consultez Analytics, il est fr\u00e9quent de constater de nombreuses visites sur la page de paiement, mais beaucoup moins sur la page de confirmation de commande. Cela peut s\u2019expliquer par plusieurs raisons, mais l\u2019une d\u2019elles est particuli\u00e8rement facile \u00e0 \u00e9viter : le client ne sait pas si WooCommerce traite correctement sa commande. Certaines passerelles [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":991267,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[104,98],"tags":[],"class_list":["post-991191","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-extraits-de-code","category-woocommerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro<\/title>\n<meta name=\"description\" content=\"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro\" \/>\n<meta property=\"og:description\" content=\"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/\" \/>\n<meta property=\"og:site_name\" content=\"Cheap elementor Pro\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-23T12:58:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-25T18:27:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#\\\/schema\\\/person\\\/19ddc6f1fc1c79a7a4e93687b4809d9a\"},\"headline\":\"Comment afficher un message pendant que WooCommerce traite une commande\",\"datePublished\":\"2026-10-23T12:58:05+00:00\",\"dateModified\":\"2026-10-25T18:27:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/\"},\"wordCount\":1526,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Modal-de-procesamiento-de-pedido-FR.png\",\"articleSection\":[\"Extraits de code\",\"WooCommerce\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/\",\"name\":\"Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Modal-de-procesamiento-de-pedido-FR.png\",\"datePublished\":\"2026-10-23T12:58:05+00:00\",\"dateModified\":\"2026-10-25T18:27:54+00:00\",\"description\":\"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Modal-de-procesamiento-de-pedido-FR.png\",\"contentUrl\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Modal-de-procesamiento-de-pedido-FR.png\",\"width\":1672,\"height\":941,\"caption\":\"Comment afficher un message pendant que WooCommerce traite une commande\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment afficher un message pendant que WooCommerce traite une commande\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/\",\"name\":\"Cheap elementor Pro\",\"description\":\"Elementor Pro officially licensed 90% off\",\"publisher\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#organization\",\"name\":\"Cheap elementor Pro\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Elementor-Logo-nuevo-mini.png\",\"contentUrl\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Elementor-Logo-nuevo-mini.png\",\"width\":80,\"height\":80,\"caption\":\"Cheap elementor Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/#\\\/schema\\\/person\\\/19ddc6f1fc1c79a7a4e93687b4809d9a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/litespeed\\\/avatar\\\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038\",\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/litespeed\\\/avatar\\\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038\",\"contentUrl\":\"https:\\\/\\\/cheapelementorpro.com\\\/wp-content\\\/litespeed\\\/avatar\\\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/cheapelementorpro.com\"],\"url\":\"https:\\\/\\\/cheapelementorpro.com\\\/fr\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro","description":"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...","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:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro","og_description":"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...","og_url":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/","og_site_name":"Cheap elementor Pro","article_published_time":"2026-10-23T12:58:05+00:00","article_modified_time":"2026-10-25T18:27:54+00:00","og_image":[{"width":1672,"height":941,"url":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#article","isPartOf":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/"},"author":{"name":"admin","@id":"https:\/\/cheapelementorpro.com\/fr\/#\/schema\/person\/19ddc6f1fc1c79a7a4e93687b4809d9a"},"headline":"Comment afficher un message pendant que WooCommerce traite une commande","datePublished":"2026-10-23T12:58:05+00:00","dateModified":"2026-10-25T18:27:54+00:00","mainEntityOfPage":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/"},"wordCount":1526,"commentCount":0,"publisher":{"@id":"https:\/\/cheapelementorpro.com\/fr\/#organization"},"image":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#primaryimage"},"thumbnailUrl":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png","articleSection":["Extraits de code","WooCommerce"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/","url":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/","name":"Comment afficher un message pendant que WooCommerce traite une commande - Cheap elementor Pro","isPartOf":{"@id":"https:\/\/cheapelementorpro.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#primaryimage"},"image":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#primaryimage"},"thumbnailUrl":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png","datePublished":"2026-10-23T12:58:05+00:00","dateModified":"2026-10-25T18:27:54+00:00","description":"Comment afficher un message pendant que WooCommerce traite une commande. Dans ce tutoriel, vous apprendrez \u00e0 afficher un message pendant...","breadcrumb":{"@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#primaryimage","url":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png","contentUrl":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/10\/Modal-de-procesamiento-de-pedido-FR.png","width":1672,"height":941,"caption":"Comment afficher un message pendant que WooCommerce traite une commande"},{"@type":"BreadcrumbList","@id":"https:\/\/cheapelementorpro.com\/fr\/comment-afficher-un-message-pendant-que-woocommerce-traite-une-commande\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cheapelementorpro.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Comment afficher un message pendant que WooCommerce traite une commande"}]},{"@type":"WebSite","@id":"https:\/\/cheapelementorpro.com\/fr\/#website","url":"https:\/\/cheapelementorpro.com\/fr\/","name":"Cheap elementor Pro","description":"Elementor Pro officially licensed 90% off","publisher":{"@id":"https:\/\/cheapelementorpro.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cheapelementorpro.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cheapelementorpro.com\/fr\/#organization","name":"Cheap elementor Pro","url":"https:\/\/cheapelementorpro.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cheapelementorpro.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/02\/Elementor-Logo-nuevo-mini.png","contentUrl":"https:\/\/cheapelementorpro.com\/wp-content\/uploads\/2026\/02\/Elementor-Logo-nuevo-mini.png","width":80,"height":80,"caption":"Cheap elementor Pro"},"image":{"@id":"https:\/\/cheapelementorpro.com\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cheapelementorpro.com\/fr\/#\/schema\/person\/19ddc6f1fc1c79a7a4e93687b4809d9a","name":"admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cheapelementorpro.com\/wp-content\/litespeed\/avatar\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038","url":"https:\/\/cheapelementorpro.com\/wp-content\/litespeed\/avatar\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038","contentUrl":"https:\/\/cheapelementorpro.com\/wp-content\/litespeed\/avatar\/f774846f851355f0f5c0eddfc8ff4212.jpg?ver=1793637038","caption":"admin"},"sameAs":["https:\/\/cheapelementorpro.com"],"url":"https:\/\/cheapelementorpro.com\/fr\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/posts\/991191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/comments?post=991191"}],"version-history":[{"count":7,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/posts\/991191\/revisions"}],"predecessor-version":[{"id":991208,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/posts\/991191\/revisions\/991208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/media\/991267"}],"wp:attachment":[{"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/media?parent=991191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/categories?post=991191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cheapelementorpro.com\/fr\/wp-json\/wp\/v2\/tags?post=991191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}