Alle categorieën ​>​ ​6. Instellingen ​ > ​ ​1. Account instellingen ​ > ​ ​5. Integraties ​ > ​ ​Overig ​ > ​ ​Live chat zonder platform ​ > ​ ​Basis javascript ​>​ Hoe kan ik de chat widget openen met een custom knop of link op mijn website?

Hoe kan ik de chat widget openen met een custom knop of link op mijn website?

Geüpdatet 2 years ago door Michel Kamerling

Het is mogelijk om de Live Chat Widget te laten openen met een zelfgemaakte knop, afbeelding of link op je website. Hoe je dit doet? Dat vind je in dit artikel.

ㅤ

Hoe open ik de live chat widget met een link of knop op mijn website?

1. Zorg ervoor dat de Belco widget op je site draait doormiddel van een integratie of via Javascript.
   Belco nog niet geinstalleerd op je site? Meer informatie: https://developers.belco.io/docs
2. Je hebt de Belco code draaien op de site.
3. Met onderstaand stukje code kun je de widget via een link of knop laten openen op de site. Dit is een basis voorbeeld die werkt. Een knop zul je zelf moeten creeren in combinatie met onderstaande code.

4. <a href="#" data-belco-action="chat">Chat met ons</a>

5. Probeer het eens: Chat met ons
6. Tadaa! Je kunt nu met een link of custom knop de live chat widget benaderen.

ㅤ

Hoe open ik de live chat widget met een klik op een afbeelding?

1. Zorg ervoor dat de Belco widget op je site draait doormiddel van een integratie of via Javascript.
2. Voeg onderstaande code toe op je site, zorg dat je de juiste afbeelding locatie zelf toevoegd.

3. <a href="#" data-belco-action="chat"><img src="Afbeelding hier"></a>

4. De grootte van de afbeelding wordt bepaald door de afmetingen van de afbeelding. Wil je deze aanpassen? Dien je onderstaande waarden toe te voegen.

5. style="width:500px;height:500px;"> (of) width="breedte" height="hoogte">

6. Probeer het eens:
7. Het klopt dat de afbeelding op onze site stuk is. In jouw situatie is de afbeelding zichtbaar en klik je daar dus op. Nu dien je op het kleine icoontje te klikken om de werking te testen.
8. Gelukt! Je kunt nu door op een klik op een afbeelding de live chat widget benaderen.