Wygląd
Jak agent prezentuje się na Twojej stronie.
Gdzie znaleźć ustawienia
- Wejdź do panelu
- Wybierz agenta
- Otwórz Settings > Interface
Motyw
Schemat kolorów widżetu:
| Motyw | Opis |
|---|---|
| Light | Jasne tło, ciemny tekst |
| Dark | Ciemne tło, jasny tekst |
| System | Zgodnie z ustawieniem urządzenia |
:::tip Spójność wizualna Motyw dopasowany do strony sprawia, że widżet nie wygląda jak element z innego świata. :::
Nazwa wyświetlana
Nazwa w nagłówku widżetu — widoczna dla odwiedzających.
Przykłady:
- „Pomoc"
- „Zapytaj AI"
- „Asystent"
Puste pole oznacza brak nazwy w nagłówku.
Wiadomość powitalna
Wiadomość wyświetlana po otwarciu widżetu.
Przykłady:
- „Dzień dobry. W czym mogę pomóc?"
- „Witamy. Chętnie odpowiem na pytania o produkty."
- „Tu znajdziesz odpowiedzi w sprawach zamówień i dostaw."
:::tip Ustaw oczekiwania Dobre powitanie mówi wprost, w czym agent może pomóc. :::
Sugerowane wiadomości
Gotowe zaczepki, które można wysłać jednym kliknięciem:
- Kliknij Add Suggested Message
- Wpisz treść
- Dodaj maksymalnie cztery propozycje
Przykłady:
- „Jakie macie plany cenowe?"
- „Jak zacząć?"
- „Potrzebuję pomocy z kontem"
Pozycja widżetu
Gdzie pojawia się widżet:
- Prawy dolny róg (domyślnie)
- Lewy dolny róg
Kolor marki
Kolor główny obowiązuje dla:
- przycisku wysyłania,
- dymków wiadomości odwiedzającego,
- linków i wyróżnień.
Podaj wartość szesnastkową (np. #5045e6) albo użyj próbnika kolorów.
Awatar
Własny obrazek awatara pojawia się przy odpowiedziach agenta.
Wymagania:
- obraz kwadratowy (proporcje 1:1),
- format PNG lub JPG,
- co najmniej 64 × 64 piksele.
Podgląd
Strona pokazuje podgląd widżetu na żywo. Zmiany widać jeszcze przed zapisaniem.
Widok mobilny
Widżet jest zoptymalizowany pod urządzenia mobilne:
- tryb pełnoekranowy na małych ekranach,
- przyciski wygodne w dotyku,
- responsywny układ.
Zapisywanie zmian
Kliknij Save, aby zastosować zmiany. Działają natychmiast na Twojej stronie.
Następne kroki
- Pobierz kod osadzenia — dodaj agenta do strony
- Przetestuj w Playground — sprawdź wygląd