Opening Slaask from an item / button

To add a button or a menu navigation item on your site that will open the Slaask chatbox, you have 3 choices:

A. The URL

To automatically open the Slaask chatbox when someone lands on a page, please add “#chat-open” to the end of your URL.

Here is an example:

https://your-website.com/products#chat-open

To automatically open the Slaask chatbox Meetings Card, when someone lands on a page, please add “#chat-open-meetings” to the end of your URL.

https://your-website.com/products#chat-open-meetings

Just add any of the following terms to an URL where Slaask is deployed to point to a specific Slaask Card:

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

Or simply in a DOM element:

<a href="https://your-website.com/products#chat-open">My Website</a>

B. A DOM element class

To open the Slaask chatbox from a DOM element, you just have to add the slaask-open-widget class to the element.

Here is an example:

<button type="button" class="slaask-open-widget">Click Me!</button>
<span class="slaask-open-widget">Click Me!</span>

You can also use this syntax to open a specific Card:

<button type="button" class="slaask-open-widget" data-view="meetings">Click Me!</button>
<span class="slaask-open-widget" data-view="meetings">Click Me!</span>

C. Using Slaask API functions

You can also use the Slaask API functions show() and hide() that allows you to open/close the chat.

Here is an example:

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