Comment afficher ou masquer l'icône Chatway à l'aide de Javascript

Dans ce guide, nous allons vous montrer les étapes simples et faciles à suivre pour afficher ou masquer l'icône Chatway à l'aide de Javascript.

Cette fonctionnalité est très utile car vous pouvez donner la possibilité aux visiteurs de votre site de discuter avec vous n'importe où sur votre site Web et de masquer l'icône à tout moment. Vous pouvez appliquer la fonction Javascript sur un bouton ou une image pour un accès facile.

Comment afficher l'icône Chatway

Pour ouvrir l'icône Chatway en cliquant sur un bouton, commencez par ajouter un bouton puis ajoutez le code ci-dessous comme lien :

javascript:$chatway.showChatwayIcon();

Cliquez ci-dessous pour voir comment cela fonctionne :

(Si l'icône Chatway est actuellement ouverte, veuillez la masquer en cliquant ici .)

Vous pouvez également simplement ajouter le code directement sous forme de lien :

Afficher l'icône Chatway

Comment masquer l'icône Chatway

Pour masquer l'icône Chatway, suivez simplement les mêmes étapes ci-dessus mais utilisez la fonction Javascript ci-dessous.

javascript:$chatway.hideChatwayIcon();

Cliquez ci-dessous pour voir comment cela fonctionne :

Masquer l’icône Chatway

Si vous souhaitez masquer l'icône Chatway afin de lancer le widget via votre bouton personnalisé, vous pouvez également utiliser le code CSS personnalisé ci-dessous :

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

Comment masquer l'icône Chatway par défaut

Si vous souhaitez masquer l'icône Chatway par défaut, vous pouvez ajouter le script ci-dessous à l'en-tête de votre site.

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

C'est ça! Facile comme 1,2,3 ☺️

Vous pouvez également consulter ce guide sur la façon d'ouvrir ou de fermer le widget Chatway à l'aide de Javascript ici.