Installer une bannière de cookies sur WordPress fait souvent peur. Pourtant, l'opération se résume à coller une ligne de code. Ce tutoriel la détaille, étape par étape, sans extension supplémentaire.
Comptez cinq minutes. Aucune compétence technique n'est requise. Vous n'avez pas besoin de toucher au code de votre thème.
Avant de commencer
Munissez-vous de deux éléments. D'abord, un accès administrateur à votre WordPress. Ensuite, un compte OKCookie, que vous pouvez créer gratuitement.
Notez aussi le nom de domaine exact de votre site. Il doit correspondre à celui que vous déclarerez. Sinon, la bannière ne s'affichera pas.
Étape 1 : déclarer votre site
Connectez-vous à votre espace OKCookie, puis ouvrez la rubrique « Mes sites ». Cliquez sur « Ajouter un site » et saisissez votre domaine.
Écrivez-le sans https:// ni www. Par exemple : mon-site.fr. Le système normalise automatiquement la saisie.
Choisissez ensuite le mode de fonctionnement. Le mode automatique convient à la grande majorité des sites. Il détecte les services courants sans configuration.
Étape 2 : récupérer votre code d'installation
Depuis la fiche de votre site, cliquez sur « Code d'installation ». Vous obtenez une ligne de ce type :
<script src="https://okcookie.fr/load.js?domain=mon-site.fr&uuid=votre-identifiant"></script>
Copiez-la intégralement. Elle contient deux informations : votre domaine et l'identifiant de votre compte.
Attention à un point important. Si vous gérez plusieurs sites, vérifiez que le domaine affiché est bien le bon. Le code diffère d'un site à l'autre.
Étape 3 : coller le code dans WordPress
Trois méthodes existent. Choisissez celle qui correspond à votre installation.
Méthode 1 : via les réglages de votre thème
De nombreux thèmes proposent un champ dédié aux scripts. Cherchez « Code d'en-tête », « Header scripts » ou « Custom code » dans les options du thème. Collez-y la ligne, puis enregistrez.
C'est la méthode la plus simple. Elle survit aux mises à jour du thème, à condition de ne pas changer de thème.
Méthode 2 : via une extension d'insertion de code
Des extensions comme WPCode permettent d'ajouter du code sans toucher aux fichiers. Créez un nouveau snippet, choisissez l'emplacement « En-tête du site », puis collez la ligne.
Cette méthode résiste aux changements de thème. Elle reste lisible pour la personne qui reprendra le site après vous.
Méthode 3 : dans le fichier header.php
Réservez cette méthode aux utilisateurs à l'aise avec le code. Ouvrez le fichier header.php de votre thème enfant, puis collez la ligne juste avant </head>.
Ne modifiez jamais directement un thème parent. La prochaine mise à jour effacerait votre travail sans prévenir.
Étape 4 : vérifier que tout fonctionne
Cette étape est la plus importante, et c'est celle que l'on saute le plus souvent.
Ouvrez votre site dans une fenêtre de navigation privée. La bannière doit apparaître immédiatement. Cliquez sur « Refuser », puis rechargez la page.
Ouvrez ensuite les outils de développement de votre navigateur, onglet « Application » ou « Stockage ». Vérifiez la liste des cookies déposés. Aucun cookie de mesure ne doit y figurer après un refus.
Si des cookies apparaissent malgré le refus, votre installation est incomplète. C'est le manquement le plus fréquent, et nous l'avons classé parmi les cinq erreurs qui exposent aux sanctions.
Étape 5 : adapter l'apparence
La bannière par défaut fonctionne, mais elle ne ressemble pas encore à votre site. Depuis votre espace, ajustez les couleurs, la position et les textes.
Ce réglage n'est pas cosmétique. Une bannière cohérente avec votre charte inspire davantage confiance. Nous détaillons ces arbitrages dans notre guide pour personnaliser votre bannière.
Cas particulier : WooCommerce
Une boutique dépose des cookies indispensables, notamment pour le panier. Ceux-là ne demandent aucun consentement.
En revanche, les outils de mesure et de remarketing restent soumis à autorisation. Si vous utilisez Google Ads, lisez aussi notre guide du Consent Mode v2.
Questions fréquentes
Faut-il installer une extension ?
Non. OKCookie fonctionne avec une simple ligne de script. Aucune extension n'est à installer, donc aucune mise à jour à surveiller.
La bannière ralentit-elle mon site ?
Le script se charge de façon asynchrone. Il n'attend pas l'affichage de la page. Son impact reste marginal, à condition de ne pas l'appeler deux fois.
Puis-je modifier les textes de la bannière ?
Oui, depuis la configuration de votre site. Les textes personnalisés s'appliquent immédiatement, sans retoucher le code installé.
Que se passe-t-il si je change de thème ?
Tout dépend de la méthode choisie. Avec la méthode 1, le code disparaît. Avec les méthodes 2 et 3, il reste en place.
Comment vérifier que la bannière est bien active ?
Consultez les statistiques de votre espace. Les affichages y remontent en quelques minutes. Si le compteur reste à zéro, le code n'est pas chargé.
Pour aller plus loin
Votre bannière est installée. Assurez-vous maintenant qu'elle respecte l'ensemble des règles en vigueur.
Notre article de référence détaille les obligations cookies applicables en 2026. Vous pouvez aussi ouvrir un compte sur l'offre gratuite, qui couvre un site sans limite de durée.
