Add interactive games into your chatbot experience to keep users engaged during support wait times. This guide shows how to integrate these games using event listeners in the Chatbot Web SDK, ensuring smooth transitions and improved user satisfaction.

The Chatbot Web SDK now supports launching interactive games when a conversation is escalated to a human agent. While users await assistance, these games enhance the experience by reducing perceived wait time and increasing engagement.

🕹️ Supported Games

1. Emoji Riddle Game

A quick puzzle game using emoji clues to guess words or phrases. Ideal for light engagement.

2. Bouncy Bird

A classic tap-to-fly game adapted to run inside the chat interface, perfect for passing time.

⚙️ Implementation

1. Go to Widget Settings → Branding

2. Paste your desired game script or iframe source

3. Save changes

Adding EmojiRiddle

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

Switching to Flappy Bird

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

Using a Custom iFrame Game

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

💡 Tip: Only one game integration should be active at a time to avoid interface conflicts. also can add delay to load the game with slight delay.

🧭 User Experience Flow

1. Escalation Trigger

When a user's conversation is escalated to human support, the system automatically detects the waiting state and launches the configured game.

2. Game Session

Users can interact with the game while waiting for operator assignment. The game runs in an overlay or dedicated section within the chat interface, maintaining context of the ongoing support request.

3. Operator Assignment

When a human operator joins the conversation, the system presents the user with two options:

Continue Playing

• Purpose: Allows users to finish their current game session before proceeding with support

• Behaviour: Chat remains accessible but game continues running in parallel

Continue to Chat

• Purpose: Immediately transitions user focus back to the support conversation

• Behaviour: Game is paused/minimised and chat interface becomes primary focus

💡 Benefits

For Users

• Shorter perceived wait time

• Reduces support frustration

• Keeps engagement in-app

For Businesses

• Higher satisfaction scores

• Fewer user drop-offs

• Stronger brand experience

• More buffer time for agent allocation

🔧 Technical Notes

• Games are lightweight and load quickly to minimise impact on chat performance

• All game data is stored locally and doesn't interfere with chat session data

• Games automatically pause when chat becomes active to ensure smooth transitions

• Compatible with all existing SDK features and customisation options