Voeg live chat toe aan uw website
Op deze pagina
Live chat is een chatvenster dat in de hoek van uw website staat; bezoekers schrijven u rechtstreeks vanaf uw site en berichten vallen in uw CRM-inbox. U hoeft alleen maar een enkele regel code toe te voegen aan uw site voor de installatie.
- Live chat instellingenInstallatiecode, uiterlijk en beveiliging
- OverzichtPlatformstappen en instructies voor uw webmaster
- Postvak INReageren op gesprekken
Instellingen
- Kopieer de code — Instellingen › Livechat Open op de pagina het tabblad "Uploaden" en klik op de knop "Code kopiëren" op het tabblad "Widgetcode".
- Plaats de code op elke pagina van je site, net voor de afsluitende
</head>-tag. Als uw site een algemeen sjabloon- of lay-outbestand gebruikt, kunt u dit eenmaal toevoegen. - Vink aan — Open je site; de chatstarter (ballon) zou in de hoek moeten verschijnen.
Beheerders Overzicht U kunt ook installeren vanuit het gedeelte "Aan de slag in een paar stappen" op de pagina: De knop "Platform instellen" toont stapsgewijze instructies voor WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla en "Overige / gewone HTML". Met 'Instructies naar uw webmaster sturen' worden de code en stappen naar het e-mailadres dat u opgeeft verzonden. U ontvangt de antwoorden terug.
Als u handmatig moet opgeven van welk domein de widget wordt geladen, is er een voorbeeldcode beschikbaar op het tabblad "Andere domeinen" in het tabblad "Laden".
Als je wilt chatten zonder een widget te maken, kun je de link naar de chatpagina rechtstreeks delen door op "Koppeling kopiëren" te klikken in het tabblad "Chatpagina" van het tabblad Widgets.
Uiterlijk en teksten
Alle wijzigingen die u aanbrengt in het tabblad " Widget " verschijnen in de live preview rechts. Druk op de knop " Wijzigingen opslaan " wanneer u klaar bent. Hoofdkaarten:
- Startscherm → Scherm dat verschijnt wanneer de widget wordt geopend: avatars, help center kaart, verzoeken sectie.
- Berichten → " Welkom ", " Anoniem welkom " (wanneer de naam van de bezoeker onbekend is) en " Toegang ".
- Achtergrond en links → De kleur of visuele achter de begroeting; snelkoppelingen worden vermeld op het hoofdscherm.
- Chatscherm → " Welkomstbericht " (eerste ballon in nieuwe chat), plaatsaanduiding voor invoer, " Geen beschikbare agent " en " Klant in de wachtrij " teksten.
- Pre-chat formulier / Post-chat formulier → Velden die gevraagd worden voor het eerste bericht; korte beoordeling of feedback te tonen na de chat sluit.
- Schermen → Welke tabbladen in de onderste navigatie en het standaardscherm verschijnen.
- Starter → Speciaal icoon (JPG, PNG of GIF kleiner dan 100 KB), positie (Links of Rechts) en marges.
- Stijl → Licht en donker logo, & quot; Standaard widget thema & quot; (Licht, Donker of Systeem).
Vertalingen naar andere talen Lokalisaties Vanaf de pagina.
Als niemand online is
Als niemand van je team online is, ziet de bezoeker "Geen vertegenwoordiger beschikbaar". De chat blijft open; wanneer u antwoordt, wordt het antwoord naar de bezoeker per e-mail verzonden als deze niet in de chat zit. Hiervoor is het e-mailadres van de bezoeker nodig, dus het is aan te raden om e-mails te verzamelen met een "pre-chatformulier".
In de " " Time-outs " ". " kunt u kiezen wat er gebeurt met onbeantwoorde gesprekken. Elke regel wordt geopend met een aparte toets en de duur wordt in minuten ingevoerd:
- Overdragen aan een andere gemachtigde (5 minuten na het openen): Als de agent niet reageert, wordt de klant doorverwezen naar een andere beschikbare agent; in handmatig toegewezen groepen wordt de chat in de wachtrij geplaatst.
- Gesprek als inactief markeren (10 minuten): Passieve chats tellen niet mee voor de limiet voor gelijktijdige chats van de gemachtigde.
- Sluit de chat (15 minuten): De klant kan dezelfde chat opnieuw openen door een nieuw bericht te schrijven.
De "Bezoekers opruimen" in hetzelfde tabblad bepaalt hoeveel dagen anonieme bezoekers die nooit naar u hebben geschreven worden bewaard (standaard 30 dagen).
Vertrouwde domeinnamen
Voer in het tabblad " Beveiliging " in het veld " Vertrouwde domeinnamen " de domeinen in die de widget kan laden, gescheiden door komma's. Gebruik de *.example.com-indeling voor alle subdomeinnamen. Als de ruimte leeg is, kan de widget worden toegevoegd aan elke site. Vergeet niet om de wijziging op te slaan met "Wijzigingen opslaan".
Bezoeker verifiëren
Om gebruikers die op uw site zijn ingelogd veilig te koppelen aan klantgegevens in uw CRM, ondertekent u het e-mailadres van de bezoeker met een geheime sleutel op uw server (HMAC-SHA256).
- Haal de geheime sleutel op — op het tabblad " Authenticatie " in het tabblad ". " Beveiliging ", selecteer " Geheime sleutel tonen " en vervolgens " Geheime toets kopiëren " Bewaar de sleutel alleen op uw server.
- Genereer de handtekening op de server — Bereken HMAC-SHA256 zodat uw sleutel uw geheime sleutel is, het e-mailadres van de bezoeker van het bericht en krijg het resultaat als hexadecimale (hex) tekst.
- Toevoegen aan pagina — Voer e-mail en handtekening in
window.BeChatSettingsvoor widgetcode. - Als u dit wilt vereisen, schakelt u de toets " Authenticatie vereisen " in en drukt u op de knop " Wijzigingen opslaan ".
Node.js met handtekening:
const crypto = require('crypto');
const emailHash = crypto
.createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
.update(kullanici.email)
.digest('hex');Handtekening met PHP:
$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));Op de pagina, voor widget code:
<script>
window.BeChatSettings = {
user: {
email: "musteri@ornek.com",
email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
}
};
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->Het veld email moet exact hetzelfde zijn als de waarde die je ondertekent; zelfs hoofdlettergevoeligheid maakt de handtekening ongeldig. Zet de geheime sleutel nooit in de paginabron.
Als de handtekening geldig is, wordt de bezoeker gekoppeld aan het klantrecord in die e-mail (of een nieuwe wordt geopend) en wordt zijn e-mail als geverifieerd beschouwd; de regel "E-mail geverifieerd" in het klantenpaneel toont "Ja". Andere velden die u aan hetzelfde object toevoegt, worden ernaar geschreven als er een clientkenmerk is gedefinieerd met dezelfde sleutel. Wanneer "Verificatie vereisen" is ingeschakeld, worden gebruikersgegevens zonder een geldige handtekening genegeerd en gaat de bezoeker anoniem verder.
Bezoekersbron
Het klantpaneel rechts van het interview laat zien waar de bezoeker vandaan kwam:
- Bron: Landingspagina, Referrer en UTM bron, tool, campagne, term, content waarden. Deze worden eenmalig bij het eerste bezoek opgeslagen; latere surfen binnen de site en verwijzingen van uw eigen site veranderen ze niet.
- Locatie en taal: Browsertaal en Kloktaal. Als de taal of tijdzone leeg is in het persoonsrecord, wordt deze ingevuld door het bezoek; de waarde die u handmatig hebt ingevoerd, wordt niet overschreven.
- Apparaat: Browser, besturingssysteem, apparaat, IP-adres en land van de sessie.