Comment intégrer Flash AI à votre site web
Ajouter Flash AI à votre site web ne prend que 3 étapes.
Rendez-vous sur flashai.pl, cliquez sur "Commander" et configurez votre assistant IA — nom, personnalité, base de connaissances.
Ajoutez une ligne à votre site web, juste avant la balise de fermeture </body> :
<script src="https://flashai.pl/widget.js" data-ai="TWOJE_BOT_ID"></script>
Le widget de chat apparaîtra dans le coin inférieur droit de votre site web. Votre assistant IA est prêt à discuter avec les visiteurs.
Personnalisez le comportement du widget en utilisant des attributs HTML sur la balise de script.
| Attribut | Description |
|---|---|
data-ai (requis) |
ID de votre bot |
data-name |
Nom d'affichage dans l'en-tête du chat |
data-color |
Couleur d'accentuation (hex) |
data-auto-open |
Ouvrir automatiquement le chat au chargement de la page |
data-fullscreen |
Mode plein écran |
data-lang |
Forcer la langue de l'interface |
<script src="https://flashai.pl/widget.js"
data-ai="twoje_bot_id"
data-name="Asystent Sklepu"
data-color="#ff6b00"
data-auto-open="true"></script>
Contrôlez le widget par programmation depuis le code de votre site web.
| Méthode | Description |
|---|---|
FlashAI.open() |
Ouvre la fenêtre de chat |
FlashAI.close() |
Ferme la fenêtre de chat |
FlashAI.toggle() |
Basculer l'ouverture/fermeture du chat |
FlashAI.send("text") |
Envoie immédiatement un message |
FlashAI.setInput("text") |
Définit le texte d'entrée sans l'envoyer |
FlashAI.isOpen |
Vérifie si le chat est ouvert |
<!-- Button that opens the chat -->
<button onclick="FlashAI.open()">Chat with us</button>
<!-- Button that sends a specific question -->
<button onclick="FlashAI.send('I want to book an appointment')">Book now</button>
<!-- Link that pre-fills the input -->
<a href="#" onclick="FlashAI.open().setInput('Pricing')">Ask about pricing</a>
Ajoutez #flashai-open à n'importe quelle URL et le chat s'ouvrira automatiquement. Parfait pour les codes QR, les liens par e-mail ou les boutons.
https://your-website.com/#flashai-open
Pour un contrôle total, utilisez l'objet de configuration JavaScript avant de charger le script du widget.
<script>
window.FlashAI = {
botId: "twoje_bot_id",
config: {
agentName: "Asystent",
primaryColor: "#00f5ff",
position: "bottom-right",
languages: ["pl", "en"],
trigger: {
type: "delay",
delay: 5
},
teaser: {
enabled: true,
delay: 3,
message: "Hi! Need help?"
}
}
};
</script>
<script src="https://flashai.pl/widget.js"></script>
"immediate"
Le widget apparaît immédiatement
"delay"
Apparaît après un nombre de secondes spécifié
"scroll"
Apparaît après avoir fait défiler un pourcentage spécifié
"engagement"
Apparaît après l'engagement de l'utilisateur
"exit"
Apparaît lors de l'intention de sortie
"manual"
Uniquement via un appel API
Online