Using both Quriobot and Help Scout!
So, although we have a live chat option in Quriobot you can use 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 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!