Zo voeg je een AI-chatbot toe aan Squarespace (in 5 minuten)

Nexoply is een AI-assistent die je in een eigen dashboard bouwt en met één regel code aan je Squarespace-site toevoegt. Squarespace bevat alleen die regel; al het andere stel je in Nexoply in, zonder code en zonder AI-sleutel, omdat Nexoply de AI regelt. In de praktijk betekent dat:

• Hij kent je bedrijf. Voeg je diensten en prijzen, veelgestelde vragen, voorwaarden, openingstijden en werkgebieden toe, of importeer ze van de openbare pagina's van je Squarespace-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.
• Hij past bij je website. 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.

Het Gratis-abonnement bevat 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 Squarespace-site invult en Nexoply je openbare pagina's laat importeren, ook pagina's die met JavaScript zijn gebouwd. Jij controleert de voorstellen; er wordt niets toegevoegd zonder jouw akkoord.
• Een Squarespace-abonnement met Code Injection: het Business-abonnement of hoger. Weet je het niet zeker, open dan de Squarespace-instellingen die hieronder staan beschreven en kijk of Code Injection voor je website beschikbaar is.

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 Squarespace doet? Klik op Open een testpagina met je chatbot om hem op een voorbeeldpagina uit te proberen.

1. 1

   Open de instellingen van je website

   Log in bij Squarespace, open de gewenste website en klik op Settings.

2. 2

   Ga naar Code Injection

   Open Advanced en daarna Code Injection. Dit is het gedeelte voor de hele website, dus code die je hier plaatst, wordt op elke pagina uitgevoerd.

3. 3

   Plak in Footer

   Plak je Nexoply-code in het vak Footer. Het footergedeelte staat vlak voor het einde van elke pagina, en daar hoort de code ook.

4. 4

   Opslaan

   Klik op Save. Je hoeft in Squarespace niets te installeren en verder niets in te stellen.

Open je live website in een nieuw privévenster, zodat je hem ziet zoals een bezoeker. In de onderste hoek verschijnt een chatknop. Stel een echte vraag, zoals “Hebben jullie vegetarische gerechten?” of “Kan ik een tafel voor acht reserveren?” (meer voorbeelden in de handleiding AI-chatbot voor restaurants). 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 Squarespace.

• Abonnement. Ontbreekt Code Injection of is het vergrendeld, dan zit het niet in het abonnement van je website. Je hebt het Business-abonnement of hoger nodig.
• Verkeerd vak. Open Code Injection opnieuw en controleer of de code in het vak Footer staat, compleet en ongewijzigd, van <script tot </script>.
• Niet opgeslagen, of een oude weergave. Controleer of je op Save hebt geklikt en laad de live website opnieuw in een privévenster, in plaats van te kijken terwijl je in de editor bent ingelogd.
• Toegestane domeinen. Heb je op de pagina Chatbot Alleen toestaan op deze websites ingevuld, zorg dan dat elk adres waarmee bezoekers je website openen er precies goed in staat (bijvoorbeeld mijnstudio.nl, of *.mijnstudio.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 Squarespace. 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, en met paginaregels het uiterlijk op bepaalde pagina's wijzigen (bijvoorbeeld /menu/*). Stem het chatvenster af op de lettertypen en kleuren van je Squarespace-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. De widget gebruikt een Shadow DOM, dus de opmaak van je website verandert niets aan de chat, en omgekeerd.

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, of zie zo voeg je een AI-chatbot toe aan elke website als je ook een website op een ander platform hebt.