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:

https://sandbox.hoverbot.ai/get-started

The setup takes 3 steps:

1. Choose a template — Pick from Customer Support, FAQ Bot, Sales Assistant, or Product Guide
2. 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.
3. 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:

<script>
  window.HOVERBOT_CONFIG = {
    chatbotId: "your-unique-chatbot-id",
    apiKey: "your-unique-api-key"
  }
</script>
<script async src="https://cdn.hoverbot.ai/widget.js"></script>

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:

Programmatic Control (JavaScript API)

After the widget loads on a page, these methods are available:

// Open the chat window
window.hoverBotWidget.openChat();

// Close the chat window
window.hoverBotWidget.closeChat();

// Hide the floating chat icon (for custom trigger buttons)
window.hoverBotWidget.updateButtonVisibility(false);