Consentement Indispensable
Dans certains cas, vous souhaitez rendre l'acceptation de la checkbox indispensable pour continuer le process. Voici comment faire

1. Présentation vidéo

2. Exemple concret

Dans le cas d'Axeptio on voit qu'il est nécessaire d'accepter les CGU afin de pouvoir accéder au services proposés par Axeptio, et de notre coté il est nécessaire que nous soyons en capacité de prouver que vous avez accepté nos CGU si vous utilisez Axeptio. Nous avons donc conditionné le bouton "Créer un compte" à l'acceptation des CGU. Le bouton est grisé tant que vous n'avez pas accepté les CGU et se débloque une fois que vous avez cliqué sur "J'accepte".

II. Intégration technique

Pour réaliser cette partie il est nécessaire d'avoir configuré sa checkbox marketing et d'avoir préalablement rempli son registre tel que décris précédemment.
Dans le footer de votre site au même endroit ou vous intégrez votre sdk vous allez intégrer les fonctions suivantes :
1
<script type="text/javascript">
2
//voici le sdk Axeptio que vous intégrez dans le footer de votre site
3
var el = document.createElement("script");
4
el.setAttribute("src", "https://static.axept.io/sdk.js");
5
el.setAttribute("type", "text/javascript");
6
el.setAttribute("async", true);
7
el.setAttribute("data-id", "Data-id_de_votre_projet");
8
if (document.body !== null) {
9
document.body.appendChild(el);
10
}
11
//voici la fonction qui sert à rendre indispensable l'acceptation de votre checkbox
12
13
window._axcb = [
14
axeptio => {
15
const config = axeptio.getWidgetConfig({
16
//Le nom du service est soit "processings" dans le cas des consentements marketing soit "contracts" dans le cas des consentements contracts
17
service: "processings",
18
//identifier est l'identifiant de la checkbox que vous souhaitez cibler consentements marketing ou consentement contractuels selon le cas
19
//Nous verrons par la suite ou le trouver
20
identifier: "Token_de_votre_identifier"
21
});
22
23
axeptio.renderWidget({
24
config: Object.assign({}, config, {isRequired: true}),
25
//Le nom du service est soit "processings" dans le cas des consentements marketing soit "contracts" dans le cas des consentements contracts
26
service: 'processings',
27
//Il faut ici nomer l'id du bouton que vous souhaitez cibler.
28
//Celui qui sera grisé tant que l'utilisateur n'aura pas validé le service et son identifier
29
node: document.getElementById("ID_de_votre_bouton")
30
});
31
}
32
];
33
34
// Nous allons enfin créer un bouton "Envoyer" dont l'id correspondra à l'id que nous avons ciblé précédemment
35
</script>
36
<form>
37
<input type="text" name="text" />
38
//Attention à bien faire correspondre les deux ID
39
<div id="ID_de_votre_bouton"></div>
40
<button>Envoyer</button>
41
</form>
Copied!

III. Trouver l'identifier de votre service

Pour trouver votre identifier il est nécessaire d'aller sur le service que vous souhaitez. Exemple : pour une checkbox marketing : 1 - Allez dans le module consentements marketing 2 - Choisissez la checkbox que vous souhaitez paramétrer et cliquez dessus 3 - Vous verrez l'écran suivant
Dans l'url de votre projet vous trouverez en bleu le data-id de votre projet puis en rouge le token de votre identifier. Vous n'avez plus qu'à remplacer celui ci dans l'intégration javascript que vous avez réalisé.
Félicitation vous venez de rendre indispensable l'acceptation de votre checkbox dans votre formulaire