WebChatAgent Logo

Een AI Chatbot toevoegen aan Squarespace

Squarespace

Voeg een AI-chatbot toe aan je Squarespace-site met de ingebouwde functie Code Injection. Je plakt een kort fragment in het veld Footer en het verschijnt op elke pagina. Dit werkt op alle huidige Squarespace-pakketten en duurt ongeveer een minuut.

Stap-voor-stap installatie

  1. Code Injection openen: ga in je Squarespace-dashboard naar Instellingen > Geavanceerd > Code Injection.
  2. Plakken in Footer: plak de volgende code in het veld Footer:
<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. Opslaan: klik op Opslaan. De Chatwidget verschijnt nu op elke pagina van je Squarespace-site.

Alleen aan een enkele pagina toevoegen

Als je de chatbot alleen op een specifieke pagina wilt tonen:

  1. Open de pagina in de Squarespace-editor.
  2. Voeg een Code-blok toe (klik op Toevoegen Blokkeren > Code).
  3. Plak hetzelfde codefragment van hierboven.
  4. Schakel Display Source uit om de widget te renderen.

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 hele fragment in plaats van de ID handmatig in te voeren.

Problemen oplossen

  • Widget niet zichtbaar?: Squarespace slaat pagina's agressief op in de cache. Probeer je site te bekijken in een incognitovenster of wis je browsercache.
  • Code Injection niet beschikbaar?: Code Injection is beschikbaar op alle huidige Squarespace-pakketten. Zorg ervoor dat je je in het site-dashboard bevindt (niet de editor) onder Instellingen > Geavanceerd.
  • Widget overlapt de inhoud?: de widget wordt weergegeven als een zwevende bubbel in de rechterbenedenhoek. Pas de desktop- en mobiele offsets aan onder Kanalen → Chatwidget → Gedrag → Positionering.