Je eerste agent, stap voor stap

De eerste agent die een werkruimte maakt, opent in een begeleide setup: één pagina, één stap tegelijk, van het lezen van je site tot de chat erop. Elke stap kan wachten. Later laat een stap voor later, Terug gaat naar de vorige, en Naar het dashboard verlaat de setup op elk moment. Tot de agent op een site staat, leiden de stappen bovenaan zijn pagina's terug naar de stap waar je gebleven was. Een latere agent biedt dezelfde setup daar aan, als Begeleide setup.

1. Je site lezen#

De agent begint je site te lezen zodra hij gemaakt is, en de setup toont de pagina's die hij las. Een site die 3 pagina's of minder gaf, zegt hij eerlijk, want dat is weinig om uit te antwoorden, met wat je kunt toevoegen: het adres van nog een pagina, een bestand zoals een brochure of een prijslijst, of een tekst. Zonder website komen die drie eerst.

Verder gaat open zodra er één pagina of bestand klaar is. Websites legt uit wat de lezer neemt en wat hij overslaat.

2. Instructies en toon#

• Instructies: de agent begint met instructies voor het gebruik dat je op het aanmaakformulier koos. Lees ze en verander wat niet past: voor wie hij spreekt, waarmee hij helpt, hoe hij klinkt, wanneer hij naar een mens verwijst. Feiten horen in bronnen, niet hier. Instructies schrijven.
• Eerste bericht: wat de chat zegt voor de bezoeker iets typt, in de hoofdtaal van de agent. De andere talen staan onder Instellingen.
• Waar bezoekers naartoe gaan als de agent het niet weet: een e-mailadres, een telefoonnummer of een pagina. De agent toont het dan als knop. Staat het ingesteld, dan zegt de setup waar het naartoe leidt, en wijzig je het onder Acties.

Je wijzigingen worden bewaard wanneer je Verder kiest. Om de agent eerst te proberen, opent de setup de Testomgeving in een nieuw tabblad.

3. AI-model kiezen#

Het model schrijft elk antwoord uit wat de agent las. De setup toont elk model als een kaart: wie het maakt, wat een antwoord kost in credits, en of het de afbeeldingen leest die een bezoeker stuurt. Het model waarmee je abonnement een nieuwe agent laat beginnen, staat als Aanbevolen. Op Free blijven de duurdere modellen vergrendeld: elk zegt bij welk abonnement het hoort, en de eigenaar van de werkruimte krijgt een link naar de abonnementen. Je keuze wordt bewaard wanneer je de stap verlaat, en je wijzigt ze later onder Instellingen of in de Testomgeving. Modellen en credits.

4. Testen#

De eigen chat van de agent, zoals een bezoeker hem ziet, met Vragen om te proberen: de vragen die een bezoeker stelt aan een agent voor het gebruik dat je koos, en een laatste die hij beleefd hoort te weigeren. Typ ook je eigen vragen. Onder elk antwoord laat Verbeter antwoord je het verbeteren: het betere antwoord wordt bewaard als vraag en antwoord onder Bronnen en vanaf dan gebruikt (Je antwoorden verbeteren). Vragen die je hier stelt, staan onder Activiteit als test, apart van de gesprekken van je bezoekers. De stap is klaar na het eerste antwoord, hier of in de Testomgeving, die dezelfde vragen en Verbeter antwoord biedt.

5. Uiterlijk en huisstijl#

Het uiterlijk dat een bezoeker ziet, met de widget ernaast zoals hij op je pagina komt te staan: de Primaire kleur, het Logo bovenaan de chat, de knop die hem opent (de Positie, het Pictogram, of een eigen Afbeelding chatknop) en de Begroeting, een kort bericht boven de knop. Een afbeelding die je uploadt, wordt meteen bewaard; de rest wanneer je de stap verlaat, met Verder, Terug of Later. De naam in de kop, lettertypes, het thema en het tweede bericht staan onder Instellingen, en de setup linkt ernaar. Uiterlijk, Begroeting en tweede bericht.

6. Op je site zetten#

Kies waarmee je site gemaakt is, en de setup toont de stappen ervoor met de code om te plakken. De code is overal dezelfde; alleen waar ze komt, verschilt. De widget installeren legt uit wat ze met je pagina doet.

Voor de sitebouwers die de code op je eigen pagina's nemen, alle behalve Google Sites en Gamma, zet de setup het adres van je site onder Toegestane domeinen, zodat geen andere site je agent kan tonen: het adres dat hij las, hetzelfde met of zonder www. voor een eigen domein, en ook over https:// als hij het over http:// las. Dat doet hij alleen als er nog niets staat en de agent nog niet op een site gezien is. Wordt de chat daarna geweigerd op een ander adres van dezelfde site, zoals www. of een subdomein, dan zegt de setup dat en biedt hij een knop om dat adres toe te staan. Elk ander adres voeg je zelf toe onder Toegestane domeinen. Toegestane domeinen.

Zolang deze stap open staat, kijkt de setup om de paar seconden of de chat op je site gezien is: open één keer een pagina van je site. De code voor een vak op de pagina (een iframe) toont geen knop, dus die wordt gezien bij de eerste vraag.

De knoppen staan hieronder met de namen uit de Engelse hulppagina's van die programma's; in een andere taal toont je scherm ze in die taal.

WordPress#

1. Om de chat op elke pagina te tonen, zet je de code onderaan elke pagina met een plugin die code toevoegt aan headers en footers, of vraag je wie je site bouwde om ze in de footer van je thema te zetten.
2. Voor één pagina: open die pagina in de editor, voeg een blok Custom HTML toe en plak de code erin.
3. Op WordPress.com werken scripts alleen op een abonnement met plugins, nadat je de hostingfuncties hebt aangezet.

De ChatterLab-plugin voor WordPress bieden we hier pas aan als hij in de plugin-directory staat.

Wix#

1. Je site moet gepubliceerd zijn en verbonden met een eigen domein.
2. Open in het dashboard van je site Settings, en dan Custom Code onder Development & integrations.
3. Klik op + Add Custom Code, plak de code en geef ze een naam, zoals ChatterLab.
4. Kies onder Add Code to Pages voor All pages, en onder Place Code in voor Body – end.
5. Klik op Apply en open daarna een pagina van je site.

Squarespace#

1. Code injection hoort bij de abonnementen Core, Plus en Advanced, en bij enkele oudere.
2. Open Pages, dan Website Tools, dan Code Injection.
3. Plak de code in het veld Footer: ze komt voor </body> op elke pagina.
4. Klik op Save en open daarna een pagina van je site.

Shopify#

1. De code van een thema aanpassen kan pas als het thema van jou is: een betaald thema op proef moet je eerst kopen. Een update van het thema kan de aanpassing wissen, dus onthoud waar je de code plakte.
2. Ga in je Shopify-beheer naar Online Store, open het menu … naast je thema en kies Edit code.
3. Open theme.liquid in de map layout: elke pagina van je winkel gebruikt het.
4. Plak de code net voor </body>, bewaar, en open daarna een pagina van je winkel.

Webflow#

1. Custom code vraagt een Core-, Growth-, Agency- of Freelancer-workspace, of een betaald Site-abonnement.
2. Open Site settings en dan het tabblad Custom code.
3. Plak de code in het deel Footer code, dat voor </body> komt op elke pagina, en klik op Save changes.
4. Publiceer je site en open daarna een van haar pagina's: custom code werkt pas op de gepubliceerde site.

Google Sites#

Google Sites neemt code alleen als insluiting: de chat staat in een vak op de pagina, zonder knop in de hoek. Daarom plak je hier de iframe-code.

1. Open je site in Google Sites, op een computer.
2. Klik rechts op Insert, dan op Embed, en kies Embed code.
3. Plak de iframe-code, klik op Next en dan op Insert.
4. Klik rechtsboven op Publish.

Gamma#

Gamma heeft geen plek voor code op elke pagina. Er zijn twee manieren.

In een vak op één kaart:

1. Voeg in een gamma gemaakt in Gamma 5 een blok Custom HTML toe aan de kaart waar de chat moet komen.
2. Plak de iframe-code erin. Verschijnt de chat niet, zet dan Interactive aan.
3. Publiceer je site.

Als knop op elke pagina, via Google Tag Manager:

1. Maak in Google Tag Manager een container voor je site en voeg een tag toe die de code op alle pagina's uitvoert. Publiceer ze.
2. Kopieer de ID van de container, die met GTM- begint.
3. Open je site in Gamma, klik rechtsboven op het menu met de drie puntjes en kies Site Settings.
4. Plak op het tabblad Settings de ID in het veld Google Tag Manager ID, bewaar en publiceer je site.

Met de hand#

1. Plak de code net voor </body> op elke pagina waar de chat moet verschijnen.
2. In de meeste sitebouwers is dat een vak dat custom code of footer code heet: één keer daar, en ze staat op elke pagina.

7. Hij staat live#

Zodra de chat op je site gezien is, zegt de laatste stap dat, en wat je daarna kunt doen: lees wat bezoekers vragen onder Activiteit, en verbeter antwoorden vanuit het Overzicht (Je antwoorden verbeteren). Gegevens van bezoekers verzamelen en een ticket openen wanneer er een mens nodig is, komen vanaf Starter (Leads, Tickets). Met Verder op de stap ervoor is de setup afgerond, en de stappen bovenaan de pagina's van de agent verdwijnen zodra de agent op een site staat.