Widget strony internetowej
Widget OneTwoAgent pozwala klientom pisać do Ciebie bezpośrednio ze strony na desktopie i mobile, a wszystkie czaty trafiają do inboxu Conversations.
Widget czatu webowego AIZbieranie leadów z czatu na stronieKonfiguracja webchatu bez koduKomunikacja z klientami na stronie
Co obejmuje ten artykuł
- Jak dostosować wygląd i zachowanie widgetu.
- Jak zainstalować widget na stronie internetowej.
- Jak zastosować ustawienia bezpieczeństwa, takie jak dozwolone domeny i wykluczone strony.
1. Otwórz ustawienia Widgetu
Przejdź do Channels -> Widget. Jeśli widget nie jest jeszcze włączony, najpierw go włącz.
- Podgląd widgetu.
- Ustawienia personalizacji.
- Kod instalacyjny.
2. Dostosuj wygląd widgetu
Możesz dopasować widget do niemal każdego stylu strony internetowej.
- Kolory widgetu: kolor przycisku, tło, kolory tekstu i kolor akcentu.
- Typografia: rodzina fontów lub presety stylu oraz rozmiar fontu tam, gdzie jest dostępny.
- Ikona i elementy marki: ikona launchera, nazwa firmy w nagłówku oraz opcjonalny podtytuł lub krótkie powitanie.
- Pozycja i układ: prawy dolny lub lewy dolny róg, odstęp od krawędzi ekranu i zachowanie na mobile.
- Zachowanie: auto-open vs tylko po kliknięciu, widoczność powitania, wszystkie strony lub wybrane strony.
Notatki
- Utrzymuj widget w prostym stylu: proste kolory, wyraźny tytuł i krótkie powitanie.
3. Zainstaluj widget na swojej stronie
Standardowa instalacja (zalecana).
- 1Skopiuj skrypt widgetu z Channels -> Widget -> Install code
- 2Dodaj go do strony tak, aby ładował się na każdej podstronie.
- 3Najlepsze miejsce: wewnątrz <head>, przed </head>.
- 4Jeśli <head> nie jest dostępne, umieść go przed </body> (też działa, ale może ładować się trochę wolniej).
Notatki
- Po instalacji i publikacji widget powinien pojawić się na Twojej stronie produkcyjnej.
4. Instalacja na popularnych platformach
- Shopify: Online Store>Themes>Edit code -> layout/theme.liquid -> wklej przed </head> -> Save
- Wix Opcja A: Settings -> Custom Code -> Add New Tool -> wklej kod -> Load on all pages -> umieść w Head -> Save i opublikuj.
- Wix Opcja B: dodaj skrypt przez globalny obszar skryptów/pluginów strony i upewnij się, że ładuje się na wszystkich stronach.
- Webflow: Project Settings>Custom Code>wklej w Head Code -> Save i opublikuj.
- WordPress: użyj wtyczki do skryptów w headerze (sekcja Header) albo wklej kod do header.php przed </head>.
- Custom-coded sites: umieść skrypt w globalnym szablonie HTML wewnątrz <head> albo przed </body>.
Albo wyślij to swojemu developerowi
6. Ustawienia bezpieczeństwa i kontroli
Zalecane ustawienia dla bezpieczniejszego i czystszego działania.
- Dozwolone domeny: zapobiegają ponownemu użyciu kodu widgetu na niepowiązanych stronach.
- Przykładowe domeny: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
- Wykluczone strony: ukryj widget tam, gdzie nie jest potrzebny.
- Typowe wykluczenia: checkout, potwierdzenie zamówienia, account/login, prywatność i strony techniczne.
- Przykłady ścieżek: /checkout, /account, /thank-you.
Notatki
- Zacznij prosto: najpierw włącz widget wszędzie, a potem wykluczaj tylko te strony, których naprawdę nie chcesz.
7. Jak działają czaty widgetu w OneTwoAgent
- Gdy klient wyśle wiadomość w widgecie, nowa rozmowa pojawi się w Conversations.
- Zawsze możesz odpowiedzieć ręcznie.
- Jeśli Auto Sales jest włączony, asystent może odpowiadać automatycznie na podstawie Twojej konfiguracji i katalogu.
Rozwiązywanie problemów
- Widget się nie pokazuje: upewnij się, że skrypt jest na stronie produkcyjnej (nie tylko w podglądzie), opublikuj zmiany i sprawdź dozwolone domeny, jeśli są włączone.
- Widget pojawia się tylko na niektórych stronach: sprawdź reguły wykluczonych stron i potwierdź, że skrypt jest zainstalowany globalnie.
- Wiadomości nie przychodzą: sprawdź, czy używasz właściwego konta biznesowego OneTwoAgent i upewnij się, że widget jest włączony w Channels -> Widget.
Powiązane przewodniki
Przejdź do kolejnych kroków konfiguracji dotyczących kanałów, rezerwacji, harmonogramu lub automatyzacji.
Najczęstsze pytania
Czy mogę zainstalować widget bez pełnej integracji niestandardowej?
Tak. Standardowa konfiguracja to jeden skrypt widgetu na stronie oraz ustawienia wyglądu i zachowania w panelu.
Czy widget działa na mobile tak samo jak na desktopie?
Tak. Widget jest przeznaczony zarówno dla odwiedzających na desktopie, jak i na mobile, a rozmowy trafiają do tej samej skrzynki.