Cas 3 : Relier son consentement au mail présent dans le formulaire

1. Présentation vidéo

2. Exemple concret

Dans le cas d'un de votre formulaire de contact vous collectez des données personnelles telles que le nom, le prénom, le mail et vous souhaitez que ce formulaire soit conforme à la réglementation et alimente votre registre de traitement. Pour cela, vous souhaitez intégrer une checkbox et relier votre registre de consentement à l'adresse mail du client en question tout en conservant votre style graphique

Pour cela, il simplement relier votre registre Axeptio à votre checkbox à l'aide de la méthode que nous avons vu précédemment :

pageCas 1 : Créer une nouvelle checkbox Axeptio

Ensuite, il ne vous restera plus qu'à rajouter le sélecteur CSS correspond au champs mail que vous souhaitez récupérer comme token. Ce qui donnera le code suivant

 window._axcb.push(function(axeptio) {
  var host = document.getElementById('consentCheckbox');
   
     axeptio.createConsentCheckbox({
//Le nom du service est soit "processings" dans le cas des consentements marketing soit "contracts" dans le cas des consentements contracts 
     service: 'processings',
//identifier est l'identifiant de la checkbox que vous souhaitez cibler consentements marketing ou consentement contractuels selon le cas
//Nous verrons par la suite ou le trouver
     identifier: 'Otken_du_service',
     node: document.getElementById('TODO changer par l'ID du div cible'),
     
     embed: {
// Dans l'affichage de votre registre pour l'utilisateur final vous pourrez présenter la finalité et le bouton pour consulter le détail de son consentement
       checkboxText: "J'accepte de recevoir la newsletter",
       checkboxDetailsText: "en savoir plus"
       
// A l'aide de cette méthode vous pourrez remplacer le token anonymisé par défaut par un champ de votre formulaire
    	tokenMethod: 'value',
// Ici vous devrez rentrer le sélecteur CSS du champs de votre formulaire que vous souhaitez associer 
// En règle générale il s'agit du champs mail
   	 token: '................'

  }
});
//
  host.querySelector('input[type=checkbox]').setAttribute('required', 'required');
});

😍 Félicitation tout est good 😍

Dernière mise à jour