Hoe je Flash AI integreert met je website
FlashAI toevoegen aan je website neemt maar 3 stappen in beslag.
Ga naar flashai.pl, klik op "Bestel" en configureer je AI-assistent — naam, persoonlijkheid, kennisbank.
Voeg één regel toe aan je website, net voor de sluitende </body> tag:
<script src="https://flashai.pl/widget.js" data-ai="TWOJE_BOT_ID"></script>
De chat-widget verschijnt in de rechterbenedenhoek van je website. Je AI-assistent is klaar om met bezoekers te praten.
Pas het gedrag van de widget aan met HTML-attributen op de script-tag.
| Attribuut | Beschrijving |
|---|---|
data-ai (vereist) |
Uw bot ID |
data-name |
Weergavenaam in chat header |
data-color |
Accentkleur (hex) |
data-auto-open |
Chat automatisch openen bij paginaladen |
data-fullscreen |
Volledig scherm modus |
data-lang |
Interface forceren taal |
<script src="https://flashai.pl/widget.js"
data-ai="twoje_bot_id"
data-name="Asystent Sklepu"
data-color="#ff6b00"
data-auto-open="true"></script>
Bedien de widget programmatisch vanaf je websitecode.
| Methode | Beschrijving |
|---|---|
FlashAI.open() |
Opent chatvenster |
FlashAI.close() |
Sluit chatvenster |
FlashAI.toggle() |
Schakelt chat open/gesloten |
FlashAI.send("text") |
Verstuurt een onmiddellijk bericht |
FlashAI.setInput("text") |
Stelt invoertekst in zonder te verzenden |
FlashAI.isOpen |
Controleert of chat open is |
<!-- 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>
Voeg #flashai-open toe aan elke URL en de chat opent automatisch. Perfect voor QR-codes, e-mail links of knoppen.
https://your-website.com/#flashai-open
Voor volledige controle, gebruik het JavaScript configuratie-object voordat u het widget script laadt.
<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"
Widget verschijnt onmiddellijk
"delay"
Verschijnt na opgegeven seconden
"scroll"
Verschijnt na scrollen van opgegeven %
"engagement"
Verschijnt na gebruikersbetrokkenheid
"exit"
Verschijnt bij verlatingsintentie
"manual"
Alleen via API-aanroep
Online