In deze handleiding laten we u zien hoe u uw Chatway-widget kunt starten en sluiten met behulp van een JavaScript-functie in een paar supereenvoudige en snelle klikken.

U kunt deze functie gebruiken om uw widget overal op uw website te starten of te sluiten, bijvoorbeeld via een knop of een afbeelding.

Hoe u uw Chatway-widget opent

Laten we het voorbeeld van hierboven nemen. Voeg een knop toe om de Chatway-widget met een JavaScript-functie te starten. Het zal dienen als uw aangepaste knop waarop bezoekers zullen klikken om de Chatway-widget te openen. Voeg vervolgens deze code toe:

javascript:$chatway.openChatwayWidget();

Klik hier om te zien hoe het werkt:

Open de widget

U kunt ook de volgende code gebruiken om de chat te starten via een aangepaste link. Hier is een voorbeeld:

<a href="javascript:$chatway.openChatwayWidget();">Open Chat</a>

U kunt ook het volgende script gebruiken om de chat te starten vanuit de Elementor-knopwidget. Hier is een voorbeeld:

<script>
  // Select all buttons with that class
  document.querySelectorAll('.openchatwindow').forEach(function(btn) {
    btn.addEventListener('click', function(event) {
      event.preventDefault();
      $chatway.openChatwayWidget();
    });
  });
</script>

Je kunt de WPCode- plugin gebruiken en het script toevoegen aan de voettekst.

Houd er rekening mee dat de ID exact hetzelfde moet zijn.

Als u de Chatway-widget wilt starten vanuit de Elementor-knopwidget, voegt u uw klasse toe aan het veld CSS-klassen, zoals in het onderstaande voorbeeld:

Hoe u uw Chatway-widget sluit

Om de Chatway-widget af te sluiten met een JavaScript-functie, voegt u een aangepaste knop toe, net als in het bovenstaande voorbeeld. Het zal dienen als een knop waarop bezoekers kunnen klikken om de Chatway-widget te sluiten. Voeg vervolgens de JavaScript-functie toe.

javascript:$chatway.closeChatwayWidget();

Klik hier om te zien hoe het werkt:

Sluit de widget

Hoe open ik het tabblad Veelgestelde vragen?

Als je het tabblad Veelgestelde vragen inschakelt, kun je het ook openen met de onderstaande JavaScript-functie.

javascript:$chatway.openFaqChatwayWidget();

Dat is het! Makkelijk als 1,2,3 ☺️

Je kunt ook deze handleiding raadplegen over het weergeven en verbergen van de Chatway-widget: https://chatway.app/help/for-developers/how-to-show-or-hide-the-chatway-icon-using-javascript