Zo bouw je een AI-chatbot en voeg je hem toe aan Wix (in 5 minuten)

Zoek je een chatbotbouwer voor Wix, dan zijn er twee routes: een chattool die je binnen Wix instelt, of een assistent die je in een aparte dienst bouwt en via Custom Code aan je website toevoegt. Nexoply hoort bij de tweede soort. In de praktijk betekent dat:

• Je bouwt hem in het Nexoply-dashboard, zonder code. Voeg je diensten en prijzen, veelgestelde vragen, voorwaarden, openingstijden en werkgebieden toe, of importeer ze van de openbare pagina's van je Wix-site (15 per scan met het Gratis-abonnement). Er wordt niets toegevoegd zonder jouw akkoord.
• Hij antwoordt alleen met die informatie. Hij heeft de instructie te zeggen dat hij iets niet weet in plaats van te gokken, en elk gesprek staat in je dashboard om terug te lezen.
• Ook het ontwerp regel je daar. Berichtknop of zijtab, kleuren, lettertypen en logo, kant-en-klare sjablonen, een aparte look op telefoons en knoppen op het startscherm, zoals Boeken, Bellen of WhatsApp.
• Hij antwoordt in 12 talen. Bezoekers die in een andere ondersteunde taal schrijven, krijgen antwoord in die taal.
• Wat hij niet is. Het is geen live-chatinbox voor medewerkers, en hij neemt zelf geen boekingen of betalingen aan; zijn knoppen sturen bezoekers naar je boekingspagina, telefoonnummer of WhatsApp.

De eis van Wix zelf blijft gelden: voor eigen code heb je een premium-abonnement met een gekoppeld domein nodig. Aan de kant van Nexoply bevat het Gratis-abonnement 50 gesprekken per maand; betaalde abonnementen beginnen bij $19 per maand, zie de prijspagina. Voor alle opties, zie de chatbotfuncties.

Controleer eerst deze drie dingen:

• Een Nexoply-account. Meld je gratis aan: het Gratis-abonnement bevat 50 gesprekken per maand, zonder creditcard.
• Je bedrijfsinformatie in Nexoply: diensten en prijzen, veelgestelde vragen, voorwaarden, openingstijden en werkgebieden. Het snelst gaat het als je het adres van je Wix-site invult en Nexoply je openbare pagina's laat importeren (hij leest ook pagina's die met JavaScript zijn gebouwd, zoals bij Wix). Jij controleert de voorstellen; er wordt niets toegevoegd zonder jouw akkoord.
• Een Wix-premium-abonnement met een gekoppeld domein (bijvoorbeeld mijnsalon.nl in plaats van een gratis adres als gebruikersnaam.wixsite.com). Wix laat je alleen eigen code toevoegen aan websites die beide hebben.

Open in je Nexoply-dashboard de pagina Chatbot (klik op Chatbot maken als je dat nog niet hebt gedaan) en kopieer de installatiecode. Die ziet er zo uit:

<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>

In plaats van YOUR-KEY staat de eigen sleutel van je chatbot, die de pagina Chatbot voor je invult. De sleutel is openbaar: het is geen wachtwoord en geeft geen toegang tot je account. Wil je de assistent zien voordat je iets in Wix doet? Klik op Open een testpagina met je chatbot om hem op een voorbeeldpagina uit te proberen.

1. 1

   Open het dashboard van je website

   Log in bij Wix en open het dashboard van de gewenste website (niet de Editor).

2. 2

   Ga naar Custom Code

   Klik in het linkermenu op Settings en daarna op Custom Code (bij de geavanceerde instellingen).

3. 3

   Voeg de code toe

   Klik op + Add Custom Code en plak je Nexoply-code in het codevak. Geef hem een naam die je herkent, zoals “Nexoply-chatbot”.

4. 4

   Kies waar hij laadt

   Kies onder “Add Code to Pages” de optie All pages. Kies onder “Place Code in” de optie Body - end.

5. 5

   Toepassen

   Klik op Apply. Eigen code staat direct live op je gepubliceerde website; je hoeft niet opnieuw te publiceren vanuit de Editor.

Open je live website op het gekoppelde domein in een nieuw privévenster. Het voorbeeld in de Editor voert geen eigen code uit, dus controleer de echte website. In een van de onderste hoeken verschijnt een chatknop. Stel een echte vraag, zoals “Wat is jullie annuleringsbeleid?” of “Wat kost een balayage?” (meer voorbeelden voor salons in de handleiding AI-chatbot voor kapsalons). Binnen enkele seconden verschijnt het gesprek onder Gesprekken in je Nexoply-dashboard. Vanaf dat moment staan wijzigingen die je in het dashboard doet binnen ongeveer een minuut op je website, zonder dat je terug hoeft naar Wix.

• Abonnement of domein. Ontbreekt Custom Code of is het grijs, of wordt de code niet uitgevoerd, controleer dan of de website een premium-abonnement en een gekoppeld domein heeft. Eigen code werkt niet op gratis wixsite.com-adressen.
• Verkeerde plaatsing. Open het fragment in Custom Code en controleer of het op All pages en Body - end staat, niet op Head en niet op maar één pagina.
• Je kijkt in de Editor. Eigen code werkt alleen op de gepubliceerde website, niet in de Editor of het voorbeeld daarvan.
• Categorie van de cookiebanner. Vraagt Wix om een codetype voor de cookiebanner, dan kan een ander type dan Essential ervoor zorgen dat de code pas laadt als de bezoeker cookies accepteert. De widget van Nexoply plaatst geen cookies, dus Essential is een redelijke keuze.
• Toegestane domeinen. Heb je op de pagina Chatbot Alleen toestaan op deze websites ingevuld, zorg dan dat je gekoppelde domein er precies goed in staat (bijvoorbeeld mijnsalon.nl, of *.mijnsalon.nl voor subdomeinen).
• Chatbot uitgeschakeld, of adblockers. Controleer of de schakelaar Chatbot ingeschakeld aan staat. Heel soms blokkeert een browserextensie chatwidgets; probeer een andere browser.

Het ontwerp stel je in je Nexoply-dashboard in, niet in Wix. Onder Chatbot → Aanpassen kies je het pictogram van de berichtknop (of je eigen afbeelding), het tekstlabel, de vorm, grootte, kleuren en positie, of gebruik je in plaats daarvan een zijtab aan de rand van het scherm (zoals “Hulp”). Je kunt een andere look instellen voor telefoons, zodat de knop je mobiele lay-out niet bedekt, en met paginaregels het uiterlijk op bepaalde pagina's wijzigen (bijvoorbeeld /services/*). Stem het chatvenster af op de lettertypen en kleuren van je Wix-site, voeg je logo toe of begin met een kant-en-klaar sjabloon. Een startscherm kan je eigen knoppen tonen, zoals Boeken, Bellen of WhatsApp.

Bekijk daarna regelmatig de gesprekken: vragen die de assistent niet kon beantwoorden staan in een lijst en worden met één klik een veelgestelde vraag. Lees hoe Nexoply werkt voor het volledige beeld. Heb je ook een WordPress-site? Zie zo voeg je een AI-chatbot toe aan WordPress.