In deze handleiding laten we u de eenvoudige en gemakkelijk te volgen stappen zien over hoe u het Chatway-pictogram kunt weergeven of verbergen met Javascript.

Deze functie is erg handig, zodat u bezoekers van uw site de mogelijkheid kunt geven om overal op uw website met u te chatten en het pictogram op elk gewenst moment te verbergen. U kunt de Javascript-functie op een knop of een afbeelding toepassen voor eenvoudige toegang.

Hoe het Chatway-pictogram wordt weergegeven

Om het Chatway-pictogram te openen met een klik op de knop, begint u met het toevoegen van een knop en voegt u vervolgens de onderstaande code toe als link:

javascript:$chatway.showChatwayIcon();

Klik hieronder om te zien hoe het werkt:

(Als het Chatway-pictogram momenteel open is, kunt u het eerst sluiten door hier te klikken .)

Chatway-pictogram weergeven

Je kunt de code ook gewoon rechtstreeks als link toevoegen:

Chatway-pictogram weergeven

Hoe het Chatway-pictogram te verbergen

Om het Chatway-pictogram te verbergen, volgt u dezelfde stappen hierboven, maar gebruikt u de onderstaande Javascript-functie.

javascript:$chatway.hideChatwayIcon();

Klik hieronder om te zien hoe het werkt:

Verberg het Chatway-pictogram

Chatway-pictogram verbergen

Als u het Chatway-pictogram wilt verbergen om de widget via uw aangepaste knop te starten, kunt u ook de onderstaande aangepaste CSS-code gebruiken:

.chatway--container .chatway--trigger-container {
  display: none
}

Hoe je het Chatway-pictogram standaard verbergt

Als u het Chatway-pictogram standaard wilt verbergen, kunt u het onderstaande script toevoegen aan de header van uw site.

<script>
  window.$chatwayOnLoad = function() {
    if (window.$chatway && typeof window.$chatway.hideChatwayIcon === 'function') {
      window.$chatway.hideChatwayIcon();
    }
  };
</script>

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

Je kunt ook deze handleiding raadplegen over hoe je de Chatway-widget met JavaScript kunt openen of sluiten.