Skip to main content

Introduction

Welcome to the documentation of Puzzle Bot Front, an AI assistant designed to enhance user engagement on websites through advanced AI interactions. This assistant can be easily embedded into any web page, providing specialized assistance using technologies like Large Language Models (LLMs), Retrieval-Augmented Generation (RAG), and AI agents.

Purpose of the Application​

Puzzle Bot Front offers users an interactive chat interface that supports both text and audio inputs. It's ideal for e-commerce platforms, customer service portals, and any website aiming to enhance user interaction through AI-powered assistance.

How It Works​

The assistant is integrated into web pages using a simple <script> tag. Once embedded, it provides users with an AI-powered chat interface capable of understanding and responding to user queries using advanced AI technologies.

Direct Implementation Example​

To integrate Puzzle Bot Front into your website, include the following script tag in your HTML, replacing the src with your server URL and data-apikey with your API key:

<script
  id="ai-bot-script"
  type="module"
  data-primary="primary-color"
  data-secondary="secondary-color"
  data-bg-chat="chat-background-color"
  data-bg-response="msg-response-background-color"
  data-page-size="sm"
  data-title="your-title"
  data-external-user-id="your-external-user-id"
  data-lang="en"
  data-apikey="your-api-key"
  data-channel-key="your-channel-key"
  data-user-session-id="your-user-session-id"
  crossorigin
  src="https://your-server-url.com/bot-ai"
></script>

Prerequisites​

  • Access to the source code of the website where the assistant will be integrated.
  • API Key for user authentication.
  • Hosting compatibility that allows embedded scripts.