FAQ-бот для сайта на Claude API: отвечает как твой лучший менеджер, а не как ChatGPT из 2023 года

Ты помощник компании [НАЗВАНИЕ]. Твоя задача — отвечать на вопросы клиентов.

ПРАВИЛО 1: Отвечай ТОЛЬКО на основе базы знаний ниже.
Не додумывай цены, сроки, условия и скидки — только то, что есть в документе.

ПРАВИЛО 2: Если в базе знаний нет ответа на вопрос —
скажи: "Этот вопрос лучше уточнить у менеджера" и предложи контакт:
телефон +7 (XXX) XXX-XX-XX или Telegram @username.

ПРАВИЛО 3: Отвечай коротко и по делу. Один вопрос — один абзац.
Не пиши длинные списки если вопрос простой.

ПРАВИЛО 4: Ты не принимаешь решения о нестандартных скидках,
исключениях и индивидуальных условиях. Для этого — менеджер.

ПРАВИЛО 5: Будь вежливым, но не льстивым. Не нужно "отличный вопрос!"

=== БАЗА ЗНАНИЙ КОМПАНИИ ===

[ЗДЕСЬ ВСТАВИТЬ СОДЕРЖИМОЕ FAQ, ПРАЙСА И УСЛОВИЙ]

from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware
from pydantic import BaseModel
import anthropic
from pathlib import Path
import json, uuid

app = FastAPI()

# Разрешаем запросы с сайта
app.add_middleware(
  CORSMiddleware,
  allow_origins=["https://your-site.ru"],  # замени на свой домен
  allow_methods=["POST"],
  allow_headers=["*"],
)

# Загружаем базу знаний один раз при старте
KNOWLEDGE_BASE = Path("knowledge_base.txt").read_text(encoding="utf-8")

SYSTEM_PROMPT = f"""Ты помощник компании. Отвечай ТОЛЬКО из базы знаний ниже.
Если ответа нет — предложи связаться с менеджером: +7 (383) 200-00-00.
Не додумывай цены, сроки и условия.

=== БАЗА ЗНАНИЙ ===
{KNOWLEDGE_BASE}"""

client = anthropic.Anthropic(api_key="YOUR_API_KEY")

# Хранилище истории диалогов (для продакшена — Redis или SQLite)
sessions: dict[str, list] = {}

class ChatRequest(BaseModel):
  session_id: str | None = None
  message: str

@app.post("/chat")
async def chat(req: ChatRequest):
  # Создаём или продолжаем сессию
  sid = req.session_id or str(uuid.uuid4())
  if sid not in sessions:
      sessions[sid] = []

  # Добавляем сообщение пользователя
  sessions[sid].append({"role": "user", "content": req.message})

  # Ограничиваем историю — последние 10 сообщений
  history = sessions[sid][-10:]

  response = client.messages.create(
      model="claude-sonnet-4-5",
      max_tokens=512,
      system=SYSTEM_PROMPT,
      messages=history
  )

  bot_reply = response.content[0].text

  # Сохраняем ответ в историю
  sessions[sid].append({"role": "assistant", "content": bot_reply})

  return {"session_id": sid, "reply": bot_reply}

# Запуск: uvicorn main:app --host 0.0.0.0 --port 8000

(function() {
var API_URL = 'https://bot.your-site.ru/chat';
var sessionId = null;

// Создаём HTML виджета
var html = '<div id="fb-widget">' +
  '<button id="fb-toggle">💬</button>' +
  '<div id="fb-window" style="display:none">' +
    '<div id="fb-header"><span>Онлайн-консультант</span>' +
      '<button id="fb-close">✕</button></div>' +
    '<div id="fb-messages"></div>' +
    '<div id="fb-input-wrap">' +
      '<input id="fb-input" type="text" placeholder="Задайте вопрос..." />' +
      '<button id="fb-send">→</button>' +
    '</div>' +
  '</div>' +
'</div>';

var style = '<style>' +
  '#fb-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:sans-serif}' +
  '#fb-toggle{width:56px;height:56px;border-radius:50%;background:#7c3aed;color:#fff;' +
    'border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(124,58,237,.4)}' +
  '#fb-window{width:340px;height:480px;background:#1a1a2e;border:1px solid #2d2d4e;' +
    'border-radius:16px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.4);margin-bottom:8px}' +
  '#fb-header{padding:14px 16px;background:#7c3aed;border-radius:16px 16px 0 0;' +
    'display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:600;font-size:14px}' +
  '#fb-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1}' +
  '#fb-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}' +
  '.fb-msg{max-width:80%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5}' +
  '.fb-msg--user{background:#7c3aed;color:#fff;align-self:flex-end;border-radius:12px 12px 2px 12px}' +
  '.fb-msg--bot{background:#2d2d4e;color:#e2e8f0;align-self:flex-start;border-radius:12px 12px 12px 2px}' +
  '.fb-msg--typing{opacity:.6}' +
  '#fb-input-wrap{padding:12px;border-top:1px solid #2d2d4e;display:flex;gap:8px}' +
  '#fb-input{flex:1;background:#2d2d4e;border:1px solid #3d3d5e;border-radius:8px;' +
    'padding:8px 12px;color:#e2e8f0;font-size:13px;outline:none}' +
  '#fb-send{background:#7c3aed;color:#fff;border:none;border-radius:8px;' +
    'padding:8px 14px;cursor:pointer;font-size:16px}' +
  '@media(max-width:400px){#fb-window{width:calc(100vw - 32px)}}' +
'</style>';

document.head.insertAdjacentHTML('beforeend', style);
document.body.insertAdjacentHTML('beforeend', html);

var toggle = document.getElementById('fb-toggle');
var win = document.getElementById('fb-window');
var closeBtn = document.getElementById('fb-close');
var input = document.getElementById('fb-input');
var send = document.getElementById('fb-send');
var messages = document.getElementById('fb-messages');

function addMsg(text, role) {
  var div = document.createElement('div');
  div.className = 'fb-msg fb-msg--' + role;
  div.textContent = text;
  messages.appendChild(div);
  messages.scrollTop = messages.scrollHeight;
  return div;
}

function sendMsg() {
  var text = input.value.trim();
  if (!text) return;
  addMsg(text, 'user');
  input.value = '';
  var typing = addMsg('...', 'bot fb-msg--typing');

  fetch(API_URL, {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({session_id: sessionId, message: text})
  })
  .then(function(r) { return r.json(); })
  .then(function(data) {
    sessionId = data.session_id;
    typing.textContent = data.reply;
    typing.className = 'fb-msg fb-msg--bot';
    messages.scrollTop = messages.scrollHeight;
  })
  .catch(function() {
    typing.textContent = 'Ошибка соединения. Попробуйте ещё раз.';
  });
}

toggle.addEventListener('click', function() {
  win.style.display = win.style.display === 'none' ? 'flex' : 'none';
  if (win.style.display !== 'none' && !messages.children.length) {
    addMsg('Здравствуйте! Задайте вопрос — отвечу по информации о нашей компании.', 'bot');
  }
});
closeBtn.addEventListener('click', function() { win.style.display = 'none'; });
send.addEventListener('click', sendMsg);
input.addEventListener('keydown', function(e) { if (e.key === 'Enter') sendMsg(); });
})();