Iubenda logo
Générer dès maintenant

Documentation

Sommaire

La Consent Solution pour Wix

Vous avez créé un site web à l’aide de Wix et vous devez répondre aux exigences du RGPD en matière de consentement ?

Vous êtes au bon endroit. Dans ce guide, nous allons examiner les exigences du RGPD en matière de preuve de consentement et comment ajouter la Consent Solution iubenda à votre site web Wix.

→ Dirigez-vous vers Comment ajouter la Consent Solution à Wix

Pour faire simple, vous avez besoin de preuve de consentement RGPD pour votre site Wix, et voici pourquoi : 

Les registres de consentement sont spécialement exigés  en vertu du RGPD. La tenue d’un registre complet et minutieux des consentements est requise et constitue un élément essentiel de la conformité en matière de protection de la confidentialité. Les registres de preuve sont gérés par vous, le contrôleur de données. Par conséquent, le RGPD exige que vous conserviez des « preuves » ou des registres de consentement qui contiennent des détails spécifiques susceptibles de prouver que le consentement reçu est authentique et donc valable en vertu du RGPD. Le consentement doit être explicite, fourni librement et vérifiable au titre du RGPD. Vous pouvez en savoir plus sur la solution de consentement iubenda. ici.

Ces registres doivent comprendre, entre autres, un moyen d’identifier l’utilisateur, la preuve du consentement, l’enregistrement de l’action de consentement et les documents juridiques dont disposait l’utilisateur au moment du consentement.

Les informations suivantes devraient être enregistrées :

  • qui a donné son consentement ;
  • quand et comment le consentement de l’utilisateur individuel a été obtenu ;
  • le formulaire de recueil du consentement qui lui a été présenté au moment de la collecte ; et
  • les conditions et les documents juridiques qui étaient en vigueur au moment où le consentement a été obtenu.

Vous pouvez retrouver l’intégralité des exigences ici.

la Consent Solution iubenda enregistre et gère automatiquement le consentement RGPD & LGPD et les préférences de confidentialité pour chacun de vos utilisateurs. Vous pouvez en lire davantage sur la Consent Solution iubenda ici.

Comment ajouter la Consent Solution iubenda à Wix

Veuillez noter : la méthode qui suit n’est accessible qu’aux comptes pro/business.

Une fois que vous avez généré Consent Solution avec iubenda, nous allons l’installer sur un formulaire de contact Wix de base en suivant ces quatre étapes simples :

  1. Créez un formulaire de contact sur votre site web Wix
  2. Récupérez les attributs name et id de ce formulaire
  3. Ajoutez consent solution à la balise
  4. Personnalisez la fonction Submit et ajoutez-la à la fin de votre balise

Étape 1 : créez une page de formulaire de contact

En premier lieu, vous devez créer une page de formulaire de contact sur Wix. Depuis la barre d’outils du côté gauche, choisissez Menu & Pages → Site Menu → Add Page

La Consent Solution pour Wix

Ensuite, cliquez sur Contact et sélectionnez la première option « Basic ».

La Consent Solution pour Wix

Cliquez sur « Publish » dans le coin supérieur droit et ensuite sélectionnez « View Site ».

La Consent Solution pour Wix

Votre site web Wix s’ouvre dans un nouveau navigateur et vous pouvez maintenant accéder à la page de contact que vous venez de créer.

Étape 2 : Récupérez les attributs name et id du formulaire

Remarque : pour récupérer ces données, nous utiliserons la fonction « Inspecter » de Chrome, Firefox, Safari, Opera et Internet Explorer. Pour certains de ces moteurs de recherche, comme Safari, vous devrez peut-être activer l’outil de développement dans les préférences. Pour ce faire, ouvrez le navigateur Safari, cliquez sur Safari – >Préférences> Avancées. Ensuite, cochez la case Show Develop menu in the menu bar. La fonctionnalité inspecter l’élément est maintenant activée.

Selon le navigateur que vous utilisez, la fonction d’inspection aura un aspect légèrement différent, mais la méthode d’extraction des données reste la même. Par exemple, si vous utilisez Google chrome, la fonction d’inspection apparaîtra sur le côté droit de votre écran, comme le montre l’image ci-dessous. Si vous utilisez Firefox, la fonction d’inspection apparaîtra au bas de votre page web.

Nous devons récupérer les attributs name et id du formulaire que vous venez de créer, suivez le guide ci-dessous.

Clic droit n’importe où sur votre formulaire, puis sélectionnez « Inspecter »

La Consent Solution pour Wix

Maintenant, recherchez la balise <form> et notez l’attribut ID.

Dans cet exemple, l’ID est : comp-kVjmxjf5

La Consent Solution pour Wix

Ensuite, nous devons rechercher le bouton « soumettre » ou « envoyer » et prendre note de l’attribut class. Vous pouvez facilement le faire en passant la souris sur le bouton → clic droit → inspecter.

Dans l’exemple, l’attribut class est : _1fbEI

La Consent Solution pour Wix

Après cela, recherchez le champ « first name » et notez l’attribut name. Vous pouvez facilement le faire en cliquant sur le champ « first name » → clic droit → inspecter.

Dans cet exemple, l’attribut name est first-name

La Consent Solution pour Wix

Nous voulons faire la même chose avec le champ « Last name » et noter l’attribut name. Pour ce faire, cliquez avec le bouton droit de la souris sur le champ « Last name » et sélectionnez « inspecter ».

Dans cet exemple, l’attribut name est : last-name

La Consent Solution pour Wix

Répétez le même processus pour le champ « Email ». Pour ce faire, cliquez avec le bouton droit de la souris sur le champ « Email » et sélectionnez « inspecter ».

Dans cet exemple, l’attribut name est : email

La Consent Solution pour Wix

Nous pouvons ignorer tout champ « message » ou « subject », car il n’est pas nécessaire à la création de notre consentement.

Revenez maintenant à l’éditeur, vous pouvez ajouter un texte personnel avec un lien pour lire votre Politique de Confidentialité. Pour ce faire, passez la souris sur le texte au bas du formulaire et sélectionnez « Edit Text ».

La Consent Solution pour Wix

Étape 3 : Ajoutez la fonction Init de la Consent Solution à la balise

Nous devons copier la Consent Solution à partir de votre tableau de bord iubenda. Cliquez sur [Votre site web] >Consent Solution >Intégrer

Copiez votre code, comme indiqué ci-dessous, en utilisant l’onglet Javascript en cliquant sur le bouton COPIER.

Maintenant, nous devons ajouter ceci à la balise <head>. Nous allons ici suivre la procédure officielle de Wix.

Allez à Settings dans le tableau de bord de votre site web → Advanced SectionAdd custom code.

La Consent Solution pour Wix

Cliquez sur + Add Custom Code dans le coin supérieur droit et remplissez le formulaire comme expliqué ci-dessous.

  • Collez votre code iubenda dans la zone de texte étiquetée  « Paste the code snippet here: »
  • Donnez un nom à votre code : iub_cons_init_code
  • Assurez-vous de sélectionner All pages > (load code once)
  • Sélectionnez l’option Head
  • Cliquez sur Apply.
La Consent Solution pour Wix

Étape 4 : Personnalisez la fonction Submit et ajoutez-la à la fin de votre balise

Dans cette étape, vous devrez personnaliser le code ci-dessous. Remplacez nos d’exemples attributs (surlignés en rouge dans l’image ci-dessous) par vos attributs de l’étape 1 ci-dessus.

  • Le form id : l’exemple de ce guide est comp-kVjmxjf5
  • Le bouton d’envoi / de soumission : l’exemple de ce guide est document.getElementsByClassName(“_1fbEI”)[0] .
  • le first_name, last_name et email le mappage des sujets (n’oubliez pas que vous disposez de quatre options non modifiables : first_name, last_name, full_name et email);
  • La privacy_acceptance : comme il n’y a pas de case à cocher, nous devons faire en sorte que l’acceptation soit true. Dans l’exemple ci-dessous, nous l’avons nommé privacy_acceptance ;
  • les legal_notices, qui sont automatisées si vous synchronisez vos documents juridiques iubenda avec la Consent Solution (ici, nous utilisons les identifiants standard privacy_policy et cookie_policy and term).
<script type="text/javascript">
document.getElementsByClassName("_1fbEI")[0].onclick=function(e){
e.preventDefault();  
_iub.cons_instructions.push(["submit",{  
form: {
selector: document.getElementById("comp-kVjmxjf5"),
map: {  
subject: {  
first_name: "first-name",
last_name:"last-name", 
email: "email"
},  
}
},
consent: {
preferences: {
privacy_acceptance: true,  
},
legal_notices: [
{
identifier: 'privacy_policy',
},  
{
identifier: 'cookie_policy',
}],}},
{success:function(response){console.log(response);
document.getElementById("comp-kVjmxjf5").submit()},}])}
</script>

Enfin, nous devons ajouter ce script Submit à la fin de la balise<body>. Pour cela, allez dans Settings dans le tableau de bord de votre site web → Advanced SectionAdd custom code.

La Consent Solution pour Wix

Enfin, cliquez sur Add Custom Code dans la section « Body End ».

La Consent Solution pour Wix

Ensuite, collez notre fonction Submit dans la zone de texte « paste the code snippet here: » et nommez-la cons_submit_script.

La Consent Solution pour Wix

Cliquez sur Apply. Félicitations, vous venez d’intégrer la Consent Solution iubenda sur Wix !

Voir également