Skip to main content
Skip table of contents

Comment déployer votre easibox sur votre site internet ?

Déploiement

Etape 1 - Obtenir le script d’intégration

Afin de pouvoir déployer votre easibox sur votre site Internet, il est nécessaire d’obtenir le script d’intégration via la page de configuration de cette dernière.

Pour cela, suivez les étapes suivantes:

  • Connectez vous à votre solution easiware grâce à vos identifiants habituels.

  • Rendez vous dans la section Configuration en cliquant sur l’icône situé à gauche de vos initiales de profil.

  • Cliquez sur l’onglet easibox.

  • Cliquer sur le bouton d’action Script d’intégration afin d’afficher la popup contenant le script d’intégration de votre easibox.

  • Enfin, cliquez sur le bouton d’action Copier le code.

image-20260304-093508.png

Le script d’intégration de votre easibox est maintenant disponible dans votre presse-papiers.

Etape 2 - Déployer le script

Après avoir obtenu le script d’intégration de votre easibox, choisissez l’une des solutions suivantes pour le déployer:

Via Google Tag Manager (GTM)

Attention : certains bloqueurs de publicité tels que AdBlock Plus, AdBlock, AdBlocker Ultimate, et autres installés par les utilisateurs finaux sur leur navigateur Web peuvent bloquer les scripts de Google Tag Manager et donc refuser l’affiche de votre easibox sur votre site Web.

Afin de pouvoir déployer le script d’intégration de votre easibox via GTM, suivez les étapes suivantes:

1. Rendez vous dans votre espace de travail GTM et cliquez sur le bouton d’action Nouvelle balise.

2. Nommez votre balise (ex: easiware - easibox) et cliquez sur le bloc Configuration de la balise.

3. Dans la liste des types de balise, sélectionnez la valeur HTML personnalisée.

4. Dans l’encart HTML, collez le script d’intégration de votre easibox obtenu à l'étape 1.

5. Cliquez sur le bloc Déclenchement.

6. Dans la liste des déclencheurs, sélectionnez la valeur All Pages - Page vue.

7. Cliquez sur le bouton d’action Enregistrer.

8. Enfin, publier une nouvelle version de votre conteneur GTM pour déployer le script.

Et voilà ! Votre easibox est maintenant déployée et affichée sur votre site Internet. Votre êtes maintenant prêts à révolutionner votre service client 🚀 !

Paramètres du contact

À partir de la version 1.44, il est possible de passer en paramètre du script d’intégration de l’easibox des données d’identification d’un contact. Cela peut être particulièrement utile lorsque qu’un contact est connecté sur l’espace personnel du site Internet de votre marque et qu’il est donc identifié.

En passant ces données dans le script d’intégration de votre easibox, l’application easiware va tenter d’identifier un contact existant dans la base de données pour rattacher la demande chat à ce contact.

Si aucun contact n’a pu être identifié, une nouvelle fiche contact sera automatiquement créé avec les données fournies et la demande chat sera rattachée à ce nouveau contact.

Si vous avez déjà déployé votre easibox, il vous faudra mettre à jour le script d’intégration sur votre site Internet.

Paramètres disponibles

Paramètre

Détails

window.__easiboxFirstname

Prénom du contact

indow.__easiboxLastname

Nom du contact

window.__easiboxEmail

Adresse e-mail du contact

window.__easiboxPhone

Numéro de téléphone mobile du contact

Exemple

CODE
<script>
    (function() {
    window.__easiboxFirstname = "John";
    window.__easiboxLastname = "Doe";
    window.__easiboxEmail = "john.doe@easiware.fr";
    window.__easiboxPhone = "+33612345678";
    var __easiboxId = window.__easiboxId = 5;
    var __easiboxHost = window.__easiboxHost ="xxx";
    var u_js = __easiboxHost+'/easibox.js';
    var d=document,js=d.createElement('script');
    js.async=true; js.src=u_js; d.body.append(js);
    })();
</script>

Workflow identification/création contact

Identification contact existant

1. Identification via l’adresse e-mail
  • Lors de la création d’une demande chat, si le paramètre __easiboxEmail n’est pas vide et que l’adresse e-mail est une adresse e-mail valide, l’application va essayer d’identifier un contact existant via cette adresse e-mail.

    • Si un contact est identifié, la demande sera automatiquement rattachée à ce contact.

    • Si aucun contact n’est identifié, l’application va tenter d’identifier un contact via son numéro de téléphone mobile (voir étape 2).

2. Identification via le numéro de téléphone mobile
  • Lors de la création d’une demande chat, si le paramètre __easiboxPhone n’est pas vide et que le numéro est un numéro de téléphone valide, l’application va essayer d’identifier un contact existant via son numéro de téléphone mobile.

    • Si un contact est identifié, la demande sera automatiquement rattachée à ce contact.

    • Si aucun contact n’est identifié, l’application va créer une nouvelle fiche contact (voir création contact).

Création contact

Si aucun contact existant n’a pu être identifié, alors l’application va automatiquement créer une nouvelle fiche contact.

Pour cela, il faut à minima une adresse e-mail valide ou un numéro de téléphone mobile valide. En fonction des données fournies, la nouvelle fiche contact créée contiendra plus ou moins d’informations (seulement l’e-mail, seulement le téléphone, les deux, etc).

La demande chat sera alors automatiquement rattachée à ce nouveau contact.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.