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 :

    <script type="text/javascript">
//voici le sdk Axeptio que vous intégrez dans le footer de votre site
      var el = document.createElement("script");
      el.setAttribute("src", "https://static.axept.io/sdk.js");
      el.setAttribute("type", "text/javascript");
      el.setAttribute("async", true);
      el.setAttribute("data-id", "Data-id_de_votre_projet");
      if (document.body !== null) {
        document.body.appendChild(el);
      }
//voici la fonction qui sert à rendre indispensable l'acceptation de votre checkbox

      window._axcb = [
        axeptio => {
          const config = axeptio.getWidgetConfig({
//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: "Token_de_votre_identifier"
          });

          axeptio.renderWidget({
            config: Object.assign({}, config, {isRequired: true}),
//Le nom du service est soit "processings" dans le cas des consentements marketing soit "contracts" dans le cas des consentements contracts 
            service: 'processings',
//Il faut ici nomer l'id du bouton que vous souhaitez cibler.
//Celui qui sera grisé tant que l'utilisateur n'aura pas validé le service et son identifier
            node: document.getElementById("ID_de_votre_bouton")
          });
        }
      ];

// Nous allons enfin créer un bouton "Envoyer" dont l'id correspondra à l'id que nous avons ciblé précédemment
    </script>
    <form>
      <input type="text" name="text" />
//Attention à bien faire correspondre les deux ID
      <div id="ID_de_votre_bouton"></div>
      <button>Envoyer</button>
    </form>

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