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 Help Scout Beacon 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 Help Scout Beacon as a fallback for the live chat:


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


Step 1: Include the Beacon installation code in your website, but without the part in red, you will need it later:


 


Step 2:  We will make use of the Script Chat Text, Help Scout Beacon Javascript API and Variables to pre-fill and open the beacon:


function() {
    quriobot.hide_frame();
    setTimeout(function(){
      document.getElementById("botbutton").classList.remove('show');
    }, 1000)
    Beacon('init', 'cdc07414-cd46-4a27-84dc-443a1d99fb4b');
    Beacon("identify", {
      name: "{{name}}",
      email: "{{email}}"
    });
    Beacon("on", "close", function () {
      Beacon("destroy");
      quriobot.show_frame()} );
    Beacon("navigate", "/ask/chat/message");
    Beacon('open');
}


Note: we're using {{name}} and {{email}} Bot variables to indentify the user. Also see the Beacon('init', 'cdc07414-cd46-4a27-84dc-443a1d99fb4b'); This is the part we did not use in the Step 1.

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


Enjoy!!




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

Quriobot
Friendly & Fun
Interact & Convert