WebChatAgent Logo

Een AI Chatbot toevoegen aan Wix

Wix

Voeg een AI-chatbot toe aan je Wix-website met behulp van het ingebouwde HTML-insluitelement. Je plakt een kort fragment in een insluitvak en stelt dit in om op alle pagina's te worden weergegeven. Geen programmeerwerk vereist, en het werkt hetzelfde in de klassieke Wix Editor als in Wix Studio.

Stapsgewijze installatie

  1. Open de Wix Editor: log in op je Wix-account en open je site in de Editor.
  2. Voeg een insluitelement toe: klik op de knop Toevoegen (+) in de linkerwerkbalk en selecteer vervolgens Code insluiten > HTML insluiten.
  3. Plak de code: selecteer in het paneel met HTML-instellingen Code en plak het volgende:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Vervang YOUR_ID door je daadwerkelijke Chatbot-ID uit het WebChatAgent-dashboard.
  2. Positioneer het element: sleep het insluitelement naar een willekeurige hoek van je pagina. Omdat de widget als een zwevende chatbubbel wordt weergegeven, maakt de exacte positie van het insluitelement weinig uit.
  3. Toon op alle pagina's: klik met de rechtermuisknop op het insluitelement en selecteer Op alle pagina's weergeven zodat de chatbot op de hele site verschijnt.
  4. Publiceren: klik op Publiceren om de wijzigingen live te zetten.

Wix Studio (Editor X) gebruiken

Het proces is hetzelfde in Wix Studio:

  1. Klik op Elementen toevoegen > Insluiten > HTML insluiten.
  2. Plak het bovenstaande codefragment.
  3. Stel via het lagenpaneel in dat het element op alle pagina's wordt weergegeven.

Je Chatbot-ID vinden

Log in op je WebChatAgent-dashboard, open je assistent en ga naar Kanalen → Chatwidget. Vouw Installatiedetails tonen uit en klik op Code kopiëren. Het fragment bevat al je Chatbot-ID, dus plak het geheel in plaats van de ID handmatig in te voeren.

Problemen oplossen

  • Widget wordt niet weergegeven?: zorg ervoor dat het insluitelement niet verborgen is of in een ingeklapte container is geplaatst. Probeer de site te publiceren en bekijk de liveversie.
  • Widget alleen op één pagina?: klik met de rechtermuisknop op de insluiting en selecteer Op alle pagina's weergeven.
  • Problemen met weergave op mobiel?: controleer of het insluitelement ook op de mobiele versie van je site is geplaatst. Schakel over naar de mobiele weergave in de editor en controleer dit.