Positionnement

Choisissez où et comment afficher le widget chatbot sur votre site.

Cet article est disponible en : English

Positionnement et stratégie d’engagement

Définissez où votre chatbot s’affiche et comment il sollicite l’attention de vos visiteurs pour maximiser les interactions sans gêner la navigation.

Introduction

L’intégration d’un chatbot ne doit pas se faire au détriment de l’ergonomie de votre site. Il ne doit jamais masquer un bouton important (comme “Ajouter au panier”) ou entrer en conflit avec votre bandeau de cookies.

De plus, un chatbot trop discret risque d’être ignoré. DoxyChat vous permet de trouver l’équilibre parfait entre visibilité et discrétion grâce aux réglages de positionnement et d’animation.

1. Choisir l’emplacement (Alignement)

Par défaut, le widget s’affiche en bas à droite de l’écran, ce qui est le standard du web. Cependant, vous pouvez modifier cet emplacement dans l’onglet Apparence.

  • Bas - Droite : La position classique et attendue par les utilisateurs.
  • Bas - Gauche : Utile si vous avez déjà un bouton “Remonter en haut de page” ou un autre outil (WhatsApp, Calendly) situé à droite.

2. Ajuster les marges (Décalage précis)

Parfois, choisir “Droite” ou “Gauche” ne suffit pas. Votre site possède peut-être un pied de page épais, un bandeau de consentement aux cookies ou une barre de navigation inférieure sur mobile.

Vous pouvez définir des marges de décalage (en pixels) pour déplacer la bulle :

  • Marge Latérale (Axe X) : Pour décaler la bulle vers le centre de l’écran.
  • Marge Inférieure (Axe Y) : Pour remonter la bulle.
    • Cas d’usage fréquent : Si vous avez un bandeau cookie de 50px de hauteur, réglez la marge inférieure à 70px pour que le chatbot “flotte” au-dessus du bandeau sans le cacher.

3. Stratégie d’engagement (Attirer l’attention)

Un visiteur qui arrive sur votre site ne remarque pas toujours la petite bulle de chat. Pour augmenter le taux d’utilisation, vous pouvez configurer des déclencheurs visuels (Triggers).

L’Animation (Vibration)

Vous pouvez demander à la bulle de s’animer légèrement (vibration ou rebond) après un certain temps.

  • Délai : Définissez après combien de secondes l’animation se déclenche (ex: 5 secondes). Cela laisse le temps au visiteur de découvrir la page avant d’être sollicité.
  • Effet : Attire l’œil par le mouvement périphérique sans être intrusif.

La Bulle de Message (Pop-up proactive)

Au lieu d’attendre que l’utilisateur clique pour voir le message de bienvenue, vous pouvez l’afficher automatiquement au-dessus de la bulle fermée.

  • Fonctionnement : Une infobulle contenant votre message d’accueil (ex: “Besoin d’aide pour choisir ?”) apparaît au-dessus de l’avatar.
  • Configuration :
    • Toujours afficher : Le message est visible dès le chargement.
    • Afficher au survol : Le message n’apparaît que si la souris passe sur le logo.
    • Afficher après délai : Le message “pop” après X secondes (recommandé pour un effet proactif).

Conseil Pro : Sur mobile, privilégiez une approche moins intrusive (vibration simple) pour ne pas masquer le contenu de votre site sur les petits écrans.