✦ Placeholder for grip.alphadropsupply.com

Your new site,
grip.alphadropsupply.com.

Is Almost Ready To Go! Calm Yourself, You Look Like a Crazy Person.

Instances on this page

Three assistants, one codebase

Each widget runs independently with its own personality and knowledge base. Click the buttons in the corners.

📚

Book Expert

Recommends books, summarizes plots, and matches readers to their next great read.

→ Bottom-Right
🛎️

Customer Support

Answers questions about orders, returns, shipping, and accounts — instantly.

← Bottom-Left
🚀

Sales Helper

Consultative assistant that helps prospects find the right plan and pricing.

→ Add your own
Quick Setup

Five steps to go live

No build tools. No dependencies. Just PHP and a folder of documents.

1
Set your API key Create a .env file in your project root: ANTHROPIC_API_KEY=sk-ant-...
2
Create an instance folder instances/my-assistant/
3
Add config.json Set the name, avatar, color, welcome message, and system prompt.
4
Drop in documents Put .txt / .md files in instances/my-assistant/documents/. The assistant reads them automatically.
5
Embed with one script tag Copy the snippet below and paste it into any HTML page.
Embed

Copy & paste to embed

Stack as many widgets as you want on a single page.

index.html 
<!-- Book Expert widget -->
<script
  src="https://yoursite.com/widget.js"
  data-instance="book-expert"
  data-api-base="https://yoursite.com"
  data-position="bottom-right"
></script>

<!-- Support widget (left side) -->
<script
  src="https://yoursite.com/widget.js"
  data-instance="customer-support"
  data-api-base="https://yoursite.com"
  data-position="bottom-left"
></script>

config.json reference

One file per assistant instance.

instances/my-assistant/config.json 
{
  "name":            "My Assistant",
  "avatar":          "🤖",
  "color":           "#6366f1",
  "text_color":      "#ffffff",
  "welcome_message": "Hello! How can I help?",
  "placeholder":     "Ask me anything...",
  "system_prompt":   "You are a helpful assistant..."
}