Follow this guide to integrate Clice into your website without authentication (for example, a landing page or showcase site).

In this case, the Clice widget will only include the Help section, featuring the chatbot and ticketing system.

1. Access the resources

Once logged in, click on Settings in the bottom-left corner, then select Integration from the settings sidebar.

Next, choose Without authentication.

2. The script

You’ll find a script like this one:

<script type="text/javascript" id="clice-ext-loader">
    (function () {
        var root = document.createElement("div");
        root.id = "clice-ext-root";
        document.body.appendChild(root);
        var script = document.createElement("script");
        script.id = "clice-ext-script";
        script.src =
            "<https://cdn.jsdelivr.net/npm/[email protected]/clice-ext-widget.iife.js>";
        script.type = "module";

        script.setAttribute(
            "data-app-id",
            "12345678-abcd-efgh-ijkl-9876543210z"
        );
        script.setAttribute("data-language", "fr");
        script.setAttribute("data-color-light", "#ffc894");
        script.setAttribute("data-color-dark", "#153c8a");
        script.setAttribute("data-i-type", "noauth");

        document.body.appendChild(script);
    })();
</script>

Simply copy and paste this code into your website’s HTML.

⚠️ Important: make sure to insert it into the main page HTML (the parent document), not inside an iframe, otherwise the widget’s display may be unstable on mobile.

For more information, see Well-known bugs

3. Data attributes

In the script, replace the values of the data-* attributes as needed.

Here are the available options:

4. Authorize the domain