Full-stackActif2026

Navi — Hub d'engagement WordPress & PrestaShop

Développeur Plugin

Un seul bouton flottant qui regroupe plusieurs modules d'engagement client : consentement cookies (Google Consent Mode V2), accessibilité numérique, panier sticky et bulles vidéo type Stories Instagram sur les fiches produit. Deux implémentations, WordPress/WooCommerce et PrestaShop, même architecture et même logique de hub.

Le défi

Régler à la fois des problèmes de conformité RGPD sur les cookies, d'accessibilité numérique et d'expérience produit sur les boutiques WooCommerce et PrestaShop du Groupe NOVI, sans multiplier les plugins tiers ni dégrader les Core Web Vitals.

Déroulé du projet

  1. Déploiements site-spécifiques

    Développement initial de 3 hubs indépendants (hub-lsg, hub-pe, hub-jozz) pour répondre aux besoins cookies, accessibilité et panier de chaque boutique WooCommerce.

  2. Fusion & généralisation (WordPress)

    Fusion des 3 déploiements en un plugin unique, architecture à registre de modules découplés du noyau, module Stories ajouté.

  3. Portage PrestaShop

    Reprise de l'architecture du bouton flottant à 3 états pour PrestaShop : panier sticky calé sur le bouton natif du thème, stories natives par produit.

  4. Déploiements en production

    WordPress sur Les Senteurs Gourmandes, Jozz Beauty et Pure Eden ; PrestaShop sur Physiomins.

Points clés

  • Bouton flottant unique à 3 états, architecture à registre de modules découplés du noyau
  • Bannière RGPD + Google Consent Mode V2, logo auto-détecté depuis l'identité du site
  • Bulles vidéo type Stories Instagram sur les fiches produit (jusqu'à 4 par produit, YouTube ou MP4)
  • Panier automatique / sticky calé sur le vrai bouton du thème, produits simples et à variations
  • Même logique de hub reprise sur deux écosystèmes différents, sans dépendance à un module tiers

Stack technique

PHPJavaScriptWordPressWooCommercePrestaShopGoogle Consent Mode V2
Menu du bouton flottant Navi ouvert, avec les icônes Haut, Cookies, Accessibility et Panier
Un seul bouton flottant pour accéder à tous les modules
Modale de préférences cookies avec cases Strictly Necessary, Statistics et Marketing
Préférences cookies détaillées (Google Consent Mode V2)
Panneau d'accessibilité avec réglage de la taille du texte, contraste élevé, curseur agrandi et soulignage des liens
Panneau d'accessibilité numérique
Panneau panier sticky sur une fiche produit, avec sélecteur de couleur et bouton d'ajout au panier
Panier automatique ancré sur la fiche produit
Lecteur de story vidéo plein écran façon Instagram, dans un mockup de téléphone
Bulle Stories et lecteur vidéo plein écran
Onglet Général du back-office Navi : position du bouton flottant, langue et apparence
Back-office : réglages généraux (position, langue, apparence)
Onglet Stories du back-office Navi, sous-onglet Bulles, avec aperçu en direct de la bulle vidéo
Back-office : personnalisation des bulles Stories
Onglet Stories dans la fiche produit WooCommerce, avec import de vidéos YouTube ou MP4
Back-office : configuration des Stories par produit

Résultat

Plugin déployé sur Les Senteurs Gourmandes, Jozz Beauty et Pure Eden (WordPress), et module en production sur Physiomins (PrestaShop) — même architecture à modules, fusionnant 3 déploiements site-spécifiques initiaux côté WordPress et adaptée à l'écosystème PrestaShop.

Autres projets