So, although we will have a live chat option in Quriobot one day... Until that moment: How about the best of both worlds!


Meaning that you use Quriobot to start your Zendesk Widget if a user wants to talk to a live person and switch back once that conversation is over! 

Pretty cool, right? So here is the demo of Quriobot using Zendesk Widget as a fallback for the live chat:

Live demo is located here


Step 0: In this explanation I already assume you to have a Quriobot running on your website.


Step 1: Include the Zendesk installation code in your website:


<!-- Start of quriobot Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=KEY"> </script>

Add this script AFTER the widget script:


<script>
zE('webWidget', 'hide');
zE('webWidget:on', 'close', function() {
    quriobot.show_frame()
  })
</script>



Step 2:  We will make use of the Script Chat Text, Zendesk Widget Launcher JS API and Variables to pre-fill and open the widget:


function() {
  zE('webWidget', 'identify', {
    name: '{{firstName}} {{lastName}}',
    email: '{{email}}',
    organization: '{{organisation}}'
  })
  setTimeout(function(){
    zE('webWidget', 'show');
    zE('webWidget', 'open');
    document.getElementById("botbutton").classList.remove('show');
  }, 1000)
}


Note: we're using {{firstName}}, {{lastName}}, {{email}} and {{organisation}} Bot variables to indentify the user.

That's it! If you add this as a Response to an answer option for example, you will open the Zendesk Widget chat and hide Quriobot. Closing Zendesk Widget will make Quriobot reappear!


Enjoy!!




Need more help or looking for inspiration? Join the Quriobot community!

Quriobot
Friendly & Fun
Interact & Convert