Les pages légales et le bandeau de cookies

Lorsque vous mettez votre site web en ligne, il est obligatoire qu'il comporte certaines mentions pour être en accord avec la réglementation européenne, qu'on appelle les mentions légales :

• Les informations sur votre entreprise
• Les informations sur comment vous traitez les données que votre site récupère
• Un bandeau qui explique à l'utilisateur que ces données sont récupérées (les fameux cookies)

Pourquoi les mentions légales sont obligatoires ?

Jusqu'à il y a quelques années, il n'y avait pas vraiment de règlementation précise concernant la récupération des données des utilisateurs, ce qui fait que tout le monde se permettait un peu n'importe quoi.

Les cookies, le fond du problème

Pour faire simple, les cookies sont de petits fichiers dont se sert le site web pour avoir des informations pour vous. Lorsque vous allez sur un site web, vous dispatchez ainsi plein de petites informations sans forcément le savoir. Vos préférences d'achat, la ville où vous habitez ... C'est notamment cette mécanique qui va faire que quand vous consultez un site vendant des tondeuse à gazon, vous allez voir apparaître sur d'autres sites plein de pubs vous proposant des tondeuses à gazon.

Et ça, beaucoup en ont allégrement profité en cherchant à aspirer le plus d'informations possible de chaque utilisateur cliquant sur leur site. Alors, en 2018, la CNIL a dit stop, et a durci sa réglementation du RGPD (Réglementation Générale sur le Protection des données). Désormais, si vous cherchez à récupérer des informations de vos visiteurs, vous devez les en informez.

Les problème, c'est que les cookies ne servent pas qu'à renseigner vos préférences. Ce sont notamment eux qui vont par exemple permettre de garder en mémoire votre panier d'achat si vous quittez le site où vous avez commandé. Certains cookies sont même essentiels au bon fonctionnement de votre site. Ainsi, que vous le vouliez ou non, vous êtes obligé de récupérer des informations provenant de vos visiteurs, et donc vous êtes obligé d'afficher ce fameux bandeau de cookies.

Modifier les pages légales et le bandeau de cookies

Bandeau de cookies

Par défaut, nous avons installé un bandeau de cookie simple, qui a l'avantage d'être gratuit à l'utilisation. Il existe d'autres extensions de cookies plus optimisées, mais qui peuvent rapidement être onéreuses. Si vous souhaitez changer de gestionnaire de cookies, vous pouvez le faire en désinstallant l'extension EU Cookies bar. Pour en savoir plus sur l'installation et a désinstallation d'extensions, consultez le guide dédié.

Voici comment accéder à votre bandeau de cookies :

• Dans le panneau de contrôle de WordPress, dirigez-vous vers la barre supérieur et passez la souris sur VillaTheme, puis cliquez sur l'onglet EU Cookies Bar
  • Une étoile verte accompagne l'onglet

IMPORTANT : pour sauvegarder vos modifications, cliquez sur le bouton Save en bas de page juste avant l'onglet "maybe you like"

Onglet général

• Enable : Active ou désactive le bandeau
• Block cookies until accepting empèche les cookies de fonctionner tant qu'ils n'ont pas été acceptés.
• Agreement expires after(days) : nombre de jours pendant lequel le consentement est maintenu automatiquement en jours. Par défaut 6 mois.
• Strictly necessary cookies / prefix : Code permettant d'afficher les cookies, à ne pas modifier.
• Privacy page url : Page vers la déclaration de confidentialité
• Your privacy policy : A laisser vide

Cookies bar

• Message : Message qui s'affiche sur le bandeau de cookies.

• Boutons shows : Affiche les boutons accepter, refuse et fermer les cookies
  • Légalement, vous ne pouvez pas empêcher l'utilisateur de refuser les cookies, ou alors vous devez bloquer l'accès au site

• Cookies bar position : modifie l'emplacement du bandeau sur la page. Par défaut, il est en bas à droite (le plus discret)
  • L'emplacement est prévisualisé en bas de page (certains styles ne sont pas encore appliqués)

• Implicit behaviors : indique ce que doit faire la barre de cookies quand on clique sur le bouton
  • Attention, les options d'acceptation automatique ne sont pas conformes au RGPD

• Cookies bar design : Amène quelques options de design
  • Border radius : Coins arrondis ou non
  • La Margin n'a pas d'effet
  • Padding :augmente l'espace entre le texte et le bord du bandeau
  • Font-size : taille du texte
  • Text-color: couleur du texte
  • Background color : couleur du bandeau
  • Opacity : opacité du bandeau (0 = invisible)

• Accept button design : Design du bouton accepter

• Decline button design : Design du bouton refuser

Users cookies settings

• Enable : Active la possibilité de voir les cookies actuellement utilisés et de désactiver ceux qui ne sont pas obligatoires au fonctionnement du site.
• Heading : titre de la fenètre
• Heading color : Couleur du titre
• Heading background color : Couleur du fond du titre
• Save setting button color : Couleur du bouton enregistrer
• Save settings button background color : Couleur de fond du bouton enregistrer
• Cookies settings nav bar position : emplacement des cookies dans la fenêtre

Styles avancés

Certains styles du bandeau ont été directement conçus à l'aide de CSS personnalisé. Si vous en avez les capacités, vous pouvez modifier ce fichier avec Advanced script (dans l'onglet outils), Dossier CSS, fichier CSS - Barre de Cookies

Modifier certains textes

Certains textes ne sont pas modifiables directement sur l'extension. Pour les modifier, il est nécessaire d'éditer directement les fichiers de l'extension. Nous n'aborderons pas plus en détails cet aspect, car éditer ce genre de fichiers peut rapidement conduire à des bugs. Ne vous aventurez sur ce terrain-là que si vous êtes certains d'en avoir les compétences.

Si vous avez absolument besoin de modifier un texte, vous pouvez nous demander d'effectuer le changement en nous contactant à l'adresse bonjour@tricorn.fr

Pages légales

Par défaut, nous avons créé trois pages différentes :

• Mentions légales : Indique les informations générales. Cette page est à modifier.
• Déclaration de confidentialité : Indique comment sont traitées les données récupérées. Vous n'êtes pas forcé de modifier cette page, sauf si vous avez besoin d'indiquer des conditions spécifiques.
• Politique de cookies : indique ce que sont les cookies et comment ils fonctionnent sur votre site. Vous n'êtes pas forcé de modifier cette page, sauf si vous avez besoin de rajouter des cookies spécifiques.

Voici comment accéder aux pages légales :

• Dans le panneau de contrôle de WordPress, cliquez sur l'onglet pages et cherchez les pages à modifier
  • Pour afficher uniquement les pages correspondantes, vous pouvez utiliser le filtrer juridique

Ajouter une page supplémentaire

Si vous avez besoin d'ajouter une page légale supplémentaire, créez simplement une nouvelle page, puis sélectionnez la catégorie juridique

Si vous avez besoin que les utilisateurs pour accéder à cette page depuis votre site, par exemple en la mettent dans le footer (pied de page), vous devrez en faire un lien cliquable .

Modifier l'apparence des pages

Les trois pages légales fonctionnent avec le template juridique, qui spécifie leur apparence. Pour la modifier, vous devrez donc éditer ce template et passer par Oxygen Builder. Pour en savoir sur comment éditer un template sur Oxygen, consultez le guide dédié aux templates

Créer les pages légales et le bandeau de cookies

Cette partie n'est à consulter que si vous souhaitez recréer vos pages légales ou votre bandeau de cookies depuis 0, ou si vous partez d'une installation complètement vierge. On supposera ici que vous êtes déjà à l'aise avec :

• La prise en main d'Oxygen
• L'édition de templates
• La notion de conteneurs
• La création de catégories

Pages légales

Si vous avez déjà des pages légales d'installées sur votre site, n'oubliez pas de les supprimer. Pour savoir quels documents sont obligatoire pour respecter le RGP, vous pouvez consulter cet article

• Pour commencer, installez et activez l'extension create and assign categories for pages si ce n'est pas déjà. Si vous ne savez pas comment faire, consultez le guide dédié à l'installation d'extensions

• Créez ensuite une catégorie de page. Nous l'intitulerons juridique mais vous pouvez utiliser n'importe quel autre nom

• Créez ensuite un nouveau template identique à la catégorie (pour pouvoir vous y retrouver plus facilement) et publiez-le
  • Inherit design : main
  • Where does the template apply : singular / pages / Juridique

• Une fois votre template publié, éditez-le

• Insérez une div et gérez vos marges
  • Pour vous aider, vous pouvez consulter le guide dédié à l'insertion d'élément
  • Les marges s'éditent à l'aide de l'onglet size & spacing

• Insérez une donnée dynamique de titre
  • Cliquer sur le + violet puis onglet WordPress / Dynamic Data / Title
• Insérez une données dynamique de contenu
  • Idem, mais content au lieu de title

Votre page est maintenant prête. Désormais, il vous suffira de donner la catégorie juridique à une page pour que la template s'applique à la page. Le titre et le contenu de la page seront automatique ajouté.

Rajoutez quelques marges ou décorations à votre envie, puis sauvegardez et quittez.

Bandeau de cookies

Si vous êtes parti d'un site pré-configuré, il faudra désinstaller l'extension EU Cookies bar au préalable. Vous pouvez également supprimer le bloc de code CSS - Barres de cookies dans le dossier CSS d'Advanced Scripts

Si vous partez de zéro, il vous faudra installer une extension de cookies. Ici, nous sortons du cadre de cette formation, car tout dépendra de l'extension que vous choisirez. Prenez néanmoins en compte quelques informations importantes :

• La plupart des extensions de cookies sont généralement soumises à un abonnement payant
• Votre extension doit respecter la réglementation européenne, s'il est consulté en Europe.
• Il est interdit de rendre le bandeau de cookies trop peu visible ou de forcer l'acceptation des cookies par défaut.

Pour en savoir plus, vous pouvez consulter cet article dédié au RGPD