Revo ChatRevo Chat
Gratis proberen

Aan de slag

Zet de widget op je site, geef hem de uitstraling van je merk en verwelkom je eerste bezoeker.

De widget op je site plaatsen

Plak één regel code in je site; de installatie wordt automatisch gecontroleerd.

Kopieer de code uit Instellingen → Installeren in je dashboard en plak die op elke pagina van je site direct vóór de tag </body>. Het script laadt asynchroon en maakt je pagina's dus niet trager.

HTML
<script src="https://revochat.app/widget.js"
        data-revo-chat="YOUR_SITE_KEY" async></script>

Open na het plakken van de code je site gewoon één keer: zodra de widget voor het eerst vanaf je domein verbinding maakt, rondt de stap op het scherm Installatie zichzelf af. Er hoeft geen knop te worden ingedrukt.

Het openen van de chatpagina die wij hosten (revochat.app/chat/…) telt niet als installatie — die stap bevestigt alleen dat de widget echt op je eigen site draait.
  • WordPress: Weergave → Thema-bestandseditor → footer.php, of een willekeurige plugin om header-/footercode in te voegen.
  • Shopify: Online winkel → Thema's → Code bewerken → theme.liquid, vóór </body>.
  • Wix / Squarespace: het veld voor „aangepaste code” in je site-instellingen, toegepast op alle pagina's.
  • Next.js / React: als <script> in je root-layout, met defer/async.

Voor privacy (AVG/KVKK) legt de widget niets vast tot de bezoeker de chatbubbel opent: de bezoeker verschijnt niet in de lijst met live bezoekers, paginaweergaven worden niet gevolgd en er wordt geen blijvende ID in de browser opgeslagen. De bubbel blijft zichtbaar, en de chat start gewoon zodra de bezoeker hem opent.

Gebruik je een tool voor cookietoestemming (Cookiebot, CookieYes, Google Consent Mode…), roep dan onderstaande functie aan wanneer de bezoeker toestemming geeft; bij bezoekers die toestemming geven, werken tracking en proactieve berichten al voordat ze een chat starten. Wordt de toestemming ingetrokken, dan verwijdert consent(false) de blijvende ID.

JavaScript
RevoChat.consent(true);   // toestemming gegeven
RevoChat.consent(false);  // toestemming ingetrokken

Identificeer je je leden met RevoChat.identify? Zet dan identiteitsverificatie aan: maak een geheim aan onder Instellingen → Installeren → Identiteitsverificatie, bewaar het alleen op je server en onderteken daar het e-mailadres. Een ondertekend e-mailadres krijgt een groen vinkje in het dashboard, en webhooks bevatten visitorEmailVerified: true. Een niet-ondertekend e-mailadres (ook een dat de bezoeker zelf heeft ingetypt) wordt opgeslagen, maar als niet geverifieerd behandeld.

Node.js
const hash = crypto.createHmac("sha256", IDENTITY_SECRET).update(member.email).digest("hex");
// op de pagina:
RevoChat.identify({ email: member.email, name: member.name, hash });
Op pagina's waar je al toestemming hebt (bijv. nadat een lid is ingelogd), kun je data-consent="granted" aan de script-tag toevoegen. Wil je liever iedereen volgen zonder op toestemming te wachten? Daarvoor is er de optie „Bezoekers volgen voordat ze een chat starten” onder Instellingen → Tijden & routering → Privacy; je cookiemelding moet dat dan wel dekken.

De weergave van de widget aanpassen

Kleur, positie, welkomstbericht, taal en FAQ-chips.

Onder Instellingen → Weergave stem je de hele widget af op je merk. Wijzigingen staan live zodra je opslaat — je hoeft de code niet opnieuw te plakken.

  • Merkkleur: zodat de bubbel en de berichtballonnen bij je merk passen.
  • Positie van de bubbel: rechtsonder (standaard) of linksonder — handig als er al iets anders in de rechterbenedenhoek van je site staat.
  • Welkomstbericht: de eerste regel die bezoekers zien als de chat opent.
  • Offline bericht: getoond als er geen medewerker beschikbaar is en de AI-assistent uit staat.
  • Widgettaal: automatisch, op basis van de browsertaal van de bezoeker, of vast (Engels, Turks, Spaans, Portugees, Duits, Frans, Italiaans, Nederlands, Russisch).
  • Veelgestelde vragen: verschijnen als chips op het welkomstscherm; klikt een bezoeker erop, dan start de chat met die vraag.
Wil je de taal op één pagina vastzetten? Voeg dan data-lang="en" toe aan de script-tag.

Voorkomen dat anderen je widget op hun site gebruiken

Beperk je insluitsleutel tot je eigen sites met de lijst toegestane domeinen.

Je insluitsleutel is voor iedereen zichtbaar in de paginabron — dat is normaal en hij is ook niet bedoeld als geheim. Wil je niet dat iemand de sleutel kopieert en op zijn eigen site gebruikt? Vul dan Instellingen → Installeren → Toegestane domeinen in.

  • Zolang de lijst leeg is, is er geen beperking (de functie is optioneel).
  • Scheid met komma's: site.com, shop.site.com
  • Jokertekens worden ondersteund: *.site.com dekt alle subdomeinen en ook site.com zelf.
  • Verbindingen vanaf een adres dat niet op de lijst staat, worden geweigerd; de bezoeker ziet geen foutmelding, de widget wordt gewoon niet getoond.

Een kant-en-klare chatpagina als je geen website hebt

Bied support via een deelbare link, zonder code te plakken.

Elke site heeft een eigen, losse chatpagina. Zet de link in je socialemediaprofiel, je e-mailhandtekening of een QR-code; klikt een bezoeker erop, dan opent een chat op volledig scherm en komt het gesprek in dezelfde inbox terecht.

Link
https://revochat.app/chat/YOUR_SITE_KEY

Andere onderwerpen