{"id":74307,"date":"2023-11-23T12:33:30","date_gmt":"2023-11-23T11:33:30","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=74307&#038;preview=true&#038;preview_id=74307"},"modified":"2023-11-24T13:46:13","modified_gmt":"2023-11-24T12:46:13","slug":"application-rapport-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/","title":{"rendered":"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce"},"content":{"rendered":"<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">extension WooCommerce<\/a> pour WordPress vous permet de cr\u00e9er et de g\u00e9rer efficacement une plateforme de commerce \u00e9lectronique, en vous donnant acc\u00e8s \u00e0 des fonctions de notification int\u00e9gr\u00e9es qui vous informent des nouvelles commandes ou des commandes termin\u00e9es, des bas niveaux de stock et des paiements r\u00e9ussis. Ces fonctionnalit\u00e9s sont essentielles mais n&rsquo;offrent qu&rsquo;un aper\u00e7u limit\u00e9 des donn\u00e9es pr\u00e9cieuses collect\u00e9es par WooCommerce.<\/p>\n<p>De telles restrictions sont le propre des extensions traditionnelles fonctionnant dans l&rsquo;environnement WordPress. En revanche, les applications h\u00e9berg\u00e9es &#8211; des op\u00e9rations bas\u00e9es sur le web sur des serveurs externes &#8211; sont beaucoup plus extensibles.<\/p>\n<p>En s&rsquo;int\u00e9grant aux API de WooCommerce et en utilisant des ressources externes, les applications h\u00e9berg\u00e9es peuvent fournir des rapports avanc\u00e9s, des alertes personnalis\u00e9es et des informations d\u00e9taill\u00e9es sur les transactions de commerce \u00e9lectronique.<\/p>\n<p>Dans ce guide, apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes, d\u00e9passant les capacit\u00e9s de l&rsquo;extension standard.<\/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>Fonctionnalit\u00e9s existantes de rapports et de notifications<\/h2>\n<p>Les alertes et les mises \u00e0 jour d&rsquo;\u00e9tat int\u00e9gr\u00e9es \u00e0 WooCommerce aident \u00e0 la gestion essentielle de la boutique, mais ne peuvent pas satisfaire toutes les exigences de l&rsquo;entreprise. Par cons\u00e9quent, de nombreux utilisateurs se tournent vers des extensions tierces pour augmenter leurs capacit\u00e9s de notifications et de rapports.<\/p>\n<p>Certaines des extensions les plus populaires incluent :<\/p>\n<ul>\n<li><a href=\"https:\/\/woocommerce.com\/posts\/woocommerce-admin-a-new-central-dashboard-for-woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Admin<\/a> &#8211; Fournit un tableau de bord intuitif avec des mesures et des rapports cl\u00e9s sur la boutique.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-pdf-invoices-packing-slips\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce PDF Invoices and Packing Slips<\/a> &#8211; Permet de personnaliser les mod\u00e8les de factures et de bordereaux d&rsquo;exp\u00e9dition &#8211; envoy\u00e9s automatiquement aux clients par e-mail &#8211; et fournit un enregistrement des factures et bordereaux d&rsquo;exp\u00e9dition g\u00e9n\u00e9r\u00e9s.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-google-analytics-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Google Analytics Int\u00e9gration<\/a> &#8211; Utilise les outils de Google Analytics pour g\u00e9n\u00e9rer des rapports d\u00e9taill\u00e9s sur la d\u00e9mographie des clients et les sources de trafic.<\/li>\n<\/ul>\n<p>Avec ces extensions, WooCommerce offre des options de rapports et d&rsquo;alerte, y compris des r\u00e9sum\u00e9s de commande, des alertes de stock bas, la gestion des stocks, et des analyses approfondies gr\u00e2ce \u00e0 l&rsquo;int\u00e9gration avec des outils tels que <a href=\"https:\/\/kinsta.com\/fr\/blog\/ga4\/\">Google Analytics<\/a>.<\/p>\n<h2>Les limites des syst\u00e8mes de rapports actuels<\/h2>\n<p>Bien que b\u00e9n\u00e9fiques, les syst\u00e8mes de rapports actuels ont des capacit\u00e9s limit\u00e9es et pr\u00e9sentent plusieurs <strong>limites<\/strong>, telles que :<\/p>\n<ul>\n<li><strong>Personnalisation <\/strong>: Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utliser-google-analytics\/\">outils de rapports<\/a> g\u00e9n\u00e9riques et les extensions limitent la profondeur et la sp\u00e9cificit\u00e9 des informations que votre entreprise peut tirer des donn\u00e9es. Vous pourriez avoir besoin de mesures sp\u00e9cialis\u00e9es, de visualisations uniques, d&rsquo;une int\u00e9gration avec des outils d&rsquo;analyse propri\u00e9taires ou de certains filtres de donn\u00e9es qui ne sont pas facilement disponibles dans les outils de rapports g\u00e9n\u00e9riques et les extensions.<\/li>\n<li><strong>\u00c9volutivit\u00e9 <\/strong>: Les syst\u00e8mes de rapports existants peuvent \u00eatre confront\u00e9s \u00e0 des <a href=\"https:\/\/kinsta.com\/fr\/blog\/guide-evolutivite-woocommerce\/\">probl\u00e8mes d&rsquo;\u00e9volutivit\u00e9<\/a> lorsqu&rsquo;ils traitent de grands ensembles de donn\u00e9es. La lenteur des performances et les goulets d&rsquo;\u00e9tranglement dans le traitement des donn\u00e9es peuvent entraver l&rsquo;efficacit\u00e9 de l&rsquo;analyse des donn\u00e9es, entra\u00eenant des retards dans la prise de d\u00e9cision et les temps de r\u00e9ponse.<\/li>\n<li><strong>D\u00e9pendance \u00e0 l&rsquo;\u00e9gard de WordPress<\/strong> : Comme l&rsquo;int\u00e9gration avec WordPress limite l&rsquo;ind\u00e9pendance, la personnalisation et l&rsquo;\u00e9volutivit\u00e9, vous pouvez \u00eatre confront\u00e9 \u00e0 des contraintes li\u00e9es aux ressources du serveur, \u00e0 la compatibilit\u00e9 des extensions et aux vuln\u00e9rabilit\u00e9s en mati\u00e8re de s\u00e9curit\u00e9. Cette int\u00e9gration peut \u00e9galement emp\u00eacher votre entreprise d&rsquo;adopter des technologies et des solutions plus avanc\u00e9es.<\/li>\n<\/ul>\n<p>En revanche, une application de rapports personnalis\u00e9e peut fournir des informations d\u00e9taill\u00e9es sur les transactions et les clients. Vous pouvez utiliser ces donn\u00e9es pour anticiper les tendances du march\u00e9 et optimiser vos offres en cons\u00e9quence.<\/p>\n<p>En outre, vous pouvez rapidement adapter une application de rapports personnalis\u00e9e \u00e0 des volumes de donn\u00e9es croissants, ce qui garantit des op\u00e9rations transparentes au fur et \u00e0 mesure de la croissance de votre entreprise.<\/p>\n<h2>L&rsquo;application de rapports avanc\u00e9e<\/h2>\n<p>L&rsquo;application de rapports avanc\u00e9e envisag\u00e9e dans ce guide a les fonctions suivantes :<\/p>\n<ul>\n<li>Des alertes d\u00e9taill\u00e9es sur les transactions sont envoy\u00e9es par e-mail au propri\u00e9taire de la boutique lorsque le client passe une nouvelle commande. L&rsquo;application dispose \u00e9galement d&rsquo;un tableau de bord affichant une liste de toutes les commandes avec leurs d\u00e9tails.<\/li>\n<li>Les mises \u00e0 jour de l&rsquo;inventaire affichent les <a href=\"https:\/\/kinsta.com\/fr\/blog\/gestion-stock-woocommerce\/\">d\u00e9tails de l&rsquo;inventaire de la boutique<\/a> sur le tableau de bord. De l\u00e0, vous pouvez facilement suivre les niveaux de stock de chaque produit.<\/li>\n<li>Les rapports sur les ventes totales vous permettent d&rsquo;analyser l&rsquo;\u00e9volution du chiffre d&rsquo;affaires au fil du temps.<\/li>\n<\/ul>\n<p>Contrairement aux extensions g\u00e9n\u00e9riques ou au syst\u00e8me de notifications et d&rsquo;alertes par d\u00e9faut de WooCommerce, cette application offre des alertes d\u00e9taill\u00e9es et personnalisables sur les stocks restants et les ventes totales.<\/p>\n<p>L&rsquo;h\u00e9bergement de l&rsquo;application pr\u00e9sente \u00e9galement plusieurs avantages :<\/p>\n<ul>\n<li><strong>\u00c9volutivit\u00e9 <\/strong>: L&rsquo;h\u00e9bergement ind\u00e9pendant minimise les goulots d&rsquo;\u00e9tranglement dans le traitement des donn\u00e9es, ce qui vous permet d&rsquo;\u00e9tendre vos activit\u00e9s sans contraintes de ressources.<\/li>\n<li><strong>Personnalisation <\/strong>: L&rsquo;h\u00e9bergement ind\u00e9pendant vous permet de personnaliser l&rsquo;utilisation des donn\u00e9es collect\u00e9es, par exemple en int\u00e9grant des services tiers (tels que des moteurs d&rsquo;analyse pr\u00e9dictive) et en mettant en \u0153uvre des techniques uniques de visualisation des donn\u00e9es afin de mieux r\u00e9pondre aux exigences et aux objectifs de votre entreprise.<\/li>\n<li><strong>Autonomie <\/strong>: En retirant votre application de l&rsquo;environnement WordPress, vous vous affranchissez des restrictions telles que les ressources limit\u00e9es du serveur et les conflits potentiels entre les diff\u00e9rentes extensions.<\/li>\n<\/ul>\n<h2>Comment d\u00e9velopper une application de rapports avanc\u00e9e<\/h2>\n<p>Dans cette section, nous allons construire une application de rapports en utilisant Node.js avec l&rsquo;<a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\/#introduction\" target=\"_blank\" rel=\"noopener noreferrer\">API REST de WooCommerce<\/a> et des <a href=\"https:\/\/woocommerce.com\/document\/webhooks\/\" target=\"_blank\" rel=\"noopener noreferrer\">webhooks<\/a> pour r\u00e9cup\u00e9rer les donn\u00e9es de la boutique.<\/p>\n<p><strong>Pr\u00e9-requis :<\/strong><\/p>\n<ul>\n<li>Une boutique WooCommerce fonctionnant localement <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">avec un ou plusieurs produits<\/a> d\u00e9finis.<\/li>\n<li>Un <a href=\"https:\/\/www.mailgun.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">compte Mailgun<\/a> gratuit pour envoyer des e-mails.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-node-js\/\">Node.js<\/a> et <a href=\"https:\/\/ngrok.com\/docs\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">ngrok<\/a> install\u00e9s.<\/li>\n<li>Le <a href=\"https:\/\/github.com\/VirtuaCreative\/woocommerce-reporting-app\" target=\"_blank\" rel=\"noopener noreferrer\">mod\u00e8le de d\u00e9part<\/a> du projet.<\/li>\n<li>Un \u00e9diteur de code.<\/li>\n<\/ul>\n<h3>Configurer le mod\u00e8le de d\u00e9marrage<\/h3>\n<p>Suivez ces \u00e9tapes pour configurer le mod\u00e8le de d\u00e9marrage :<\/p>\n<ol start=\"1\">\n<li><a href=\"https:\/\/help.mailgun.com\/hc\/en-us\/articles\/203380100-Where-Can-I-Find-My-API-Key-and-SMTP-Credentials-\" target=\"_blank\" rel=\"noopener noreferrer\">Prenez note de votre cl\u00e9 API Mailgun et de votre domaine sandbox<\/a> et collez leurs valeurs dans le fichier <strong>.env<\/strong> avec les variables correspondantes. Pour la variable <code>MAILGUN_SENDER_EMAIL<\/code>, indiquez comme valeur l&rsquo;e-mail que vous avez utilis\u00e9 pour cr\u00e9er le compte Mailgun.<\/li>\n<li>Sur votre tableau de bord d&rsquo;administration WordPress, s\u00e9lectionnez <strong>WooCommerce<\/strong> &gt; <strong>R\u00e9glages<\/strong> &gt; <strong>Avanc\u00e9s<\/strong> &gt; <strong>REST API<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1179px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-rest-api.png\" alt=\"L'onglet WooCommerce Advanced montre la section REST API.\" width=\"1179\" height=\"668\"><figcaption class=\"wp-caption-text\">L&rsquo;onglet WooCommerce Advanced montre la section REST API.<\/figcaption><\/figure>\n<ol start=\"3\">\n<li>Cliquez sur <strong>Ajouter une cl\u00e9<\/strong> pour cr\u00e9er la cl\u00e9 API qui permettra d&rsquo;authentifier les requ\u00eates de votre application.<\/li>\n<li>Ouvrez la section <strong>D\u00e9tails de la cl\u00e9<\/strong> et fournissez une description et un utilisateur, s\u00e9lectionnez Autorisations de <strong>lecture\/\u00e9criture<\/strong> et cliquez sur <strong>G\u00e9n\u00e9rer une cl\u00e9 API<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1179px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-api-key-details.png\" alt=\"Onglet WooCommerce Advanced affichant les d\u00e9tails de la cl\u00e9 API.\" width=\"1179\" height=\"671\"><figcaption class=\"wp-caption-text\">Onglet WooCommerce Advanced affichant les d\u00e9tails de la cl\u00e9 API.<\/figcaption><\/figure>\n<ol start=\"5\">\n<li>Assurez-vous de copier la <strong>cl\u00e9 du consommateur<\/strong> et le <strong>secret du consommateur<\/strong> \u00e0 partir de la page r\u00e9sultante, car vous ne pourrez pas les voir \u00e0 nouveau.<\/li>\n<li>Ouvrez le fichier <strong>.env<\/strong> et assignez les valeurs que vous avez copi\u00e9es dans l&rsquo;\u00e9tape pr\u00e9c\u00e9dente \u00e0 leurs variables respectives. Indiquez l&rsquo;URL de votre boutique pour la variable <code>WOOCOMMERCE_STORE_URL<\/code> (quelque chose comme <code>http:\/\/localhost\/mystore\/index.php<\/code>).<\/li>\n<li>Installez toutes les d\u00e9pendances du projet en ex\u00e9cutant la commande suivante dans votre terminal :<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm i express @woocommerce\/woocommerce-rest-api dotenv ejs mailgun.js\n\nnpm i -D nodemon<\/code><\/pre>\n<p>Ces d\u00e9pendances ont les fonctions suivantes :<\/p>\n<ul>\n<li><code>express<\/code>: Cadre Node.js pour cr\u00e9er une API.<\/li>\n<li><code>@woocommerce\/woocommerce-rest-api<\/code>: Effectue des appels r\u00e9seau \u00e0 l&rsquo;API REST de WooCommerce.<\/li>\n<li><code>dotenv<\/code>: Charge les variables d&rsquo;environnement \u00e0 partir du fichier <strong>.env<\/strong>.<\/li>\n<li><code>ejs<\/code>: Cr\u00e9e des mod\u00e8les JavaScript.<\/li>\n<li><code>mailgun.js<\/code>: Envoie des e-mails \u00e0 l&rsquo;aide de Mailgun.<\/li>\n<li><code>nodemon<\/code>: Red\u00e9marre automatiquement le serveur lorsque des changements de fichiers sont d\u00e9tect\u00e9s.<\/li>\n<\/ul>\n<h3>Mise en \u0153uvre des fonctions de l&rsquo;application<\/h3>\n<p>Le mod\u00e8le de d\u00e9marrage contient le code pour le rendu des mod\u00e8les JavaScript int\u00e9gr\u00e9s (EJS) dans le dossier <strong>views<\/strong>. De cette fa\u00e7on, vous pouvez vous concentrer sur la logique du serveur, qui r\u00e9cup\u00e8re les donn\u00e9es n\u00e9cessaires \u00e0 partir des API de WooCommerce et les transmet aux mod\u00e8les EJS pour les afficher sur l&rsquo;interface utilisateur (UI).<\/p>\n<p>Pour mettre en \u0153uvre les fonctionnalit\u00e9s de l&rsquo;application, suivez les \u00e9tapes suivantes :<\/p>\n<ol start=\"1\">\n<li>Cr\u00e9ez un fichier nomm\u00e9 <strong>server.js <\/strong>dans le dossier racine du projet. Ce fichier sert de point d&rsquo;entr\u00e9e dans le serveur Express.<\/li>\n<li>Collez le code suivant dans le fichier <strong>server.js<\/strong> :<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">const express = require('express')\nconst WooCommerceRestApi = require(\"@woocommerce\/woocommerce-rest-api\").default;\nrequire('dotenv').config();\n\nconst app = express()\nconst port = 3000\n\nconst WooCommerce = new WooCommerceRestApi({\n url: process.env.WOOCOMMERCE_STORE_URL,\n consumerKey: process.env.WOOCOMMERCE_CONSUMER_KEY,\n consumerSecret: process.env.WOOCOMMERCE_SECRET_KEY,\n version: \"wc\/v3\"\n});\n\napp.set('view engine', 'ejs')\n\n\/\/ endpoint to check if the application is up and running\napp.get('\/', (req, res) =&gt; {\n   res.send('The application is up and running!')\n})\n\n\/\/ retrieve all products in the store\napp.get('\/products', (req, res) =&gt; {\n   WooCommerce.get(\"products\")\n       .then((response) =&gt; {\n           res.render('pages\/inventory', {\n               products: response.data,\n               currentPage: req.originalUrl\n           });\n       })\n       .catch((error) =&gt; {\n           console.log(error.response.data);\n       });\n})\n\napp.listen(port, () =&gt; {\n console.log(`App listening on port ${port}`)\n})<\/code><\/pre>\n<p>Le code ci-dessus utilise Express.js pour cr\u00e9er un serveur web. Vous commencez par importer les paquets n\u00e9cessaires, configurer le client WooCommerce pour interagir avec l&rsquo;<a href=\"https:\/\/woo.com\/document\/api-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">API REST de WooCommerce<\/a>, et configurer l&rsquo;application pour utiliser des mod\u00e8les EJS.<\/p>\n<p>Tout d&rsquo;abord, vous d\u00e9finissez un point de terminaison <code>\/<\/code> que vous pouvez utiliser pour v\u00e9rifier si l&rsquo;application est en cours d&rsquo;ex\u00e9cution. Ensuite, vous d\u00e9finissez une route <code>\/products<\/code> qui r\u00e9cup\u00e8re tous les produits de la boutique WooCommerce. En cas de succ\u00e8s, cette route rend le mod\u00e8le <code>inventory<\/code> avec les donn\u00e9es r\u00e9cup\u00e9r\u00e9es.<\/p>\n<p>Notez que le code transmet \u00e9galement le <code>currentPage<\/code> au mod\u00e8le pour toutes les routes, ce qui permet d&rsquo;identifier les pages actives sur le tableau de bord.<\/p>\n<ol start=\"3\">\n<li>Ex\u00e9cutez la commande <code>npm run dev<\/code> et ouvrez <code>http:\/\/localhost:3000\/products<\/code> dans votre navigateur pour voir les r\u00e9sultats :<\/li>\n<\/ol>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-store-inventory.png\" alt=\"Page d'inventaire de la boutique avec les d\u00e9tails de l'article.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Page d&rsquo;inventaire de la boutique avec les d\u00e9tails de l&rsquo;article.<\/figcaption><\/figure>\n<p>La page Inventaire de la boutique affiche tous les produits disponibles dans la boutique ainsi que leurs d\u00e9tails. Ces informations vous permettent de suivre les produits disponibles et de g\u00e9rer les stocks en cons\u00e9quence.<\/p>\n<ol start=\"4\">\n<li>Pour g\u00e9rer les rapports sur les ventes, ajoutez la route suivante au fichier <strong>server.js<\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">\/\/ retrieve monthly sales report\napp.get('\/sales', (req, res) =&gt; {\n   WooCommerce.get(\"reports\/sales\", {\n       \t\tperiod: \"month\"\n   })\n       .then((response) =&gt; {\n           res.render('pages\/sales', {\n               sales: response.data,\n               currentPage: req.originalUrl\n           })\n       })\n       .catch((error) =&gt; {\n         console.log(error.response.data);\n       });\n})<\/code><\/pre>\n<p>Ce code d\u00e9finit un point de terminaison <code>\/sales<\/code> qui r\u00e9cup\u00e8re le rapport de vente mensuel \u00e0 partir de l&rsquo;API de rapport de vente de WooCommerce. L&rsquo;appel \u00e0 l&rsquo;API inclut le param\u00e8tre <code>period<\/code> avec la valeur <code>month<\/code>, qui sp\u00e9cifie le rapport de ventes du mois en cours. Une fois la requ\u00eate r\u00e9ussie, le code rend le mod\u00e8le EJS des ventes avec les donn\u00e9es r\u00e9cup\u00e9r\u00e9es.<\/p>\n<ol start=\"5\">\n<li>Rendez-vous \u00e0 l&rsquo;adresse <code>http:\/\/localhost:3000\/sales<\/code> dans votre navigateur pour afficher les r\u00e9sultats :<\/li>\n<\/ol>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-monthly-sales-report.png\" alt=\"Rapport mensuel des ventes.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Rapport mensuel des ventes.<\/figcaption><\/figure>\n<p>Cette page affiche un rapport complet sur les ventes totales, vous aidant \u00e0 analyser les tendances mensuelles du chiffre d&rsquo;affaires de votre entreprise.<\/p>\n<h3>Mettre en \u0153uvre la gestion des commandes<\/h3>\n<ol start=\"1\">\n<li>Ajoutez la route suivante au fichier <strong>server.js.<\/strong><\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">\/\/ retrieve all orders\napp.get('\/orders', (req, res) =&gt; {\n   WooCommerce.get(\"orders\")\n       .then((response) =&gt; {\n           res.render('pages\/orders', {\n               orders: response.data,\n               currentPage: req.originalUrl\n           })\n       })\n       .catch((error) =&gt; {\n           console.log(error.response.data);\n       });\n})<\/code><\/pre>\n<p>Ce code r\u00e9cup\u00e8re toutes les commandes de la boutique WooCommerce et rend le mod\u00e8le Orders avec les donn\u00e9es r\u00e9cup\u00e9r\u00e9es.<\/p>\n<ol start=\"2\">\n<li>Naviguez vers <code>http:\/\/localhost:3000\/orders<\/code> dans votre navigateur pour voir les r\u00e9sultats. Cette page affiche des informations sur la gestion des commandes :<\/li>\n<\/ol>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-orders.png\" alt=\"Page des commandes affichant les d\u00e9tails de la transaction.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Page des commandes affichant les d\u00e9tails de la transaction.<\/figcaption><\/figure>\n<h3>Personnalisation des alertes pour un rapport complet sur les transactions<\/h3>\n<p>Pour mettre en \u0153uvre la fonctionnalit\u00e9 permettant de vous envoyer une alerte personnalis\u00e9e par courrier \u00e9lectronique lorsqu&rsquo;un client passe une commande sur votre site, proc\u00e9dez comme suit :<\/p>\n<ol start=\"1\">\n<li>Ouvrez une fen\u00eatre de terminal et ex\u00e9cutez <code>ngrok http 3000<\/code> pour tunneliser la connexion de votre serveur web. Cette commande g\u00e9n\u00e8re un lien HTTPS que WooCommerce peut utiliser pour envoyer des donn\u00e9es webhook. Copiez le lien de redirection g\u00e9n\u00e9r\u00e9.<\/li>\n<li>Ajoutez la route suivante au fichier <strong>server.js <\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">app.post('\/woocommerce-webhook\/new-order', (req, res) =&gt; {\n   const data = req.body; \/\/ Received data from the WooCommerce webhook\n   console.log('New order:', data);\n\n   if(data?.id){\n       mg.messages.create(process.env.MAILGUN_SANDBOX_DOMAIN, {\n           from: `WooCommerce Store &lt;${process.env.MAILGUN_SENDER_EMAIL}&gt; `,\n           to: [process.env.MAILGUN_SENDER_EMAIL],\n           subject: \"New Order Created\",\n           html: newOrderEmail(data.order_key, `${data.billing.first_name} ${data.billing.last_name}`, data.billing.email, data.total, data.status, data.payment_method_title, data.line_items)\n       })\n       .then(msg =&gt; console.log(msg)) \/\/ logs response data\n       .catch(err =&gt; console.log(err)); \/\/ logs any error\n   }\n\n   res.status(200).send('Webhook received successfully'); \/\/ Send a response to WooCommerce\n});<\/code><\/pre>\n<p>Ce code d\u00e9finit une route qui g\u00e8re les donn\u00e9es entrantes d&rsquo;un webhook WooCommerce d\u00e9clench\u00e9 lorsqu&rsquo;un client cr\u00e9e une nouvelle commande. Si les donn\u00e9es re\u00e7ues contiennent une propri\u00e9t\u00e9 <code>id<\/code> (indiquant une commande valide), elle utilise l&rsquo;API Mailgun pour envoyer une notification par e-mail \u00e0 l&rsquo;adresse e-mail sp\u00e9cifi\u00e9e.<\/p>\n<p>L&rsquo;e-mail contient divers d\u00e9tails relatifs \u00e0 la commande, tels que le nom du client, son adresse e-mail, le montant total, l&rsquo;\u00e9tat, le moyen de paiement et la liste des articles achet\u00e9s.<\/p>\n<p>Le code compose l&rsquo;e-mail \u00e0 l&rsquo;aide de la fonction <code>newOrderEMail()<\/code> d\u00e9finie dans le fichier <strong>utils\/new-order-email.js<\/strong>, qui renvoie un mod\u00e8le d&rsquo;e-mail personnalis\u00e9. Apr\u00e8s avoir trait\u00e9 les donn\u00e9es et envoy\u00e9 l&rsquo;e-mail, le serveur r\u00e9pond par un code d&rsquo;\u00e9tat 200, indiquant la bonne r\u00e9ception du webhook et un message correspondant (\u00ab\u00a0Webhook received successfully\u00a0\u00bb).<\/p>\n<ol start=\"3\">\n<li>Ajoutez l&rsquo;instruction suivante pour importer la fonction <code>newOrderEmail()<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">const { newOrderEmail } = require('.\/utils\/new-order-email');<\/code><\/pre>\n<ol start=\"4\">\n<li>Ex\u00e9cutez la commande <code>npm run start<\/code> pour d\u00e9marrer le serveur.<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>Sur votre tableau de bord d&rsquo;administration WordPress, s\u00e9lectionnez <strong>WooCommerce<\/strong> &gt; <strong>R\u00e9glages<\/strong> &gt; <strong>Avanc\u00e9s<\/strong> &gt; <strong>Webhooks<\/strong>.<\/li>\n<\/ol>\n<figure style=\"width: 1200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-webhooks.png.png\" alt=\"Advanced tab showing the Webhooks section. It has an Add webhook button, an Actions list with an Apply button, and a table with Name, Status, Topic, and Delivery URL columns. \" width=\"1200\" height=\"668\"><figcaption class=\"wp-caption-text\">La page avanc\u00e9e montre la section Webhooks.<\/figcaption><\/figure>\n<ol start=\"6\">\n<li>Cliquez sur <strong>Ajouter un webhook<\/strong> et fournissez les informations suivantes dans le formulaire de <strong>donn\u00e9es du webhook <\/strong>:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Nom <\/strong>: Alerte de nouvelle commande<\/li>\n<li><strong>\u00c9tat <\/strong>: Actif<\/li>\n<li><strong>Sujet <\/strong>: Commande cr\u00e9\u00e9e<\/li>\n<li><strong>URL de livraison <\/strong>: Collez l&rsquo;URL de transfert ngrok que vous avez copi\u00e9 \u00e0 l&rsquo;\u00e9tape 1. Veillez \u00e0 ajouter <code>\/woocommerce-webhook\/new-order<\/code> \u00e0 l&rsquo;URL. Il s&rsquo;agit du point de terminaison nouvellement d\u00e9fini pour la r\u00e9ception de la charge utile du webhook.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Secret <\/strong>: Laissez ce champ vide. Par d\u00e9faut, il s&rsquo;agit du secret du consommateur de l&rsquo;utilisateur actuel de l&rsquo;API. Le secret g\u00e9n\u00e8re un hachage du webhook livr\u00e9 dans les en-t\u00eates de la demande. Le destinataire peut utiliser ce secret pour v\u00e9rifier l&rsquo;authenticit\u00e9 des donn\u00e9es entrantes. Si la signature correspond \u00e0 la valeur attendue, elle confirme que les donn\u00e9es ont \u00e9t\u00e9 envoy\u00e9es par WooCommerce, fournissant confiance et s\u00e9curit\u00e9.<\/li>\n<li><strong>Version de l&rsquo;API <\/strong>: WP REST API Integration v3.<\/li>\n<\/ul>\n<figure style=\"width: 1198px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-webhook-form.png\" alt=\"Page avanc\u00e9e montrant le formulaire de donn\u00e9es Webhook.\" width=\"1198\" height=\"667\"><figcaption class=\"wp-caption-text\">Page avanc\u00e9e montrant le formulaire de donn\u00e9es Webhook.<\/figcaption><\/figure>\n<ol start=\"7\">\n<li>Cliquez sur <strong>Enregistrer le webhook<\/strong>.<\/li>\n<\/ol>\n<ol start=\"8\">\n<li>Visitez votre boutique et passez une commande. Vous devriez recevoir un e-mail comme celui ci-dessous :<\/li>\n<\/ol>\n<figure style=\"width: 1170px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-new-order-email.png\" alt=\"Alerte e-mail pour une nouvelle commande et des informations sur l'inventaire.\" width=\"1170\" height=\"655\"><figcaption class=\"wp-caption-text\">Alerte e-mail pour une nouvelle commande et des informations sur l&rsquo;inventaire.<\/figcaption><\/figure>\n<h3>D\u00e9ployez tout sur Kinsta<\/h3>\n<p>Avec Kinsta, vous pouvez d\u00e9ployer non seulement votre site WordPress + WooCommence avec l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress infog\u00e9r\u00e9<\/a> mais aussi votre nouvelle application de reporting avec l&rsquo;<a href=\"https:\/\/sevalla.com\/application-hosting\/\">h\u00e9bergement d&rsquo;application<\/a>.<\/p>\n<p>Nos services d&rsquo;h\u00e9bergement premium offrent des fonctionnalit\u00e9s essentielles, telles que :<\/p>\n<ul>\n<li><strong>Haute performance et vitesse incroyable <\/strong>: Kinsta h\u00e9berge vos sites et applications sur le Premium Tier Network de Google Cloud Platform avec les machines C2 les plus rapides et les plus robustes, et en edge-cached via le CDN de Cloudflare avec 300 PoP.<\/li>\n<li><strong>D\u00e9ploiement rapide et simple <\/strong>: pour une exp\u00e9rience d&rsquo;h\u00e9bergement simple, Kinsta construit des applications automatiquement et d\u00e9ploie des sites WordPress sans besoin de configuration manuelle. Vous pouvez facilement installer et d\u00e9velopper vos sites avec <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">DevKinsta<\/a>, et les publier en appuyant sur un bouton, laissant les r\u00e9glages c\u00f4t\u00e9 serveur \u00e0 notre \u00e9quipe d&rsquo;ing\u00e9nieurs sp\u00e9cialis\u00e9s.<\/li>\n<li><strong>S\u00e9curit\u00e9 <\/strong>: Vos applications et sites web se trouvent derri\u00e8re deux pare-feux, avec protection et att\u00e9nuation DDoS, HTTP\/3 et TLS 1.3. Ils sont d\u00e9ploy\u00e9s dans un conteneur isol\u00e9, \u00e9vitant ainsi les pics de trafic provenant d&rsquo;autres applications qui interf\u00e8rent avec votre environnement de production, ainsi que la contamination par des attaques malveillantes provenant d&rsquo;autres sites.<\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Gr\u00e2ce \u00e0 la flexibilit\u00e9 de l&rsquo;h\u00e9bergement externe, vous avez cr\u00e9\u00e9 une application de reporting avanc\u00e9e qui met \u00e0 jour les niveaux de stock restants et fournit un rapport complet sur les ventes totales.<\/p>\n<p>Elle fournit \u00e9galement des alertes d\u00e9taill\u00e9es sur les transactions, offrant un aper\u00e7u en temps r\u00e9el des transactions sp\u00e9cifiques, y compris les d\u00e9tails des produits, les quantit\u00e9s et les informations sur les clients, afin que vous puissiez g\u00e9rer les stocks de mani\u00e8re proactive et comprendre les tendances des ventes et les mod\u00e8les de revenus.<\/p>\n<p>Pr\u00eat \u00e0 transformer votre exp\u00e9rience WooCommerce ? <a href=\"https:\/\/sevalla.com\/pricing\/\">Essayez Kinsta<\/a> pour mettre en \u0153uvre des rapports WooCommerce personnalis\u00e9s et avanc\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;extension WooCommerce pour WordPress vous permet de cr\u00e9er et de g\u00e9rer efficacement une plateforme de commerce \u00e9lectronique, en vous donnant acc\u00e8s \u00e0 des fonctions de notification &#8230;<\/p>\n","protected":false},"author":290,"featured_media":74308,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[953,1025],"class_list":["post-74307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","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>Construction d&#039;une application de rapports avanc\u00e9s pour WooCommerce - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.\" \/>\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\/application-rapport-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-23T11:33:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-24T12:46:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.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=\"Marcia Ramos\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce\",\"datePublished\":\"2023-11-23T11:33:30+00:00\",\"dateModified\":\"2023-11-24T12:46:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\"},\"wordCount\":2775,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\",\"name\":\"Construction d'une application de rapports avanc\u00e9s pour WooCommerce - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"datePublished\":\"2023-11-23T11:33:30+00:00\",\"dateModified\":\"2023-11-24T12:46:13+00:00\",\"description\":\"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce\"}]},{\"@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\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"caption\":\"Marcia Ramos\"},\"description\":\"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/marciadiasramos\/\"],\"honorificSuffix\":\"B.Sc.\",\"gender\":\"Female\",\"knowsLanguage\":[\"English\",\"Portuguese\"],\"jobTitle\":\"Editorial Team Lead\",\"worksFor\":\"Kinsta Inc.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Construction d'une application de rapports avanc\u00e9s pour WooCommerce - Kinsta\u00ae","description":"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.","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\/application-rapport-woocommerce\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce","og_description":"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.","og_url":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-11-23T11:33:30+00:00","article_modified_time":"2023-11-24T12:46:13+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Marcia Ramos","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce","datePublished":"2023-11-23T11:33:30+00:00","dateModified":"2023-11-24T12:46:13+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/"},"wordCount":2775,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/","url":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/","name":"Construction d'une application de rapports avanc\u00e9s pour WooCommerce - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","datePublished":"2023-11-23T11:33:30+00:00","dateModified":"2023-11-24T12:46:13+00:00","description":"Apprenez \u00e0 cr\u00e9er une application h\u00e9berg\u00e9e qui g\u00e9n\u00e8re des alertes par e-mail avec des donn\u00e9es de transaction compl\u00e8tes et personnalis\u00e9es.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/application-rapport-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/fr\/sujets\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Cr\u00e9ez une application de rapports avanc\u00e9e pour votre boutique WooCommerce"}]},{"@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\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","caption":"Marcia Ramos"},"description":"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.","sameAs":["https:\/\/www.linkedin.com\/in\/marciadiasramos\/"],"honorificSuffix":"B.Sc.","gender":"Female","knowsLanguage":["English","Portuguese"],"jobTitle":"Editorial Team Lead","worksFor":"Kinsta Inc.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/74307","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\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=74307"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/74307\/revisions"}],"predecessor-version":[{"id":74473,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/74307\/revisions\/74473"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/fr"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/translations\/nl"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/74307\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/74308"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=74307"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=74307"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=74307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}