Jest 22:47. Ktoś przegląda Twoją stronę i ma pytanie o cennik. Formularz kontaktowy? Odpowiedź jutro rano. Telefon? Biuro zamknięte. FAQ? Za długie, nie chce się szukać. Efekt: użytkownik zamyka kartę i idzie do konkurencji.
Widget AI Assistant rozwiązuje ten problem. Ikonka czatu w rogu ekranu, klik, pytanie, odpowiedź w 2 sekundy. AI zna Twój cennik, Twoje funkcje, Twoją ofertę. Nie wymyśla — odpowiada na podstawie bazy wiedzy, którą Ty kontrolujesz. A co najlepsze — pamięta rozmowę. Użytkownik wraca za godzinę — historia jest nadal na miejscu.
Jak to działa — architektura
1. loader.js ładuje widget na stronie klienta 2. Widget sprawdza localStorage → odtwarza historię 3. User klika FAB (Floating Action Button) → otwiera czat 4. Widzi sugestie pytań z JSON (np. "Ile kosztuje pakiet Gold?") 5. Pisze pytanie → POST /api/ai-chat.php 6. PHP: CORS check → rate limit → FAQ match → Claude API 7. Odpowiedź → formatowanie markdown → wyświetlenie 8. Zapis do localStorage (max 20 wiadomości, per domena)
| Warstwa | Technologia | Gdzie działa |
|---|---|---|
| Frontend | Vanilla JS (~1850 linii), CSS-in-JS | Przeglądarka klienta |
| API | PHP 8.3, endpoint POST | Twój serwer |
| AI | Claude API (Anthropic) | Cloud Anthropic |
| Baza wiedzy | JSON per domena | Twój serwer |
| Historia | localStorage | Przeglądarka klienta |
Ten poradnik wymaga konta Pro
Dostęp do zaawansowanych poradników, kodu źródłowego i wsparcia technicznego.