# WooCommerce 4.0 : ce que le nouveau tableau de bord Analytics change pour un thème sur mesure

> WooCommerce 4.0 intègre officiellement le tableau de bord Analytics basé sur des composants React dans le cœur. Voici ce que cela change concrètement pour un thème d'administration sur mesure.

- Auteur : WordPress Développement
- Publié le : 2020-03-23
- Mis à jour le : 2020-03-23
- Catégorie : E-commerce
- URL : https://www.wpmoderne.fr/ecommerce/woocommerce-4-nouveau-tableau-bord-analytics-theme-sur-mesure/

## L’essentiel

- WooCommerce 4.0 intègre nativement le tableau de bord Analytics en React
- Les rapports historiques par shortcode restent disponibles en parallèle
- Personnaliser l'interface React demande des slots plutôt que des surcharges de gabarit

WooCommerce 4.0 vient de sortir, et son changement le plus visible pour l'administration ne touche pas le tunnel d'achat mais le tableau de bord : le module Analytics, jusque-là distribué en extension séparée, entre officiellement dans le cœur. Pour les agences qui personnalisent l'expérience d'administration d'une boutique, ce déplacement change la donne, puisque l'interface concernée n'est plus une page WordPress classique mais une application React montée dans une racine unique.

Voici ce que cela signifie concrètement à cette date pour qui développe des thèmes ou des extensions d'administration sur mesure autour d'une boutique WooCommerce.

## Ce que WooCommerce 4.0 apporte réellement

Le tableau de bord Analytics remplace, sans les supprimer, les anciens rapports de `WC_Admin_Report` accessibles depuis WooCommerce > Rapports. Les deux coexistent pour l'instant : les rapports historiques restent générés côté serveur et affichés via des gabarits PHP classiques, tandis que le nouveau tableau de bord charge une application unique enregistrée sur une page d'administration dédiée, avec ses propres routes internes gérées en JavaScript plutôt que par des rechargements de page WordPress successifs.

## Les limites d'extension à cette date

> L'essentiel à retenir : WooCommerce 4.0 intègre nativement le tableau de bord Analytics en React ; Les rapports historiques par shortcode restent disponibles en parallèle ; Personnaliser l'interface React demande des slots plutôt que des surcharges de gabarit

Personnaliser une page d'administration React n'a rien de commun avec la surcharge d'un gabarit PHP. À ce stade, WooCommerce expose des points d'extension appelés « slots » via le paquet `@woocommerce/experimental`, qui permettent d'insérer un composant à un emplacement précis du tableau de bord, mais leur nombre reste limité et leur API est explicitement documentée comme instable : elle est susceptible de changer sans cycle de dépréciation classique tant que le paquet garde son statut expérimental.

```
import { registerPlugin } from '@wordpress/plugins';
import { WooCommerceAnalyticsAdvancedFilters } from '@woocommerce/admin';

registerPlugin( 'mon-slot-personnalise', {
    render: () => null,
} );
```

### Ce qui n'est pas encore possible

- Ajouter une colonne personnalisée directement dans un rapport React existant sans reconstruire le composant
- Surcharger un gabarit de thème classique pour modifier l'apparence de cette page, car elle ne repose pas sur le système de gabarits WooCommerce habituel
- Garantir la stabilité d'un slot d'une version mineure à l'autre tant que le paquet reste marqué expérimental

## Une architecture qui préfigure la suite

Ce choix technique s'inscrit dans une tendance plus large amorcée par l'éditeur de blocs de WordPress : remplacer des interfaces d'administration en PHP rendu côté serveur par des applications React montées côté client, consommant l'API REST de WordPress pour leurs données. L'éditeur de site complet basé sur des blocs n'existe pas encore à cette date, mais le tableau de bord Analytics de WooCommerce 4.0 en est, à sa manière, un avant-goût côté administration e-commerce.

## Ce qu'il faut recommander à un client aujourd'hui

Pour une agence qui construit un thème d'administration sur mesure, la position la plus raisonnable consiste à ne pas investir massivement dans la personnalisation fine du nouveau tableau de bord React tant que son API de slots reste expérimentale. Les rapports historiques, eux, restent surchargeables par les moyens classiques et continuent d'être une base fiable pour des besoins de reporting spécifiques à un client.

> Sur les projets où le client a une exigence de reporting très spécifique, nous continuons pour l'instant de nous appuyer sur les rapports historiques par shortcode plutôt que d'investir dans une surcharge du tableau de bord React encore instable.

## Ce que cela signifie pour la charge serveur

Un effet secondaire moins discuté de cette bascule vers React concerne la charge côté client plutôt que côté serveur : le tableau de bord Analytics charge un ensemble de scripts et de feuilles de style plus conséquent que l'ancienne page de rapports générée en PHP. Sur un hébergement mutualisé modeste, cela peut ralentir sensiblement le chargement de cette page d'administration précise, sans affecter en rien la vitesse du site public consulté par les clients.

## En résumé

WooCommerce 4.0 marque une étape importante dans l'intégration native de l'analytique au cœur du produit, mais la maturité de son API d'extension n'a pas encore rattrapé son ambition. Suivre l'évolution du paquet `@woocommerce/experimental` dans les prochaines versions mineures reste le meilleur indicateur du moment où une personnalisation plus poussée deviendra raisonnable à proposer en production.