Een AI chatbot toevoegen aan je Webflow-site

Wat Webflow vereist

Webflow laat je custom code voor de hele site toevoegen op sites met een betaald Site plan, of op betaalde Workspace-abonnementen. De gratis Starter-site kan dat niet. Custom code wordt bovendien alleen uitgevoerd op de gepubliceerde site, niet in het canvas van de Designer.

Haal je regel code op

Meld je aan met je e-mailadres en vul het gepubliceerde adres van je site in (je eigen domein, of het webflow.io-adres als bezoekers dat gebruiken). Kopieer na de eerste leesronde je regel uit het dashboard:

Toevoegen in Webflow

1. Open de Site settings van je project.
2. Ga naar het tabblad Custom code.
3. Plak je regel in Footer code. Hij wordt op elke pagina vóór de afsluitende </body>-tag geplaatst.
4. Klik op Save changes.
5. Publiceer de site naar de domeinen die je gebruikt.
6. Open de gepubliceerde site. De chatknop verschijnt rechtsonder en je dashboard toont Verbonden.

Wil je hem maar op één pagina tonen, gebruik dan de eigen custom-code-instellingen van die pagina (vóór </body>) in plaats van de footer voor de hele site.

Twee domeinen? Voeg ze allebei toe

Veel Webflow-sites zijn bereikbaar op een eigen domein én op webflow.io. De chat antwoordt alleen op domeinen die in je dashboard geregistreerd zijn; met en zonder www telt als één. Wil je hem ook op het testadres, voeg dat domein dan toe in het dashboard. Voor lokale tests werkt localhost ook.

Wat hij doet op een Webflow-site

Hij leest de openbare pagina’s van je site, inclusief CMS-collectiepagina’s die hij via je links kan bereiken, en leest ze elke dag opnieuw, dus nieuwe CMS-items en wijzigingen komen bij de assistent terecht zonder dat jij iets hoeft te doen. Hij antwoordt in de taal van de bezoeker, alleen op basis van die pagina’s, zegt het als een vraag niet gedekt is en zet die vragen voor je op een lijst.

Webflow wordt vaak gebruikt voor SaaS-, bureau- en dienstverleningssites. Typische vragen zijn dan “hebben jullie een integratie met X”, “wat zit er in het Pro-abonnement”, “hoe zeg ik op” en “werken jullie met klanten in mijn land”. Beantwoorden je pagina’s ze, dan doet de assistent dat ook. Zo niet, dan zie je de vragen in je lijst.

Bij Webflow Ecommerce beantwoordt hij product- en voorwaardenvragen op basis van je pagina’s. Hij maakt geen verbinding met de bestellingen van Webflow, dus hij kan geen bestellingen opzoeken, annuleren of wijzigen: die gesprekken worden aan jou doorgegeven.

Doorverwijzen naar je team

Vraagt een bezoeker naar een mens of moet er iets geregeld worden, dan gaat het gesprek naar je e-mail, of naar Slack, Discord of Telegram als je die koppelt. Vanuit de chat-apps kun je antwoorden en ziet de bezoeker je antwoord in het eigen chatvenster.

Controleer hem voordat je hem aankondigt

1. Stel de testchat op je instellingenpagina de vragen uit je sales- of supportinbox van vorige maand.
2. Ontbreekt er een antwoord, zet het feit dan op de pagina waar bezoekers het zouden zoeken, en publiceer.
3. Vraag het na de volgende dagelijkse leesronde opnieuw, en bekijk in je dashboard de lijst met vragen die hij niet kon beantwoorden.

Je antwoorden blijven van jou: de assistent gebruikt geen kennis van buitenaf over je product, concurrenten of prijzen, alleen wat je gepubliceerde site zegt.