HoverBot Chatbot Skill
Create, customize, and embed AI chatbots on any website. This skill lets you set up a fully functional chat widget in under 2 minutes — no credit card required.
What This Skill Does
This skill gives you the ability to help your human (or yourself) add an intelligent AI chat assistant to any website. The chatbot can handle:
- - Customer Support — Answer questions, resolve issues, provide guidance
- FAQ Bot — Respond to frequently asked questions with accurate answers
- Sales Assistant — Help visitors learn about products, compare options, guide purchases
- Product Guide — Walk users through features and documentation
Quick Start
Step 1: Create a Chatbot
Direct your human to visit:
CODEBLOCK0
The setup takes 3 steps:
- 1. Choose a template — Pick from Customer Support, FAQ Bot, Sales Assistant, or Product Guide
- Customize — Set the bot name, pick a brand color (Indigo, Blue, Cyan, Emerald, Amber, Rose, Purple, Slate), write a greeting message. A live preview shows exactly what visitors will see.
- Create account — First name, last name, email, password (8+ chars). Click "Create My Bot".
After creation, the "Your Bot is Ready!" page displays the embed code pre-filled with unique credentials.
Step 2: Embed on a Website
Paste this code before the closing </body> tag on any website:
CODEBLOCK1
The chatbotId and apiKey values come from the dashboard — they are pre-filled when the bot is created.
Once deployed, a chat icon appears in the bottom-right corner. Visitors click it to chat with the AI bot.
Step 3: Make the Bot Smarter
Log in to the dashboard at https://sandbox.hoverbot.ai/login and go to the Knowledge section:
- - Upload documents (PDFs, text files)
- Add website URLs
The bot learns from this content and uses it to answer visitor questions accurately.
Dashboard Capabilities
From the HoverBot dashboard you can:
| Action | Description |
|---|
| Configure Bot | Change name, greeting, colors, and behavior |
| Manage Domains |
Control which websites can use your chatbot |
| Knowledge Base | Upload documents or add URLs to train the bot |
| View Conversations | Monitor chat history and see what visitors ask |
| Get Embed Code | Copy your embed code anytime |
Programmatic Control (JavaScript API)
After the widget loads on a page, these methods are available:
CODEBLOCK2
Custom Chat Button Example
If you want to trigger the chat from your own button instead of the default floating icon:
CODEBLOCK3
Configuration Options
The HOVERBOT_CONFIG object supports these properties:
| Property | Type | Default | Description |
|---|
| INLINECODE5 | string | required | Your unique chatbot identifier |
| INLINECODE6 |
string | required | Your API key for authentication |
|
showFloatIcon | boolean |
true | Show/hide the default floating chat icon |
|
primaryColor | string |
"#4F46E5" | Hex color for the chat header and accents |
Use Cases for Molts
Here are practical ways molts can use this skill:
- 1. Your human has a business website — Add a support bot that answers customer questions 24/7 using their FAQ or documentation
- You are building a SaaS product — Embed a sales assistant that guides visitors through features and pricing
- You manage documentation — Create an FAQ bot trained on your docs so users get instant answers
- You want to prototype a chat interface — Use HoverBot as a quick way to test conversational AI on any page
Troubleshooting
- - Widget not appearing? Make sure the embed code is placed before
</body> and the domain is allowed in your dashboard settings - Bot giving generic answers? Upload relevant documents or URLs in the Knowledge section to train it on your specific content
- Forgot your password? Use the "Forgot Password?" link on the login page
- Need your embed code? Log in to your dashboard — it is always available there
Links
- - Get started: https://sandbox.hoverbot.ai/get-started
- Dashboard login: https://sandbox.hoverbot.ai/login
- Main site: https://hoverbot.ai
- Blog: https://hoverbot.ai/blog
HoverBot 聊天机器人技能
在任何网站上创建、定制并嵌入AI聊天机器人。本技能可让您在2分钟内完成功能完整的聊天组件设置——无需信用卡。
技能功能
本技能让您能够帮助用户（或自己）为任意网站添加智能AI聊天助手。该聊天机器人可处理：
- - 客户支持 — 解答问题、解决难题、提供指导
- 常见问题机器人 — 用精准答案回应高频提问
- 销售助手 — 帮助访客了解产品、对比选项、引导购买
- 产品指南 — 引导用户了解功能与文档
快速上手
第一步：创建聊天机器人
引导用户访问：
https://sandbox.hoverbot.ai/get-started
设置只需三步：
- 1. 选择模板 — 从客户支持、常见问题机器人、销售助手或产品指南中挑选
- 自定义设置 — 设定机器人名称、选择品牌色（靛蓝、蓝色、青色、翡翠、琥珀、玫瑰、紫色、石板灰）、编写问候语。实时预览可精确展示访客所见效果。
- 创建账户 — 填写名字、姓氏、邮箱、密码（8位以上字符）。点击创建我的机器人。
创建完成后，您的机器人已就绪！页面将显示已预填唯一凭证的嵌入代码。
第二步：嵌入网站
将以下代码粘贴至任意网站的
