De chat op je website plaatsen met de embed-code
Plak één regel code vlak voor </body> op je site en de chatknop verschijnt. Met extra attributen pas je taal, positie en gedrag per pagina aan.
De embed-code is één regel die de chatknop op je website zet. Ze werkt op elke website, ook zonder plugin.
De code plaatsen
- Open je bot en kies Embed-code.
- Klik op Kopiëren naast de code.
- Plak de regel vlak voor de afsluitende
</body>-tag van je site. Meestal doe je dat één keer in de voettekst of het sjabloon, zodat de chat op elke pagina verschijnt. - Bewaar en open je site. De chatknop staat rechtsonder.
De code ziet er zo uit (met de sleutel van jouw bot):
<script src="https://chatonpage.com/widget.js" data-key="pk_..." async></script>
Laat je websitebouwer het doen
Beheert iemand anders je site? Klik op Mail naar uw websitebouwer. Je krijgt een kant-en-klare mail met de code en de uitleg. Lees ze na, pas aan waar nodig en klik op Versturen. Je krijgt zelf een kopie, en antwoorden komen bij jou terecht. Je kunt zo twee mails per dag sturen.
Opties per pagina
Voeg een attribuut toe aan de scriptregel om het gedrag op die pagina aan te passen. Je vindt ze ook bij Embed-code onder Opties.
data-locale="fr": vaste taal. Anders volgt de chat de taal van de pagina of de browser.data-position="left": chatknop links in plaats van rechts.data-theme="manual": kleuren uit de instellingen in plaats van automatisch afgeleid.data-open="true": het venster meteen openen.data-icon="default": geen favicon op de knop.data-nudge="off": op deze pagina nooit spontaan aanspreken.
Wil je de chat openen vanuit een eigen knop of link, gebruik dan ChatOnPage.open() in JavaScript.
Toegestane domeinen
De chat werkt alleen op de domeinen van je bot. Het domein van je website staat er vanzelf bij, en subdomeinen zijn automatisch toegestaan. Plaats je de chat op een ander domein, bijvoorbeeld een testomgeving of een tweede site, voeg dat domein dan toe bij Instellingen → Algemeen → Toegestane domeinen (zonder www.).
Goed om te weten
- De chat verschijnt alleen als de Status van de bot op Actief staat.
- Liever zonder code? Gebruik een plugin voor WordPress, PrestaShop of Google Tag Manager.
- Bekijk eerst hoe de chat eruitziet op de voorbeeldpagina.
- Wil je de chat op bepaalde pagina's anders laten reageren, kijk dan bij Per pagina.