Widgets de chat CrocoVibe : un chat en direct dans vos apps
Un visiteur arrive sur votre app CrocoVibe avec une question précise. Personne pour lui répondre, il repart sans rien dire.
Le chat en direct règle ce cas. Demandez-le à CrocoVibe en une phrase, et une bulle de chat apparaît dans votre app, aux couleurs de votre site.
Les messages arrivent dans vos Conversations, avec vos contacts et vos réglages habituels. Rien de plus à brancher.
🧭 Qu'est-ce qui change ?
- 💬 Un chat natif s'ajoute à votre app CrocoVibe sur simple demande, par exemple « ajoute un chat en direct ».
- 🎛️ Deux types de widgets au choix : Live Chat, ou Email Chat (le visiteur laisse un message et reçoit la réponse par email).
- 🎨 Le chat fait partie du code de l'app et reprend ses couleurs, ses polices et sa mise en page.
- 🗂️ Un projet peut contenir plusieurs widgets, par exemple un chat en direct sur toutes les pages et un chat distinct hors horaires.
- 📊 Une page de statistiques suit les chargements, les ouvertures et les prospects captés.
- ⚙️ Les réglages du widget se trouvent dans Plus > Widgets de chat.
⚙️ Comment ça fonctionne
Un widget créé dans votre compte
Quand vous demandez un chat, CrocoVibe affiche une carte avec les deux types, Live Chat et Email Chat.
Le widget est créé dans votre compte et prend le nom de votre projet. Il est intégré à l'app dans la foulée.
Pour un nouveau chat, CrocoVibe pose quelques questions de design. Elles portent sur le message d'accueil et l'emplacement, puis sur le ton.
Un chat qui s'intègre à l'app
Le chat vit dans le code de l'app. Pour changer son apparence, demandez-le à CrocoVibe ou modifiez le code vous-même.
Si vous découvrez l'outil, commencez par le guide de prise en main de CrocoVibe.
Ce que le chat CrocoClick prend en charge
Le widget repose sur le chat CrocoClick. Vous retrouvez donc ses fonctions habituelles :
Les statistiques
Rendez-vous dans Plus > Statistiques > Widgets de chat. Vous y suivez les chargements, les ouvertures, le taux d'ouverture, les retours de visiteurs et la satisfaction.
Le tableau des prospects liste le contact, l'email, le téléphone, le type de chat, la page de départ et le widget d'origine. Filtrez par widget et par période, personnalisez les colonnes, puis exportez les prospects sélectionnés.
Les réglages du widget
Dans Plus > Widgets de chat, chaque widget propose :
- Nom du widget
- Messagerie : les messages d'accueil et d'accusé de réception.
- Formulaire de contact : les informations demandées avant le premier message.
- Mentions légales et consentement : confidentialité, marketing, SMS et HIPAA.
- Protection anti-spam : les prospects suspects sont conservés et étiquetés, avec une option « ne pas déranger » sur le SMS, l'email ou les deux.
- Horaires d'ouverture (Live Chat) : en dehors de ces plages, le visiteur voit le message hors ligne.
Un bouton « Ajouter un widget de chat » demande à CrocoVibe d'en créer un nouveau.
Les limites actuelles
Live Chat et Email Chat fonctionnent dans les projets TanStack Start et React. Le chat vocal, WhatsApp, Facebook Messenger et Instagram ne sont pas encore pris en charge.
🛠️ Comment l'utiliser
- Ouvrez votre projet dans CrocoVibe.
- Demandez un chat en langage naturel, par exemple « ajoute un chat en direct ».
- Choisissez Live Chat ou Email Chat sur la carte affichée.
- Répondez aux questions de design : accueil, emplacement, ton.
- Ouvrez Plus > Widgets de chat pour régler le nom, les messages, le formulaire, les consentements, l'anti-spam et les horaires.
- Suivez les résultats dans Plus > Statistiques > Widgets de chat.
Pour aller plus loin sur les options d'un chat, lisez le guide Comment configurer et installer des Chat Widget (bulle de chat) sur vos sites.
Pourquoi c'est important ?
- ✅ Vos visiteurs posent leur question au moment où elle leur vient.
- ✅ Les messages arrivent dans les Conversations que vous utilisez déjà.
- ✅ Le chat reprend le design de votre app, sans bulle qui détonne.
- ✅ Les statistiques montrent quelles pages déclenchent des échanges.
Un chat bien placé évite qu'un visiteur reparte avec sa question. Ouvrez votre projet CrocoVibe et demandez-lui d'ajouter un chat en direct.