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 ont voit qu'il est nécéssaire d'accepter les CGU afin de pouvoir accéder au services proposés par Axeptio et de notre coté il est nécéssaire que nous soyons en capacité de prouvé 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écéssaire 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 meme 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écéssaire d'aller sur le service que vous souhaitez. Exemple : pour une checkbox marketing : 1 - Allez dans le moduler consentements markerketing 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