L'objet de cet article est de détailler l'installation du plugin Axeptio sur votre site web.
Afin de couvrir un maximum de cas de figure que vous pouvez rencontrer, nous allons aborder ici les points suivants :
- Installation basique
- Installation sous WordPress
- Installation sous PrestaShop
- Les principaux CMS du marché
1. Installation basique
Pour installer le widget Axeptio sur votre site, c'est simple, basique. Il suffit de charger notre petit script. Il est inoffensif et ne collecte pas de données personnelles.
Parce que chez Axeptio on aime la diversité, on a imaginé plusieurs façons d'installer ce fameux petit bout de code :
Directement dans le code de votre site
Pour intégrer Axeptio sur votre site web, il vous faut intégrer notre script dans le code de votre site :
- Soit dans la balise <head>
- Soit avant la fermeture de la balise </body>
✅ Pour de meilleures performances, nous vous conseillons la deuxième méthode
⚠️ Alerte cookie : je ne sais pas où trouver le script Axeptio ⚠️
- Allez sur la page de votre projet dans votre backoffice Axeptio
- Cliquez sur l'icône roue crantée ⚙️ en haut à droite puis sur Installation
- Copiez le script
<script>
window.axeptioSettings = {
clientId: "xxxxxxxxxxxxxxxxxxxx",
cookiesVersion: "xxxxx"
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
Via une interface de Tag Manager
Pour cela rendez vous dans cet article : Interfaces GTM et Tag Manager
✅ N'oubliez pas de synchroniser les évènements utilisateurs afin que notre solution prenne le contrôle sur vos cookies : Intégration / Synchronisation
2. Installation sous WordPress
L'installation d'Axeptio sous WordPress se fait grâce à notre plugin maison.
Nous allons détailler les deux étapes suivantes :
Installation du Plugin
✅ Tout d'abord, il convient de télécharger notre plugin : je télécharge le plugin WordPress ici !
✅ Version de WordPress testée : V5.5.6
Une fois ceci fait, rendez-vous sur votre page d’administration WordPress.
- Dans l’onglet Extensions du menu, sélectionnez Ajouter :
 |
- Cliquez ensuite sur le bouton Téléverser une extension, situé en haut de la page :
 |
- Cliquez sur le bouton Choisir un fichier qui vient d’apparaitre. Cela ouvrira votre explorateur de fichiers où vous pourrez sélectionner le fichier .zip du plugin Axeptio que vous venez de télécharger :
 |
- Il ne vous restera plus qu’à cliquer sur le bouton Installer maintenant :
 |
- Enfin, dans la nouvelle page confirmant la bonne installation du plugin, il ne reste plus qu’à activer celui-ci en cliquant sur le bouton Activer l'extension :
 |
Configuation du Plugin
Le plugin Axeptio est maintenant presque prêt, il ne reste plus qu’à le configurer.
- Depuis l’onglet Réglages du menu de votre interface d'administration WordPress, sélectionnez axeptio-cookies :
 |
- Vous arrivez sur l’écran de configuration du plugin Axeptio, qui comprend deux champs (ID Key et Version) :
 |
- ID Key : c’est votre identifiant de projet.
Pour le récupérer, rendez-vous dans votre backoffice Axeptio, puis allez sur projet désiré.
Cliquez sur la roue crantée ⚙️ en haut à droite.
Copiez votre identifiant projet puis collez le dans le champ ID Key de l'interface WordPress.
- Version : c’est l’identifiant de la version de votre Widget que vous souhaitez utiliser.
Dans votre projet Axeptio depuis le backoffice, rendez-vous dans la partie Gestion des cookies.
Copiez l’identifiant de la version désirée (souligné en rouge ci-dessous) puis collez-le dans le champ Version de l'interface WordPress :
- Il ne vous reste plus qu’à cliquer sur le bouton Save de votre interface WordPress.
Votre plugin est maintenant parfaitement opérationnel !
✅ N'oubliez pas de synchroniser les évènements utilisateurs afin que notre solution prenne le contrôle sur vos cookies : Intégration / Synchronisation
3. Installation sous PrestaShop
Vous souhaitez afficher notre widget sur votre boutique Prestashop ? Rien de plus simple ! Techniquement, il est nécessaire que notre petit bout de code soit collé dans le footer de l'ensemble des pages. Mais chez Axeptio, on a décidé de laisser votre développeur tranquille (parce que quand il est content, il commit...), et pour cela nous avons développé un module qui va venir automatiquement publier le code sur votre site.
D'ailleurs, devinez qui PrestaShop a choisi pour s'occuper de ses délicieux cookies ? C'est nous ! Et on est super fiers 😍
Nous allons maintenant détailler les deux étapes suivantes :
Installation du module
✅ Tout d'abord, il convient de télécharger notre plugin : je télécharge le plugin PrestaShop ici !
✅ Compatibilité du plugin avec PrestaShop : V1.4.0.1 à V1.7.7.8
- Depuis votre interface d'administration de PrestaShop, allez dans le menu Personnaliser puis Modules et cliquez sur le bouton Télécharger un module :
 |
- Sélectionnez le plugin Axeptio pour Prestashop que vous avez téléchargé en suivant le lien plus haut
Paramétrage et publication
Encore un petit effort, le widget d'Axeptio va bientôt apparaitre sur votre site. Pour cela, voici la marche à suivre :
- Depuis votre interface PrestaShop d'administration des modules (Personnaliser > Modules) cliquez sur le module Axeptio que vous avez uploadé :
 |
- Paramètre Live mode : activez le en le passant à Oui
- Paramètre ID : il s'agit de l'identifiant du projet pour lequel vous souhaitez activer Axeptio
Pour le récupérer, rendez-vous dans votre backoffice Axeptio, puis dans le projet désiré.
Cliquez sur la roue crantée ⚙️ en haut à droite.
Copiez votre identifiant projet puis collez le dans le champ ID de l'interface PrestaShop.
- Paramètre Version ID Name : c’est l’identifiant de la version de votre Widget que vous souhaitez utiliser.
Dans votre projet Axeptio depuis le backoffice, rendez-vous dans la partie Gestion des cookies.
Copiez l’identifiant de la version désirée (souligné en rouge ci-dessous) puis collez-le dans le champ Version ID Name de l'interface PrestaShop :
✅ Allo cookston ? Nous avons un problème : le widget ne s'affiche pas !
Vérifiez que vous avez bien :
- Publié le projet via le backoffice d'Axeptio
- Renseigné vos coordonnées de facturation si vous utilisez des fonctionnalités premium
✅ Parfois le thème ou le template utilisé ne contient pas le hook appliqué par notre module.
La conséquence ?
Le widget Axeptio ne s'affiche pas sur votre boutique, et chez Axeptio on préfère quand tout roule comme sur des cookies ! Alors pour faire face à cela, nous avons trouvé une solution, toute aussi simple et toute aussi basique :
- Dans votre panneau PrestaShop, sélectionnez Ajouter un nouveau module"
- Téléchargez le module HTMLbox gratuit et ajoutez-le à votre boutique en sélectionnant Choisir le fichier puis cliquez sur Télécharger ce module
- Allez dans Modules > Modules, puis recherchez le module HTMLbox et cliquez sur Installer
- Après l'installation du module, allez dans Configurer
- Collez le code Axeptio
✅ N'oubliez pas de synchroniser les évènements utilisateurs afin que notre solution prenne le contrôle sur vos cookies : Intégration / Synchronisation
4. Les principaux CMS du marché
Nous vous proposons ci-dessous les procédures pour intégrer Axeptio pour les CMS suivants :
Pour chacun de ces CMS, il vous faudra au préalable récupérer notre script à intégrer.
⚠️ Alerte cookie : je ne sais pas où trouver le script Axeptio ⚠️
- Allez sur la page de votre projet dans votre backoffice Axeptio
- Cliquez sur l'icône roue crantée ⚙️ en haut à droite puis sur Installation
- Copiez le script
<script>
window.axeptioSettings = {
clientId: "xxxxxxxxxxxxxxxxxxxx",
cookiesVersion: "xxxxx"
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
Shopify
✅ Testé en août 2021
- Connectez vous à votre admin Shopify
- Dans le menu de gauche, rendez-vous dans Boutique en ligne > Themes
- Cliquez sur le menu d'action et sélectionnez Editer le code
- Sélectionner le fichier theme.liquid de votre thème
- Collez le bout de code Axeptio juste avant la balise fermante </body> de ce fichier
- Sauvez en haut à droite et c'est bon !
Drupal
✅ Testé en août 2021 // Version 9
- Loggez vous sur l'admin de votre Drupal
- Allez dans Structure > Mise en page des blocs > Bibliothèque de blocs personnalisés et cliquez sur Ajouter un bloc personnalisé
- Sélectionnez Basic block
- Renseignez la description du bloc ("Axeptio") et pour Format de texte, choisissez HTML complet
- Dans le body, cliquez sur Source, collez le bout de code d'Axeptio dans le champ et cliquez sur Enregistrer en bas de page
- Retournez dans Mise en page des blocks et cliquez sur le bouton Placer le bloc à côté de Pied de page. Cherchez le bloc que vous venez de créer et cliquer sur le bouton Positionner un bloc à côté
- Décochez Affichez le titre et cliquez sur Enregistrer le bloc
- Cliquez sur Enregistrez les blocs et c'est tout !
Squarespace
✅ Testé en août 2021 // Documentation officielle
- Identifiez-vous sur votre compte Squarespace
- Dans le menu gauche, allez sur Parametres > Avancé puis Injection de code
- Coller le bout de code Axeptio dans la partie Pied de page
- Tout en haut a gauche, cliquez sur Enregistrer et c'est tout !
Wix
✅ Testé en août 2021 // Documentation officielle
- Accédez aux Paramètres dans le tableau de bord de votre site.
- Cliquez sur l'onglet Code personnalisé dans la section Avancés
- Cliquez sur + Ajouter un code personnalisé en haut à droite.
- Collez le bout de code Axeptio dans la zone de texte et donnez-lui un nom ("Axeptio")
- Sélectionnez l'option Toutes les pages sous Ajouter un code aux pages
- Choisissez Corps - fin sous Code d'espace.
- Cliquez sur Appliquer et c'est tout !
Webflow
✅ Testé en août 2021 // Documentation officielle
- Connectez-vous sur votre compte Webflow puis sélectionnez votre projet.
- Cliquez sur le menu hamburger ☰ en haut à gauche puis cliquez sur Project Settings.
- Cliquez sur l'onglet Custom Code
- Collez le bout de code Axeptio dans la section Footer Code puis cliquez sur Save Changes
- Publiez votre site pour que les changements soient pris en compte, et c'est tout !
Joomla
✅ Testé en août 2021 // Version 3
- Loggez vous dans l'interface d'administration Joomla
- Dans la barre de menu du haut, cliquez sur Extensions > Templates > Templates
- Cliquez sur le nom de votre template, puis sur index.php dans l'arborescence sur la gauche
- Descendez tout en bas du bloc d'édition et collez le bout de code Axeptio juste avant la balise fermante </body>
- Cliquez sur le bouton Enregistrer en haut à gauche, et c'est tout !
BigCommerce
✅ Testé en août 2021 // Documentation officielle
- Dans votre compte d'administrateur BigCommerce, cliquez sur Vitrine, puis sur Gestionnaire de script.
- Cliquez sur Créer un script.
- Remplissez le formulaire avec les informations suivantes :
- Saisissez Axeptio comme nom
- Sélectionnez Pied de page comme Emplacement sur la page.
- Sélectionnez Toutes les pages pour l'option Sélectionner les pages sur lesquelles ajouter le script.
- Sélectionnez Fonctionnel pour l'option Catégorie de script.
- Sélectionnez Script pour l'option Type de script.
- Collez le bout de code Axeptio dans la zone Contenu du script.
- Cliquez sur Enregistrer en bas à droite
HubSpot
✅ Testé en août 2021 // Documentation officielle
- Dans votre compte HubSpot, accédez à votre blog, à vos pages de destination ou à des pages de votre site web via Marketing du menu haut.
- Passez le curseur de votre souris sur votre contenu et cliquez sur Modifier.
- Dans l'éditeur de contenu, cliquez sur l'onglet Paramètres, puis sur Options avancées.
- Dans la section Blocs de texte de code supplémentaires, collez le bout de code Axeptio dans le champ HTML du pied de page (note : ce champ n'est pas disponible dans l'éditeur d'articles de blog, collez le dans l'en-tête si c'est le cas)
- Cliquez sur Mettre à jour en haut à droite pour appliquer vos modifications.
Magento
✅ Testé en août 2021 // Documentation officielle
- Allez dans votre panneau d'administration Magento
- Dans le menu de gauche, allez dans Contenu > Design > Configuration. Vous pourrez voir ici le thème activé sur votre site. Sur la ligne de votre site, cliquez sur Editer dans la colonne Action.
- Cliquez sur la section Footer.
- Collez le bout de code Axeptio dans le champ Miscellaneous HTML.
- Cliquez sur le bouton Save configuration en haut a droite
- Dans le menu de gauche, allez dans Système > Outils > Gestion du Cache et cliquez sur le bouton Vider le cache Magento en haut à droite.
- C'est tout !
Bitrix
✅ Testé en août 2021 (interface)
- Dans votre compte Bitrix, allez sur la liste de vos sites et cliquez sur le menu Actions en haut a droite du bloc de votre site, puis cliquez sur Configurer le site.
- Cliquez sur Plus pour dérouler plus d'options, et cochez HTML personnalisé.
- Collez le bout de code Axeptio dans le bloc HEAD
- Cliquez sur le bouton Enregistrer en bas de page.
- C'est tout !
TYPO3
✅ Testé en août 2021 // Version 10
- Dans l'admin de TYPO3, cliquez sur Theme Options dans le menu gauche.
- Cliquez sur Integration
- Cliquez sur Enable Body Code et collez le bout de code Axeptio dans le champ Code before body.
- Cliquez sur le bouton Save changes en haut à droite, et c'est tout !
OpenCart
✅ Testé en août 2021 // Version 3
- Dans l'admin d'OpenCart, cliquez sur Graphisme > Editeur de thème dans le menu de gauche
- Sous Choisir un thème, cliquez sur common puis footer.twig
- Dans le bloc d'édition, descendez jusqu'à la balise fermante </body> et collez le bout de code Axeptio juste au-dessus.
- Cliquez sur le bouton Sauvegarder sous le bloc d'édition et c'est tout !