Overview & Installation

What is the Terminal Widget?

The Loomlay Terminal Widget allows you to embed a chat interface directly into your web pages. Users can interact with your configured AI agents through this terminal, and messages are routed live. The agent's responses, as defined in your workflow, will be displayed back to the user in the terminal.

Installation Steps:

To add the Terminal Widget to your web page, follow these two steps:

Add to <head>: Include the following lines within the <head> section of your HTML page to load the necessary stylesheet and script:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/loomlayorg/widget-public@latest/chat.css">
<script src="https://cdn.jsdelivr.net/gh/loomlayorg/widget-public@latest/chat.min.js"></script>

Add to <body>: Place the <loomlay-chat> custom HTML element within the <body> of your page where you want the chat widget to appear.

Important: It's recommended to copy this code snippet directly from the "Terminal" section within your Agent Builder. This will pre-fill your unique accesskey and agent uuid.

<loomlay-chat
    accesskey="YOUR_ACCESS_KEY"
    chat-title-colour="white"
    greeting-message="Hello, how can I help you?"
    headerBg="#2e323b"
    sendButtonBg="#25ffc1"
    open-btn-bg="#25ffc1"
    messageInputColor="#1d1d20"
    openChatButtonColor="#25ffc1">
    <agents>
        <agent uuid="YOUR_PROJECT_UUID" name="Agent Name" description="Agent Description">
        </agent>
    </agents>
</loomlay-chat>

accesskey: Your unique access key for the widget.
uuid (inside <agent>): The UUID of the specific agent project this terminal will interact with.

PreviousAgent Wallet NextIntegration with workflows

Last updated 3 days ago