Je e-mail is verstuurd.
FAQ #4539
Artikel editieren
Artikel weiterleiten

AI Chat Assistent instellen & activeren

Vereisten

  • Je hebt de AI Chat Assistent geboekt of wilt hem als uitbreiding op de Slimme Telefoonassistent toevoegen.
  • Je kunt inloggen op je STRATO Klantenlogin.
  • Voor de integratie via JS-snippet: je hebt toegang tot de broncode of het backend van je website (of gebruik je een CMS zoals WordPress, Wix of Shopify).
ℹ️Info: Als je de Slimme Telefoonassistent al gebruikt, kun je de AI Chat Assistent via One-Click-activering toevoegen. Je bestaande kennisbasis, onderwerpen en configuraties worden automatisch overgenomen.

Stap 1: Configuratie-interface openen

  1. Log in op je STRATO Klantenlogin.
  2. Selecteer het pakket waarin de AI WebChat Assistent is inbegrepen.
  3. Klik in het pakketoverzicht op de tegel AI Frontdesk.
  4. Je komt op de configuratie-interface. Selecteer daar AI Chat Assistent.
ℹ️Info: Je onderwerpen, gedragsregels, contacten en API-integraties uit de Telefoonassistent zijn direct beschikbaar voor de Chat Assistent. Je hoeft niets opnieuw te configureren – maar kunt op elk moment chat-specifieke aanpassingen doorvoeren.

Stap 2, Optie A: One-Click-activering (voor bestaande Telefoonassistent-klanten)

  • Open de configuratie-interface (zie Stap 1).
  • Klik in het gedeelte AI Chat Assistent op Nu activeren.
  • Bevestig dat de Chat Assistent dezelfde kennisbasis als je Telefoonassistent mag gebruiken – of maak een aparte kennisbasis aan.
  • De assistent is direct gebruiksklaar. Je gaat meteen naar het JS-snippet (zie Stap 4).

Stap 2, Optie B: Eerste installatie zonder Telefoonassistent

Als je de AI Chat Assistent instelt zonder Slimme Telefoonassistent, doorloop je eerst een basisconfiguratie:

Bedrijfsinformatie
Geef aan in welke branche je actief bent en welke hoofdtaak de assistent moet vervullen.

Website-inhoud overnemen
Voer het adres van je website in en klik op Nu aanleren. De assistent neemt automatisch openbaar toegankelijke inhoud van je website over als basis voor zijn antwoord

 

⚠️ Waarschuwing: Bij een nieuwe extractie van je website worden alle bestaande kennisitems volledig vervangen – inclusief handmatig toegevoegde inhoud. Sla belangrijke, handmatig aangemaakte items vooraf op in een apart document.

Begroeting instellen
Stel een korte welkomstboodschap op voor het chatvenster, bijv.:
„Hallo! Ik ben de virtuele assistent van Voorbeeldbedrijf. Hoe kan ik je helpen?"

Gesprekssamenvattingen / Chatprotocollen
Voer een e-mailadres in waarnaartoe samenvattingen van chatgesprekken worden verzonden.

Gedetailleerde instructies voor de configuratie van stem en gedrag, doorverwijzingen, onderwerpen en API-integraties vind je in de aanvullende artikelen onderaan deze pagina.

 
 

Stap 3: Chat-widget op je website insluiten (JS-snippet)

Zodat het chatvenster op je website verschijnt, voeg je een korte JavaScript-code aan je website toe.

Zo vind je het JS-snippet

  1. Open in de configuratie-interface het gedeelte Widget insluiten of Installatie.
  2. Kopieer de weergegeven JS-snippet-code.

De code ziet er ongeveer zo uit:

 

<script src="https://widget.aifrontdesk.strato.nl/chat.js" data-id="JOUW-ASSISTENT-ID"> </script>

Waar voeg je het snippet in?
Voeg het codeblok in vlak voor de sluitende </body>-tag van elke pagina waarop de chat-widget moet verschijnen – of sitebreed in het template van je website.

Instructies voor gangbare platformen:
WordPress -> Design → Theme-editor → footer.php, of via een plugin zoals „Insert Headers and Footers"
Wix - > Instellingen → Geavanceerd → Aangepaste code toevoegen → Plaatsing: Body – Einde
Shopify -> Online Shop → Thema's → Code bewerken → theme.liquid → vlak voor
Eigen HTML-website -> Rechtstreeks in de broncode voor </body>

Stap 4: Widget-weergave aanpassen

In de configuratie-interface kun je het uiterlijk van de chat-widget aanpassen aan je bedrijfshuisstijl.

Kies via Kleur de primaire kleur van de widget, bijvoorbeeld je merkkleur als hex-code. Onder Logo upload je het bedrijfslogo dat in het chatvenster wordt weergegeven. Met Avatar stel je een profielafbeelding of icoon voor de assistent in. Via Positie bepaal je waar de chatknop op de pagina verschijnt – rechtsonder of linksonder. Tot slot geef je onder Weergavenaam de naam op waarmee de assistent zich voorstelt.

Stap 5: Chat-widget testen

Voordat je de assistent voor echte bezoekers vrijgeeft, is het aan te raden hem eerst met eigen testgesprekken te controleren:

  1. Open je website in een browser.
  2. Klik op de chatknop en start een gesprek.
  3. Test typische vragen van je klanten, bijv. over openingstijden, prijzen of diensten.
  4. Controleer daarbij:
    • Antwoordt de assistent correct en volledig?
    • Is de begroeting zoals gewenst?
    • Werkt de doorverwijzing of een terugbelverzoek?
    • Ontvang je de chatsamenvattingen per e-mail?

Pas na de test indien nodig de bedrijfskennis, gedragsregels of onderwerpen aan en sla opnieuw op.

 

ℹ️ Info: Je kunt de assistent ook rechtstreeks in de configuratie-interface testen met een voorvertoning, zonder de website te hoeven openen.

 

Stap 6: AI Chat Assistent activeren

Als je tevreden bent met de testresultaten, activeer je de assistent voor je websitebezoekers:

  1. Open de configuratie-interface.
  2. Klik rechtsboven op Activeren of stel de status in op Live.
  3. De assistent is vanaf nu actief op je website en beantwoordt vragen van je bezoekers.
⚠️Waarschuwing: Vul je privacyverklaring aan voordat je de assistent activeert. Het gebruik van een door AI ondersteunde chatassistent moet daar uitdrukkelijk worden beschreven. Een sjabloon vind je in het artikel AI Frontdesk: Belangrijke aanvulling voor je privacyverklaring. Het gebruik zonder deze vermelding kan in strijd zijn met de AVG.

Chat-to-Voice: escalatie naar een live gesprek (WebRTC)

De AI Chat Assistent biedt optioneel de mogelijkheid om een chatgesprek met één klik om te zetten naar een live telefoongesprek – via zogenaamde WebRTC-technologie.
Bezoekers zien in het chatvenster een knop waarmee ze rechtstreeks vanuit de browser een gesprek kunnen starten – zonder een telefoonnummer te hoeven kiezen.
Meer informatie vind je in het artikel [AI WebChat Assistent: Chat-to-Voice-escalatie (WebRTC)].

Heeft dit artikel je geholpen?