De chat op je site zetten

Wat je nodig hebt

Een werkruimte in Helder met Helder chat aan, en toegang tot de HTML van je frontend.

1. Fragment kopiëren

Ga in Helder naar Chat, Widget, tab Installatie. Daar staat het fragment voor jouw winkel, met je eigen werkruimte-id en de juiste adressen. Het ziet er zo uit:

<script
  src="…/widget.js"
  data-tenant="jouw-werkruimte-id"
  data-url="…"
  data-config-url="…"
  defer></script>

Neem het fragment letterlijk over uit Helder; de adressen hierboven zijn ingekort.

2. Op elke pagina zetten

Zet het fragment vlak voor </body>, in de layout die al je pagina’s delen. Het script laadt na de rest van de pagina (defer) en maakt de pagina niet trager.

De widget volgt zelf de navigatie van een single-page app. Je hoeft hem na een paginawissel niet opnieuw te laden; de regels voor waar de widget verschijnt, kloppen ook zonder herladen.

3. Instellen in Helder

Kleur, begroeting en op welke pagina’s de widget verschijnt, stel je in onder Chat, Widget. Dat werkt meteen, zonder je code aan te passen.

Content Security Policy

Gebruik je een Content Security Policy, sta dan het adres van het script toe onder script-src, en de adressen uit data-url en data-config-url onder connect-src.