{"id":77486,"date":"2024-07-15T13:58:23","date_gmt":"2024-07-15T12:58:23","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=77486&#038;preview=true&#038;preview_id=77486"},"modified":"2024-07-22T12:55:35","modified_gmt":"2024-07-22T11:55:35","slug":"afficher-commande-woocommerce-id","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/","title":{"rendered":"Cr\u00e9er une page pour afficher les d\u00e9tails d&rsquo;une commande WooCommerce par ID de commande"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">WooCommerce<\/a> est un outil puissant pour cr\u00e9er des boutiques en ligne avec <a href=\"https:\/\/kinsta.com\/wordpress\/\">WordPress<\/a>. Il g\u00e8re tout, de la pr\u00e9sentation des produits au traitement des achats, en passant par la <a href=\"https:\/\/kinsta.com\/fr\/blog\/taxes-woocommerce\/\">gestion des taxes<\/a>, et bien plus encore.<\/p>\n<p>L&rsquo;une des caract\u00e9ristiques les plus remarquables de WooCommerce est sa capacit\u00e9 \u00e0 conserver des informations d\u00e9taill\u00e9es sur les commandes. Il stocke m\u00e9ticuleusement tous les aspects d&rsquo;une commande, y compris le montant, la devise, les d\u00e9tails d&rsquo;exp\u00e9dition, les taxes, et plus encore.<\/p>\n<p>Ces informations d\u00e9taill\u00e9es sont pr\u00e9cieuses \u00e0 la fois pour les propri\u00e9taires de boutiques et pour les clients. Imaginez la cr\u00e9ation d&rsquo;une page o\u00f9 les utilisateurs peuvent facilement v\u00e9rifier les d\u00e9tails de leur commande et la personnaliser pour afficher des informations suppl\u00e9mentaires.<\/p>\n<p>Ce guide vous guide \u00e0 travers les \u00e9tapes pour construire une <a href=\"https:\/\/kinsta.com\/fr\/blog\/commande-woocommerce\/\">page WooCommerce<\/a> personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l&rsquo;ID de la commande.<\/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>Pourquoi cr\u00e9er une page de d\u00e9tails de commande personnalis\u00e9e ?<\/h2>\n<p>La cr\u00e9ation d&rsquo;une page de d\u00e9tails de commande personnalis\u00e9e dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/accelerer-woocommerce\/\">WooCommerce<\/a> peut offrir plusieurs avantages, r\u00e9pondant \u00e0 la fois aux besoins du propri\u00e9taire de la boutique et \u00e0 ceux du client. Voici quelques raisons convaincantes pour lesquelles vous pourriez vouloir suivre cette voie :<\/p>\n<ol start=\"1\">\n<li><strong>Exp\u00e9rience utilisateur am\u00e9lior\u00e9e<\/strong> &#8211; Une page de d\u00e9tails de commande personnalis\u00e9e vous permet de pr\u00e9senter les informations de commande qui r\u00e9pondent le mieux aux besoins de vos clients. Elle vous permet d&rsquo;adapter la pr\u00e9sentation et le contenu de votre page afin de mettre en \u00e9vidence des d\u00e9tails importants tels que le statut de l&rsquo;exp\u00e9dition, les sp\u00e9cificit\u00e9s du produit et les dates de livraison, ce qui permet aux clients de trouver plus facilement ce qu&rsquo;ils recherchent.<\/li>\n<li><strong>Fonctionnalit\u00e9s suppl\u00e9mentaires<\/strong> &#8211; Une page de d\u00e9tails de commande personnalis\u00e9e peut vous permettre d&rsquo;ajouter des fonctionnalit\u00e9s non disponibles par d\u00e9faut dans WooCommerce. Par exemple, vous pouvez afficher des <a href=\"https:\/\/kinsta.com\/courses\/woocommerce-optimization\/use-custom-fields-on-checkout\/\">champs personnalis\u00e9s<\/a> tels que des messages de cadeau, des instructions sp\u00e9ciales ou des notes personnalis\u00e9es uniques \u00e0 chaque commande.<\/li>\n<li><strong>Interactivit\u00e9<\/strong> &#8211; Une page de d\u00e9tails de commande personnalis\u00e9e vous permet d&rsquo;inclure des \u00e9l\u00e9ments interactifs tels que des barres de progression pour le suivi de la commande, des liens vers des produits similaires ou un acc\u00e8s direct au support client, offrant ainsi une exp\u00e9rience plus riche et plus attrayante \u00e0 vos utilisateurs.<\/li>\n<li><strong>Flexibilit\u00e9 et adaptabilit\u00e9<\/strong> &#8211; La cr\u00e9ation d&rsquo;une page de d\u00e9tails de commande personnalis\u00e9e peut vous permettre de mettre en \u0153uvre une logique propre \u00e0 votre entreprise et de vous adapter \u00e0 l&rsquo;\u00e9volution de vos besoins. Vous pouvez afficher diff\u00e9rentes informations en fonction de crit\u00e8res propres \u00e0 votre boutique, tels que la localisation du client ou le type de produits command\u00e9s.<\/li>\n<\/ol>\n<h2>Comment obtenir les donn\u00e9es d&rsquo;une commande \u00e0 partir de l&rsquo;objet $order ?<\/h2>\n<p>Dans WooCommerce, l&rsquo;objet <code>$order<\/code> est une pi\u00e8ce ma\u00eetresse qui contient toutes les informations relatives \u00e0 une commande sp\u00e9cifique. En tirant parti de cet objet, vous pouvez r\u00e9cup\u00e9rer divers d\u00e9tails sur une commande, tels que l&rsquo;identifiant de la commande, la date de la commande, les informations de facturation et d&rsquo;exp\u00e9dition, ainsi que les produits achet\u00e9s.<\/p>\n<p>Voyons en d\u00e9tail comment acc\u00e9der \u00e0 ces diff\u00e9rents \u00e9l\u00e9ments de donn\u00e9es de l&rsquo;objet <code>$order<\/code> et les utiliser.<\/p>\n<h3>1. R\u00e9cup\u00e9rer l&rsquo;objet order<\/h3>\n<p>Tout d&rsquo;abord, vous devez obtenir l&rsquo;objet order \u00e0 l&rsquo;aide de la fonction <code>wc_get_order<\/code>. Cette fonction prend un identifiant de commande et renvoie l&rsquo;objet de commande correspondant.<\/p>\n<pre><code class=\"language-php\">$order_id = 123; \/\/ Example order ID\n$order = wc_get_order( $order_id );<\/code><\/pre>\n<h3>2. Informations de base sur la commande<\/h3>\n<p>Une fois que vous avez l&rsquo;objet <code>$order<\/code>, vous pouvez r\u00e9cup\u00e9rer des informations de base sur la commande. Voici quelques exemples :<\/p>\n<ul>\n<li><strong>ID de la commande<\/strong> &#8211; L&rsquo;identifiant unique de la commande.\n<pre><code class=\"language-php\">$order_id = $order-&gt;get_id();\necho 'Order ID: ' . $order_id;<\/code><\/pre>\n<\/li>\n<li><strong>Date de la commande<\/strong> &#8211; Date \u00e0 laquelle la commande a \u00e9t\u00e9 cr\u00e9\u00e9e.\n<pre><code class=\"language-php\">$order_date = $order-&gt;get_date_created();\necho 'Order date: ' . wc_format_datetime( $order_date );<\/code><\/pre>\n<\/li>\n<li><strong>Total de la commande<\/strong> &#8211; Le montant total de la commande.\n<pre><code class=\"language-php\">$order_total = $order-&gt;get_formatted_order_total();\necho 'Order total: ' . $order_total;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>3. Informations de facturation<\/h3>\n<p>Les informations de facturation comprennent les d\u00e9tails fournis par le client au cours de la proc\u00e9dure de paiement. Vous pouvez r\u00e9cup\u00e9rer ces informations \u00e0 l&rsquo;aide des m\u00e9thodes suivantes :<\/p>\n<ul>\n<li><strong>Adresse de facturation :<\/strong>\n<pre><code class=\"language-php\">$billing_address = $order-&gt;get_formatted_billing_address();\necho 'Billing address: ' . $billing_address;<\/code><\/pre>\n<\/li>\n<li><strong>E-mail de facturation :<\/strong>\n<pre><code class=\"language-php\">$billing_email = $order-&gt;get_billing_email();\necho 'Billing email: ' . $billing_email;<\/code><\/pre>\n<\/li>\n<li><strong>T\u00e9l\u00e9phone de facturation :<\/strong>\n<pre><code class=\"language-php\">$billing_phone = $order-&gt;get_billing_phone();\necho 'Billing phone: ' . $billing_phone;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>4. Informations relatives \u00e0 l&rsquo;exp\u00e9dition<\/h3>\n<p>Les informations relatives \u00e0 l&rsquo;exp\u00e9dition comprennent les d\u00e9tails relatifs \u00e0 l&rsquo;endroit o\u00f9 la commande sera exp\u00e9di\u00e9e. Comme pour les informations de facturation, vous pouvez acc\u00e9der \u00e0 ces informations \u00e0 l&rsquo;aide de l&rsquo;objet <code>$order<\/code>:<\/p>\n<ul>\n<li><strong>Adresse de livraison :<\/strong>\n<pre><code class=\"language-php\">$shipping_address = $order-&gt;get_formatted_shipping_address();\necho 'Shipping address: ' . $shipping_address;<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>5. Articles de la commande<\/h3>\n<p>Vous pouvez r\u00e9cup\u00e9rer les articles inclus dans une commande, ce qui est particuli\u00e8rement utile si vous souhaitez afficher les produits achet\u00e9s. Voici comment r\u00e9cup\u00e9rer les articles de la commande :<\/p>\n<pre><code class=\"language-php\">$items = $order-&gt;get_items();\nforeach ( $items as $item_id =&gt; $item ) {\n    $product_name = $item-&gt;get_name();\n    $product_quantity = $item-&gt;get_quantity();\n    $product_total = $item-&gt;get_total();\n    echo 'Product name: ' . $product_name . '&lt;br&gt;';\n    echo 'Quantity: ' . $product_quantity . '&lt;br&gt;';\n    echo 'Total: ' . wc_price( $product_total ) . '&lt;br&gt;';\n}<\/code><\/pre>\n<h3>6. Moyens de paiement et d&rsquo;exp\u00e9dition<\/h3>\n<p>Vous pouvez \u00e9galement obtenir des informations sur les modes de paiement et d&rsquo;exp\u00e9dition utilis\u00e9s pour la commande :<\/p>\n<ul>\n<li><strong>Moyen de paiement :<\/strong>\n<pre><code class=\"language-php\">$payment_method = $order-&gt;get_payment_method_title();\necho 'Payment method: ' . $payment_method;<\/code><\/pre>\n<\/li>\n<li><strong>Mode d&rsquo;exp\u00e9dition :<\/strong>\n<pre><code class=\"language-php\">$shipping_methods = $order-&gt;get_shipping_methods();\nforeach ( $shipping_methods as $shipping_method ) {\necho 'Shipping method: ' . $shipping_method-&gt;get_name();\n}<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>7. \u00c9tat de la commande<\/h3>\n<p>L&rsquo;\u00e9tat de la commande peut \u00eatre utile pour diverses fonctionnalit\u00e9s, telles que le suivi de l&rsquo;avancement de la commande :<\/p>\n<pre><code class=\"language-php\">$order_status = wc_get_order_status_name( $order-&gt;get_status() );\necho 'Order status: ' . $order_status;<\/code><\/pre>\n<h2>Cr\u00e9ation d&rsquo;une page permettant d&rsquo;afficher les d\u00e9tails d&rsquo;une commande en fonction de son num\u00e9ro d&rsquo;identification<\/h2>\n<p>Pour offrir \u00e0 vos clients une exp\u00e9rience transparente, il est utile de cr\u00e9er une page personnalis\u00e9e o\u00f9 ils peuvent consulter les d\u00e9tails de leur commande en entrant simplement leur num\u00e9ro d&rsquo;identification.<\/p>\n<p>Nous allons vous guider dans la cr\u00e9ation d&rsquo;une page, y compris la configuration du <a href=\"https:\/\/kinsta.com\/fr\/blog\/modeles-article-wordpress\/\">mod\u00e8le<\/a> et l&rsquo;affichage des informations relatives \u00e0 la commande.<\/p>\n<h3>\u00c9tape 1 : Cr\u00e9er un mod\u00e8le de page personnalis\u00e9<\/h3>\n<p>Tout d&rsquo;abord, cr\u00e9ez un mod\u00e8le de page personnalis\u00e9 dans votre <a href=\"https:\/\/kinsta.com\/fr\/outils\/detecteur-theme-wordpress\/\">th\u00e8me WordPress<\/a>. Ce mod\u00e8le sera utilis\u00e9 pour afficher les d\u00e9tails de la commande.<\/p>\n<p>Pour cela, acc\u00e9dez au code source de votre projet. Si vous avez cr\u00e9\u00e9 votre projet avec <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a>, il est facile d&rsquo;y acc\u00e9der. Vous pouvez \u00e9galement utiliser un <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/connexion-avec-sftp\/#ftp-clients\">client FTP<\/a> en utilisant les param\u00e8tres de la page d&rsquo;information de votre site (<strong>Sites WordPress<\/strong> &gt; <strong>nom du site<\/strong> &gt; <strong>Info<\/strong>).<\/p>\n<p>Dans le r\u00e9pertoire de votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">th\u00e8me enfant<\/a>, cr\u00e9ez un nouveau fichier nomm\u00e9 <strong>page-order-details.php<\/strong>. Ajoutez le code suivant \u00e0 ce fichier :<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Template Name: Order Details\n *\/\nget_header();\n?&gt;\n\n&lt;div id=\"primary\" class=\"content-area\"&gt;\n    &lt;main id=\"main\" class=\"site-main\"&gt;\n\n        &lt;?php\n        if ( isset( $_GET['order_id'] ) ) {\n            $order_id = intval( $_GET['order_id'] );\n            display_order_details( $order_id );\n        } else {\n            echo '&lt;p&gt;No order ID provided.&lt;\/p&gt;';\n        }\n        ?&gt;\n\n    &lt;\/main&gt;<!-- #main -->\n&lt;\/div&gt;<!-- #primary -->\n\n&lt;?php\nget_footer();\n\n\/\/ Function to display order details\nfunction display_order_details( $order_id ) {\n    $order = wc_get_order( $order_id );\n    if ( ! $order ) {\n        echo '&lt;p&gt;Invalid order ID.&lt;\/p&gt;';\n        return;\n    }\n\n    echo '&lt;h2&gt;Order Details&lt;\/h2&gt;';\n    echo '&lt;ul&gt;';\n    echo '&lt;li&gt;Order ID: ' . $order-&gt;get_id() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Date: ' . wc_format_datetime( $order-&gt;get_date_created() ) . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Total: ' . $order-&gt;get_formatted_order_total() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Address: ' . $order-&gt;get_formatted_billing_address() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Shipping Address: ' . $order-&gt;get_formatted_shipping_address() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Email: ' . $order-&gt;get_billing_email() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Billing Phone: ' . $order-&gt;get_billing_phone() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Payment Method: ' . $order-&gt;get_payment_method_title() . '&lt;\/li&gt;';\n    echo '&lt;li&gt;Order Status: ' . wc_get_order_status_name( $order-&gt;get_status() ) . '&lt;\/li&gt;';\n    echo '&lt;\/ul&gt;';\n\n    echo '&lt;h3&gt;Order Items&lt;\/h3&gt;';\n    echo '&lt;ul&gt;';\n    $items = $order-&gt;get_items();\n    foreach ( $items as $item_id =&gt; $item ) {\n        echo '&lt;li&gt;';\n        echo 'Product Name: ' . $item-&gt;get_name() . '&lt;br&gt;';\n        echo 'Quantity: ' . $item-&gt;get_quantity() . '&lt;br&gt;';\n        echo 'Total: ' . wc_price( $item-&gt;get_total() ) . '&lt;br&gt;';\n        echo '&lt;\/li&gt;';\n    }\n    echo '&lt;\/ul&gt;';\n}<\/code><\/pre>\n<p>D\u00e9composons ce code pour que vous compreniez bien.<\/p>\n<p>Tout d&rsquo;abord, vous remarquerez les fonctions <code>get_header()<\/code> et <code>get_footer()<\/code>, qui incluent l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\">en-t\u00eate et le pied de page<\/a> standard de <a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\">WordPress<\/a> pour la page, en veillant \u00e0 ce qu&rsquo;elle conserve la conception et la mise en page globales du site.<\/p>\n<p>Nous avons \u00e9galement quelques balises <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-le-html\/\">HTML<\/a> de base qui sont importantes pour l&rsquo;affichage du texte sur le web. Le prochain code important que vous remarquerez est la condition qui v\u00e9rifie si une adresse <code>order_id<\/code> est pass\u00e9e en tant que param\u00e8tre d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">URL<\/a>.<\/p>\n<pre><code class=\"language-php\">if ( isset( $_GET['order_id'] ) ) {\n    $order_id = intval( $_GET['order_id'] );\n    display_order_details( $order_id );\n} else {\n    echo '&lt;p&gt;No order ID provided.&lt;\/p&gt;';\n}<\/code><\/pre>\n<p>Si un <code>order_id<\/code> existe, il nettoie l&rsquo;entr\u00e9e \u00e0 l&rsquo;aide de <code>intval()<\/code> et appelle la fonction <code>display_order_details<\/code>. Si aucun <code>order_id<\/code> n&rsquo;est fourni, il affiche un message l&rsquo;indiquant.<\/p>\n<p>La fonction <code>display_order_details<\/code> est la fonction d\u00e9clar\u00e9e sous <code>get_footer()<\/code>. Cette fonction prend l&rsquo;ID de l&rsquo;ordre en entr\u00e9e et r\u00e9cup\u00e8re l&rsquo;objet d&rsquo;ordre correspondant \u00e0 l&rsquo;aide de <code>wc_get_order()<\/code>.<\/p>\n<p>Si l&rsquo;identifiant de la commande n&rsquo;est pas valide, elle \u00e9met un message d&rsquo;erreur. Dans le cas contraire, elle r\u00e9cup\u00e8re et affiche divers d\u00e9tails de la commande tels que l&rsquo;ID de la commande, la date, le total, les adresses de facturation et de livraison, l&rsquo;adresse e-mail, le t\u00e9l\u00e9phone, le moyen de paiement et l&rsquo;\u00e9tat de la commande dans une liste non ordonn\u00e9e.<\/p>\n<p>En outre, il parcourt les \u00e9l\u00e9ments de la commande et affiche le nom du produit, la quantit\u00e9 et le prix total pour chaque \u00e9l\u00e9ment dans une autre liste non ordonn\u00e9e.<\/p>\n<h3>\u00c9tape 2 : Ajouter le mod\u00e8le \u00e0 votre th\u00e8me et cr\u00e9ez une nouvelle page dans WordPress<\/h3>\n<p>Enregistrez le fichier <strong>page-order-details.php<\/strong> dans le r\u00e9pertoire de votre th\u00e8me enfant. Le mod\u00e8le pourra ainsi \u00eatre s\u00e9lectionn\u00e9 lors de la cr\u00e9ation d&rsquo;une nouvelle page dans WordPress.<\/p>\n<p>Ensuite, allez dans <strong>Pages<\/strong> &gt; <strong>Ajouter<\/strong> dans votre tableau de bord d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\">administration WordPress<\/a>. Donnez un nom \u00e0 la page, puis dans la section <strong>Attributs de la page<\/strong> sur la droite, s\u00e9lectionnez le mod\u00e8le <strong>D\u00e9tails de la commande<\/strong> dans la liste d\u00e9roulante Mod\u00e8le.<\/p>\n<p>Si vous ne voyez pas la section <strong>Attributs de la page<\/strong>, vous pouvez retourner sur <strong>Pages<\/strong>, o\u00f9 vous verrez une liste de toutes les pages avec quelques options lorsque vous survolez chaque page. S\u00e9lectionnez <strong>Modification rapide<\/strong>, et vous verrez alors la section <strong>Attributs de page<\/strong>.<\/p>\n<p>Publiez la page et vous pouvez maintenant tester la page de d\u00e9tails de la commande personnalis\u00e9e.<\/p>\n<p>Pour tester, naviguez dans votre navigateur et ajoutez <code>?order_id=ORDER_ID<\/code> \u00e0 l&rsquo;URL, en rempla\u00e7ant <code>ORDER_ID<\/code> par un identifiant de commande WooCommerce valide. Par exemple, <code>https:\/\/yourwebsite.com\/order-details\/?order_id=70<\/code><\/p>\n<p>Cela devrait afficher les d\u00e9tails de la commande pour l&rsquo;ID de commande sp\u00e9cifi\u00e9.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/order-details-id.png\" alt=\"D\u00e9tails de la commande \u00e0 partir de l'ID de la commande.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">D\u00e9tails de la commande \u00e0 partir de l&rsquo;ID de la commande.<\/figcaption><\/figure>\n<p>Vous pouvez ensuite ajouter du style au mod\u00e8le comme vous le souhaitez.<\/p>\n<h2>Cr\u00e9ation d&rsquo;une page de d\u00e9tails de commande \u00e0 l&rsquo;aide du code court de suivi de commande de WooCommerce<\/h2>\n<p>Une autre option que vous ne connaissez peut-\u00eatre pas est le code court de suivi de commande de WooCommerce, qui fournit une interface utilisateur permettant aux utilisateurs de rechercher les d\u00e9tails de leur commande en saisissant leur num\u00e9ro de commande et leur adresse e-mail.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/06\/order-tracking-shortcode.gif\" alt=\"D\u00e9tails de la commande \u00e0 partir du code court de suivi des commandes de WooCommerce.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">D\u00e9tails de la commande \u00e0 partir du code court de suivi des commandes de WooCommerce.<\/figcaption><\/figure>\n<p>Cette page affiche le num\u00e9ro de commande, la date, l&rsquo;\u00e9tat, les articles, l&rsquo;exp\u00e9dition et l&rsquo;adresse de facturation. Elle peut \u00eatre utile si vous n&rsquo;avez pas l&rsquo;intention d&rsquo;afficher des informations plus d\u00e9taill\u00e9es.<\/p>\n<p>Cr\u00e9er une page de suivi de commande \u00e0 l&rsquo;aide du code court de suivi de commande de WooCommerce est un moyen simple d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience client sans avoir \u00e0 se plonger dans un codage personnalis\u00e9.<\/p>\n<p>Pour cela, suivez les \u00e9tapes suivantes :<\/p>\n<ol start=\"1\">\n<li>Connectez-vous \u00e0 votre tableau de bord WordPress.<\/li>\n<li>Ensuite, cr\u00e9ez une nouvelle page en naviguant vers <strong>Pages<\/strong> &gt; <strong>Ajouter<\/strong>.<\/li>\n<li>Donnez un titre \u00e0 la page et, dans l&rsquo;\u00e9diteur de page, ajoutez le code court suivant :\n<pre><code class=\"language-php\">[woocommerce_order_tracking]<\/code><\/pre>\n<\/li>\n<li>Cliquez ensuite sur le bouton <strong>Publier<\/strong> pour mettre la page en ligne.<\/li>\n<\/ol>\n<p>C&rsquo;est aussi simple que cela. Mais cela ne vous donnera peut-\u00eatre pas la flexibilit\u00e9 que vous souhaitez.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>La cr\u00e9ation d&rsquo;une page de d\u00e9tails de commande dans WooCommerce am\u00e9liore l&rsquo;exp\u00e9rience client en fournissant un acc\u00e8s facile aux informations de la commande, en am\u00e9liorant la transparence et la satisfaction du client.<\/p>\n<p>Si vous rencontrez des <a href=\"https:\/\/kinsta.com\/fr\/blog\/accelerer-woocommerce\/\">lenteurs dans votre boutique WordPress<\/a>, en particulier les grandes boutiques avec beaucoup de produits, il est essentiel de savoir qu&rsquo;une partie importante de la performance de votre site d\u00e9pend de la <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-benchmarks-performance\/\">qualit\u00e9 de votre h\u00e9bergement<\/a>.<\/p>\n<p>Heureusement, avec Kinsta comme <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/woocommerce\/\">fournisseur d&rsquo;h\u00e9bergement pour votre boutique WooCommerce<\/a>, vous n&rsquo;aurez pas \u00e0 vous soucier de cela.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce est un outil puissant pour cr\u00e9er des boutiques en ligne avec WordPress. Il g\u00e8re tout, de la pr\u00e9sentation des produits au traitement des achats, en &#8230;<\/p>\n","protected":false},"author":287,"featured_media":77487,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1025],"class_list":["post-77486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Afficher les d\u00e9tails d&#039;une commande WooCommerce par ID de commande - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l&#039;ID de la commande.\" \/>\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\/afficher-commande-woocommerce-id\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er une page pour afficher les d\u00e9tails d&#039;une commande WooCommerce par ID de commande\" \/>\n<meta property=\"og:description\" content=\"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l&#039;ID de la commande.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\" \/>\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=\"2024-07-15T12:58:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-22T11:55:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l&#039;ID de la commande.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id-1024x512.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Cr\u00e9er une page pour afficher les d\u00e9tails d&rsquo;une commande WooCommerce par ID de commande\",\"datePublished\":\"2024-07-15T12:58:23+00:00\",\"dateModified\":\"2024-07-22T11:55:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\"},\"wordCount\":1927,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\",\"name\":\"Afficher les d\u00e9tails d'une commande WooCommerce par ID de commande - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"datePublished\":\"2024-07-15T12:58:23+00:00\",\"dateModified\":\"2024-07-22T11:55:35+00:00\",\"description\":\"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l'ID de la commande.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#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\":\"Cr\u00e9er une page pour afficher les d\u00e9tails d&#8217;une commande WooCommerce par ID de commande\"}]},{\"@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\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Afficher les d\u00e9tails d'une commande WooCommerce par ID de commande - Kinsta\u00ae","description":"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l'ID de la commande.","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\/afficher-commande-woocommerce-id\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er une page pour afficher les d\u00e9tails d'une commande WooCommerce par ID de commande","og_description":"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l'ID de la commande.","og_url":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-07-15T12:58:23+00:00","article_modified_time":"2024-07-22T11:55:35+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l'ID de la commande.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id-1024x512.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Joel Olawanle","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Cr\u00e9er une page pour afficher les d\u00e9tails d&rsquo;une commande WooCommerce par ID de commande","datePublished":"2024-07-15T12:58:23+00:00","dateModified":"2024-07-22T11:55:35+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/"},"wordCount":1927,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/","url":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/","name":"Afficher les d\u00e9tails d'une commande WooCommerce par ID de commande - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","datePublished":"2024-07-15T12:58:23+00:00","dateModified":"2024-07-22T11:55:35+00:00","description":"Ce guide vous explique les \u00e9tapes pour construire une page WooCommerce personnalis\u00e9e qui affiche les d\u00e9tails de la commande en fonction de l'ID de la commande.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/07\/how-to-create-a-woocommerce-order-details-page-by-order-id.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/afficher-commande-woocommerce-id\/#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":"Cr\u00e9er une page pour afficher les d\u00e9tails d&#8217;une commande WooCommerce par ID de commande"}]},{"@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\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/fr\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/77486","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\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=77486"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/77486\/revisions"}],"predecessor-version":[{"id":77546,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/77486\/revisions\/77546"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/77486\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/77487"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=77486"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=77486"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=77486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}