Dans ce guide, nous allons vous montrer comment lancer et fermer votre widget Chatway à l'aide d'une fonction JavaScript en quelques clics très simples et rapides.

Vous pouvez utiliser cette fonctionnalité pour lancer ou fermer votre widget depuis n'importe où sur votre site Web, par exemple via un bouton ou une image.

Comment ouvrir votre widget Chatway

Prenons l'exemple ci-dessus. Pour lancer le widget Chatway avec une fonction JavaScript, ajoutez un bouton. Il servira de bouton personnalisé sur lequel les visiteurs cliqueront pour ouvrir le widget Chatway. Ensuite, ajoutez ce code :

javascript:$chatway.openChatwayWidget();

Cliquez ici pour voir comment cela fonctionne:

Ouvrez le widget

Vous pouvez également utiliser le code suivant pour lancer le chat à partir d'un lien personnalisé. Voici un exemple :

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

Vous pouvez également utiliser le script suivant pour lancer le chat depuis le widget bouton Elementor. Voici un exemple :

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

Vous pouvez utiliser l'extension WPCode et ajouter le script dans la section Pied de page.

Veuillez noter que l'ID doit être exactement le même.

Si vous souhaitez lancer le widget Chatway à partir du widget bouton Elementor, veuillez ajouter votre classe dans le champ Classes CSS comme dans l'exemple ci-dessous :

Comment fermer votre widget Chatway

Pour fermer le widget Chatway avec une fonction JavaScript, ajoutez un bouton personnalisé, comme dans l'exemple ci-dessus. Il servira de bouton sur lequel les visiteurs cliqueront pour fermer le widget Chatway. Ensuite, ajoutez la fonction JavaScript.

javascript:$chatway.closeChatwayWidget();

Cliquez ici pour voir comment cela fonctionne:

Fermez le widget

Comment ouvrir l'onglet FAQ

Si vous activez l'onglet FAQ, vous pouvez également l'ouvrir avec la fonction JavaScript ci-dessous.

javascript:$chatway.openFaqChatwayWidget();

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

Vous pouvez également consulter ce guide sur l'affichage et le masquage du widget Chatway : https://chatway.app/help/for-developers/how-to-show-or-hide-the-chatway-icon-using-javascript