Widget chat flottant
Un assistant conversationnel est intégré à cette page. Cliquez sur le bouton en bas à droite pour discuter avec lui.
Il connaît les services, les fourchettes de prix et les délais d'Atelier Nord. Il est là pour comprendre votre projet et vous proposer un rendez-vous découverte.
Intégration sur votre site
Ajoutez cette balise <script> avant la fin du <body> :
<script src="https://votre-domaine.com/widget.js"
data-api-url="https://votre-domaine.com/api"
data-color="#1a3c5e"
data-title="Atelier Nord"
data-subtitle="Studio de design et communication"
data-greeting="Bonjour, je suis l'assistant d'Atelier Nord. Dites-moi en quelques mots ce que vous préparez, un projet de marque, un site, du contenu, et je vous donne les premiers repères."
data-position="bottom-right"
data-suggestions='["Combien coûte un site vitrine ?", "Quels sont vos délais ?", "Vous travaillez avec quels clients ?"]'
></script>Attributs disponibles
| Attribut | Description | Défaut |
|---|---|---|
data-api-url |
URL du backend API | http://localhost:8000 |
data-color |
Couleur primaire (hex) | #1a3c5e |
data-title |
Titre du header | Atelier Nord |
data-subtitle |
Sous-titre du header | Studio de design... |
data-greeting |
Message de bienvenue | Message Atelier Nord |
data-position |
bottom-right ou bottom-left |
bottom-right |
data-suggestions |
Questions suggérées (JSON array) | [] |
API publique (debug)
Le widget expose window.__anChat pour le debug :
// Ouvrir / fermer
window.__anChat.open();
window.__anChat.close();
// Envoyer un message
window.__anChat.send("Combien coûte une identité de marque ?");
// Réinitialiser la conversation
window.__anChat.reset();