Ouvrir Polaria depuis un élément / bouton

Ouvrir Polaria depuis un élément / bouton

Écrit par Remi Delhaye
Dernière mise à jour :  jeudi 02 janvier 2025

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

A. L'URL

Afin d'ouvrir la boîte de dialogue Polaria 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 Polaria 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 Polaria 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>
La solution ci-dessus fonctionnera sur une page web qui n'est pas encore chargée. Par exemple, on peut l'utiliser dans un lien que l'on envoie dans une discussion instantanée ou dans un email.

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

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

Voici un exemple:

<button type="button" class="polaria-open-widget">Cliquez ici!</button>
<span class="polaria-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="polaria-open-widget" data-view="meetings">Cliquez ici</button>
<span class="polaria-open-widget" data-view="meetings">Cliquez ici</span>


C. En utilisant les fonctions API de Polaria

Il est également possible d'utiliser les fonctions API Polaria 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) {
 _polaria.show();
});
Les solutions B et C fonctionneront sur une page web qui est déjà chargée. Par exemple, on peut l'utiliser sur un bouton d'une page web.

Javascript API

12 articles dans cette catégorie.
Écrit par Remi Delhaye.