Ouvrir Xeno depuis un élément / bouton

Pour ajouter un bouton ou un élément de menu de navigation qui ouvrira votre boîte de dialogue Xeno, il existe 3 options :

A. L'URL

Afin d'ouvrir la boîte de dialogue Xeno automatiquement, dès qu'un visiteur arrive sur votre site internet, vous pouvez ajouter #chat-open à la fin de votre URL.

ex : https://www.votre-site-internet.com/produits#chat-open

Afin d'ouvrir la boîte de dialogue Xeno automatiquement sur la carte Rendez-vous, dès qu'un visiteur arrive sur votre site internet, vous pouvez ajouter #chat-open-meetings à la fin de votre URL.

ex : https://www.votre-site-internet.com/produits#chat-open-meetings

Vous pouvez ajouter un des éléments suivants à votre URL, pour que la boîte de dialogue Xeno soit ouverte sur un élément spécifique :

• #chat-open-about
• #chat-open-changelog
• #chat-open-conversation
• #chat-open-conversations
• #chat-open-faq
• #chat-open-homepage
• #chat-open-meetings

Ou tout simplement, un élément DOM :

<a href="https://votre-site-internet.com/produits#chat-open">Mon site internet</a>

B. La classe d'un élément du DOM

Pour ouvrir la boîte de dialogue Xeno depuis un élément du DOM, il suffit d'ajouter la classe xeno-open-widget à celui-ci.

Voici un exemple:

<button type="button" class="xeno-open-widget">Cliquez ici!</button>
<span class="xeno-open-widget">Cliquez ici</span>

Vous pouvez aussi utiliser l'attribut data-view pour ouvrir une vue spécifique dans la boîte de dialogue

<button type="button" class="xeno-open-widget" data-view="meetings">Cliquez ici</button>
<span class="xeno-open-widget" data-view="meetings">Cliquez ici</span>

C. En utilisant les fonctions API de Xeno

Il est également possible d'utiliser les fonctions API Xeno show() et hide() qui vous permettront d'ouvrir et de fermer la boîte de dialogue.

ex :

document.getElementById('my-button').addEventListener("click", function(event) {
 _xeno.show();
});