Website chat
Live chat-widget op je eigen site koppelen aan de Tillor inbox
Met Website chat plaats je een chatknop op je eigen website. Bezoekers sturen berichten via het widget; uw team antwoordt in de Tillor inbox naast WhatsApp, Messenger en Instagram.
Integratie installeren
- Ga naar Instellingen > Integraties (sidebar onder Ondersteuning)
- Open Website chat in de lijst
- Klik Installeren (geen OAuth - Tillor maakt direct een widget-sleutel aan)
- Stel onder Instellingen de widget in (welkomstbericht, accentkleur, optioneel toegestane domeinen)
- Kopieer het Embed-snippet onder Embedden op je website en plak het vóór
</body>op elke pagina waar de chatknop moet verschijnen
Widget-sleutel
De sleutel in het snippet is publiek zichtbaar, net als bij andere chatproducten. Beperk misbruik door Toegestane domeinen in te vullen (kommagescheiden hostnamen, bijv. voorbeeld.nl, www.voorbeeld.nl). Laat u het veld leeg, dan accepteert Tillor verzoeken van elke origin.
Widget instellen
| Veld | Wat doet het? |
|---|---|
| Widget ingeschakeld | Zet de chat op uw site uit zonder te de-installeren |
| Welkomstbericht | Eerste chatbubbel van uw team wanneer het gesprek nog leeg is |
| Tooltip launcher | Label voor de zwevende knop (voor screenreaders) |
| Accentkleur | Kleur voor de chatknop en uitgaande bubbels (kleurkiezer of hex, bijv. #2563eb) |
| Organisatielogo | Het logo uit uw Tillor-organisatieprofiel verschijnt in de chatheader en bij teamberichten |
| Toegestane domeinen | Alleen deze sites mogen de widget laden |
| Bezoekersformulier | Standaardvelden (naam, e-mail, telefoon) en extra velden vóór het eerste bericht |
Bezoekersformulier
Onder Instellingen bij Website chat stelt u in welke velden bezoekers invullen vóór het eerste bericht. Zijn er verplichte velden, dan verschijnen die samen met het berichtveld in één scherm. De bezoeker vult alles in en stuurt met Versturen - geen aparte tussenstap.
Standaardvelden
Vink per veld aan of het verplicht is:
| Veld | Opmerking |
|---|---|
| Naam | Wordt opgeslagen bij het gesprek |
| Wordt opgeslagen bij het gesprek | |
| Telefoon | Normaliseert naar E.164 en helpt bij koppeling met oproepen en klanten |
U kunt elk veld apart aan- of uitzetten. Alleen telefoon aan? Dan verschijnt alleen het telefoonveld.
Extra velden
Klik Veld toevoegen voor eigen vragen (max. 8). Per veld stelt u in:
| Optie | Uitleg |
|---|---|
| Label | Wat de bezoeker ziet in het widget |
| Type | Tekst of e-mail |
| Verplicht | Bezoeker moet het invullen vóór het eerste bericht |
| Placeholder | Optionele hint in het invoerveld |
Waarden van extra velden staan in de inbox onder het gesprek, naast kanaal en bezoeker-id.
Embed-opties
Naast data-org-id en data-widget-key kunt u optionele attributen op het script zetten:
| Attribuut | Beschrijving |
|---|---|
data-locale | Taal van de widget: en, nl, de of fr (standaard en). Stuurt knoppen, placeholders en standaard welkomstbericht/launcher mee als u die niet in Instellingen hebt ingevuld |
data-messages | JSON-object om losse teksten te overschrijven, bijv. {"send":"Versturen","messagePlaceholder":"Typ uw bericht…"} |
data-debug | Zet op true voor [Tillor inbox widget] logs in de browserconsole (handig op productie) |
data-sounds | Geluidseffecten aan (true, standaard) of uit (false) bij nieuwe teamreacties en bij verzenden |
Voorbeeld met Nederlandse teksten:
<link rel="preload" href="https://tillor.eu/inbox-widget.css" as="style" />
<script
src="https://tillor.eu/inbox-widget.js"
data-org-id="org_abc123"
data-widget-key="iwk_xxx"
data-locale="nl"
data-debug="true"
async
defer
></script>U kunt debug ook aanzetten zonder het snippet te wijzigen: in de browserconsole localStorage.setItem('tillor-inbox-debug', '1') en de pagina verversen.
Eerste bericht
Zodra de bezoeker in het berichtveld typt, kan uw team Typen… zien in de inbox. Het eerste bericht gaat pas bij Versturen; contactgegevens worden dan meegestuurd.
Typen (beide kanten)
Typen werkt in beide richtingen:
| Richting | Wat de bezoeker ziet | Wat uw team ziet in de inbox |
|---|---|---|
| Bezoeker typt | - | Typen… onder het gesprek (realtime) |
| Medewerker typt | Typen… in het widget | - |
Het ingebouwde widget stuurt automatisch typ-signalen terwijl de bezoeker in het berichtveld typt. Uw team ziet dat in de inbox zodra het gesprek openstaat (ook vóór het eerste verzonden bericht).
Bouwt u een eigen chat-UI in plaats van het widget? Roep dan de widget-API aan:
POST /api/inbox-widget/{orgId}/typing
X-Tillor-Inbox-Widget-Key: iwk_xxx
Content-Type: application/json
{
"visitorId": "vis_…",
"active": true,
"visitorName": "Jan",
"visitorEmail": "jan@voorbeeld.nl",
"visitorPhone": "+32470123456"
}active: truewanneer de bezoeker typt;falsewanneer het veld leeg is of de bezoeker stopt (het widget stuurtfalsena ongeveer 4 seconden zonder input)visitorName/visitorEmail/visitorPhonezijn optioneel, maar helpen bij het koppelen vóór het eerste bericht- Gebruik hetzelfde
visitorIdals bij/senden/messages
Staff-typ-indicator in het widget komt mee in GET /messages als staffTyping: true (widget pollt elke paar seconden).
Bezoekersactiviteit (alleen in de inbox)
Na het eerste bericht stuurt het widget info-regels naar Tillor (chat openen of sluiten, tab wisselen, pagina verlaten, navigatie). Uw team ziet die als grijze tekst in het gesprek; de bezoeker ziet ze niet in het widget. Vóór dat eerste bericht verschijnt er nog geen gesprek in de inbox.
| Gebeurtenis | Tekst in de inbox (volgt uw taal in Tillor) |
|---|---|
| Chat sluiten | Gebruiker sloot de chat |
| Tab wisselen of venster minimaliseren | Gebruiker wisselde van tabblad of minimaliseerde de browser |
| Navigeren naar een andere pagina | Gebruiker navigeerde naar de opgegeven pagina-URL |
Navigatie werkt bij gewone websites (elke pagina laadt opnieuw) en bij single-page apps (history API). De huidige pagina-URL staat ook in het zijpaneel van het gesprek. Info-regels verhogen geen ongelezen teller en geven geen pushmelding.
Eigen UI? Roep POST /api/inbox-widget/{orgId}/info aan met event: chat_closed, tab_hidden of navigation (bij navigatie ook url).
In de inbox
- Gesprekken verschijnen als kanaal Website chat
- Tillor onthoudt bezoekers via een id in
localStorageop hun browser (zelfde apparaat = zelfde thread) - Naam, e-mail en telefoon uit het bezoekersformulier worden opgeslagen bij het gesprek
- Extra velden verschijnen in de inbox bij het gesprek
- Antwoorden vanuit Tillor komen terug in het widget (bezoeker moet het chatvenster open hebben of later opnieuw openen; het widget ververst berichten automatisch)
- Wanneer u typt in de inbox, ziet de bezoeker Typen… in het widget
- Wanneer de bezoeker typt op uw site, ziet u Typen… in het gesprek
Berichten zijn tekst tot 4096 tekens. Afbeeldingen en bestanden worden in deze versie niet ondersteund.