Mandatory consent

1. Présentation vidéo
2. Concrete example
In the case of Axeptio we can see that it is necessary to agree with the CGU to access services proposed by Axeptio, and on our side we have to be able to prove that you agreed with our CGU if you use Axeptio.
We then conditioned the button "Create an account" to the consent to CGU. The button is greyed until you accepted the CGU and unlocks once you clicked on "I agree"
II. Technical integration
To realise this part, it is necessary to have configured a marketing checkbox and filled a register as described before.
In your site footer at the same place as the sdk, you will add the following functions :
1
    <script type="text/javascript">
2
//Here is the Axeptio sdk that you integrate in the footer
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
//Here is the function to make the consent of your checkbox mandatory
12
​
13
      window._axcb = [
14
        axeptio => {
15
          const config = axeptio.getWidgetConfig({
16
//Name of service "processings" for marketings consents or "contracts" for contracts consents
17
            service: "processings",
18
//identifier is the identifier of the checkbox you want to target: marketing consents or contracts consents
19
//We'll see later where to find it
20
            identifier: "Token_de_votre_identifier"
21
          });
22
​
23
          axeptio.renderWidget({
24
            config: Object.assign({}, config, {isRequired: true}),
25
//Name of service "processings" for marketings consents or "contracts" for contracts consents 
26
            service: 'processings',
27
//Name here the button ID that you want to target
28
//The one that will be greyed until the consent of the user
29
            node: document.getElementById("ID_of_your_button")
30
          });
31
        }
32
      ];
33
​
34
// We'll now create a "Send" button with an ID corresponding to the ID that we targetted before
35
    </script>
36
    <form>
37
      <input type="text" name="text" />
38
//Make sure to have the same two IDs
39
      <div id="ID_of_your_button"></div>
40
      <button>Envoyer</button>
41
    </form>
Copied!
III. Find the service identifier
To find your identifer, go to the wanted service
Example : for a marketing checkbox :
1 - Go to Marketing consents module
2 - Choose the checkbox you want to configure
3 - You'll see the screen below
In your project URL you'll find in blue the data-id of your project and in red the token of your identifier.
Now just replace the identifier in your Javascript integration.
Congratulations ! Your checkbox acceptance is now required in your form

Graphic customization

Next - Advanced Settings

Consents Register

Last modified 1yr ago

Copy link

Contents

1. Présentation vidéo

2. Concrete example

II. Technical integration

III. Find the service identifier