Gamification

The Chatbot Web SDK now supports game integration to enhance user experience during human escalation scenarios. When a conversation is escalated to a human operator and the user enters a waiting state, interactive games can be automatically launched to keep users engaged while they await assistance.

Supported Games

1. Emoji Riddle Game

An engaging puzzle game where users solve riddles using emoji clues. Perfect for quick mental exercises while waiting.

2. BouncyBird

A classic arcade-style game that provides entertainment and helps pass time during operator assignment delays.

3. Custom Game

Embed any iFrame game in your chatbot to provide a unique and engaging experience for your users.

To enable gamification in your chatbot:

Go to widget settings → branding section

Paste your desired game integration code in the branding section

Game Launch on Human Escalation

Use the following event listeners to automatically trigger games when human escalation occurs:

Emoji Riddle Integration

To add Emoji Riddle integration to your chatbot, use the following code:

$yourgptChatbot.on("escalatedToHuman", function() {
    $yourgptChatbot.execute("game:start", {id:"emojiRiddle"});
});

BouncyBird Integration

To add BouncyBird integration to your chatbot, use the following code:

$yourgptChatbot.on("escalatedToHuman", function() {
    $yourgptChatbot.execute("game:start", {id:"bouncyBird"});
});

iFrame Integration

$yourgptChatbot.on("escalatedToHuman", function() {
  $yourgptChatbot.execute("bottomSheet:open", {
    url: "https://cloud.onlinegames.io/games/2024/construct/219/stickman-parkour/index-og.html"
  });
});