Alhena
  • Introduction
  • Getting Started
  • Architecture
  • Reference
    • Website SDK
      • Configure Proactive Nudges
    • Product FAQs
    • Website chatsdk events
    • Website chatsdk APIs
    • Chat SDK api and events examples
      • Open other external widget once human transfer is initiated
      • Show the Alhena AI widget only when someone scroll the page by 5 px
    • Website SDK - Custom data
      • Website SDK - Customer data with Agent
    • Website SDK - Internationalization
    • API Reference
      • API calls
    • Device Compatibility
  • Tutorials
    • AI Training
      • Training Steps
      • Training Data Sources
        • Websites
        • Youtube videos
        • Google Drive
        • Twitter Pages
        • Discord Messages
        • Confluence Pages
        • Upload Documents
        • Github
        • Zendesk Tickets
        • Freshdesk Tickets
        • Freshchat Tickets
        • Custom data sources
        • Shopify API
        • Woocommerce API
        • PDF Crawling
      • Training Frequently Asked Questions
    • Tuning Alhena AI Post Training
      • Best Practices for configuring the Alhena AI’s personality and guidelines
      • Adding Human Feedback for improving specific Questions
      • Adding to your knowledge base with FAQs
      • Frequently Asked Questions - Tuning Responses
    • QAing Al Conversations
      • Smart Flagging: Streamline Your AI Quality Assurance
    • Integrations
      • Alhena Website Chat SDK
        • Customizing Your Alhena Chat Widget
      • Integrating Alhena AI With Slack
      • Integrating Alhena AI With Discord
      • Integrating Alhena With Freshdesk
      • Integrating Alhena AI With Zendesk
      • Integrating Alhena AI With Email
      • Integrating Alhena AI With Shopify
      • Integration Alhena AI With Trustpilot
      • Integrating Alhena With Gorgias
      • Integrating Alhena With Kustomer
    • Notifications
    • Alhena Dashboard
      • Managing Team
Powered by GitBook
On this page
  1. Reference
  2. Chat SDK api and events examples

Open other external widget once human transfer is initiated

Listen for ticket:agent_handoff_initiated and then close the current conversation, hide gleen widget and open your widget.

To close the conversation call. - window.gleenWidget.closeTicket();

To hide Gleen widget call. - window.gleenWidget.close();

Sample code is here

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ev Widget</title>
</head>
<body>

<script>
document.gleenConfig = {
    company: "gleen",
    apiBaseUrl: "https://app.alhena.ai"
};
</script>
<script src="https://app.alhena.ai/sdk/gleenWidget.js"></script>

<script>
window.gleenWidget.on("ticket:agent_handoff_initiated", function (data) {
    // Minimize the Gleen widget instead of fully closing it
    window.gleenWidget.closeTicket();
    window.gleenWidget.close();

    // Set up Freshworks widget settings
    ADD code YOUR WIDGET LOAD
});
</script>

</body>
</html>
PreviousChat SDK api and events examplesNextShow the Alhena AI widget only when someone scroll the page by 5 px

Last updated 2 months ago