💬 Testez le widget
Choisissez un format de widget ci-dessous. Le rendu se met à jour instantanément.
Format actuel : bubble
🧱 Zone de test inline
Cette zone sert uniquement au mode inline (widget intégré dans un bloc de page).
🔧 Intégration
Ajoutez ce code avant la fermeture de votre balise </body> :
<script src="https://chatcoachformation.skapa.design/widget.js"></script>
⚙️ Configuration optionnelle
Personnalisez le widget avant d'inclure le script :
<script>
window.ChatCoachConfig = {
primaryColor: '#4E56EC',
title: 'Your Academy Coach',
subtitle: 'Pour définir votre parcours idéal de monter en compétences.',
apiUrl: 'https://chatcoachformation.skapa.design'
};
</script>
<script src="https://chatcoachformation.skapa.design/widget.js"></script>
🧩 Exemples de formats
<!-- 1) Bulle classique -->
<script>
window.ChatCoachConfig = { displayMode: 'bubble' };
</script>
<script src="https://chatcoachformation.skapa.design/widget.js"></script>
<!-- 2) Grand panneau au clic -->
<script>
window.ChatCoachConfig = { displayMode: 'large', launchLabel: 'Parler a un conseiller' };
</script>
<script src="https://chatcoachformation.skapa.design/widget.js"></script>
<!-- 3) Plein ecran au clic -->
<script>
window.ChatCoachConfig = { displayMode: 'fullscreen', launchLabel: 'Ouvrir le chat complet' };
</script>
<script src="https://chatcoachformation.skapa.design/widget.js"></script>
<!-- 4) Widget integre dans une div -->
<div id="mon-chat-inline"></div>
<script>
window.ChatCoachConfig = { displayMode: 'inline', inlineTarget: '#mon-chat-inline' };
</script>
<script src="https://chatcoachformation.skapa.design/widget.js"></script>