ChatLab oferuje dwa sposoby dodania chatbota do Twojej strony internetowej: jako widget lub jako iframe. W obu przypadkach wykorzystywany jest ten sam chatbot z tymi samymi danymi treningowymi i ustawieniami, jednak różnią się one sposobem wyświetlania na Twojej stronie.
Widget
Widget dodaje ikonę czatu w stałym miejscu na Twojej stronie (domyślnie w prawym dolnym rogu). Odwiedzający klikają ikonę, aby otworzyć wyskakujące okno czatu (popup). Okno czatu można w każdej chwili zamknąć z powrotem do ikony.
Główne cechy:
- Wyświetla się jako ikona uruchamiająca w rogu ekranu
- Otwiera się jako popup, gdy odwiedzający klikną ikonę
- Pozostaje dostępny na wszystkich podstronach, na których zainstalowano kod
- Obsługuje personalizację pozycji ikony, automatycznego otwierania, dymków wiadomości powitalnej oraz trybu zminimalizowanego widoku (Settings > Appearance (Ustawienia > Wygląd))
Iframe
Iframe osadza chatbota bezpośrednio w treści Twojej strony. Okno czatu jest zawsze widoczne i może być otoczone innymi elementami na stronie.
Kluczowe cechy:
- Zawsze widoczny na stronie, bez konieczności klikania w ikonę
- Osadzony w układzie strony obok innych treści
- Regulowany rozmiar - możesz ustawić atrybuty
widthiheightw kodzie embed, aby dopasować go do swojego układu - Najlepszy na dedykowane podstrony, gdzie chatbot jest głównym elementem, takie jak strona wsparcia czy landing page
Gdzie wybrać widget lub iframe
- Wybierz swojego chatbota w panelu
- Kliknij zakładkę Deploy (Wdróż)
- Wybierz HTML Code (Kod HTML), a następnie przejdź do zakładki Widget lub Iframe, aby zobaczyć odpowiedni kod do osadzenia
- Kliknij Copy to clipboard (Kopiuj do schowka). Wklej kod Widget w nagłówku witryny (header) lub w sekcji skryptów Twojej platformy; kod Iframe umieść w treści strony (body) w miejscu, w którym ma się wyświetlać czat.
- Opublikuj stronę, otwórz ją na komputerze oraz urządzeniu mobilnym i wyślij wiadomość testową.
Testowanie obu trybów
Możesz sprawdzić podgląd obu trybów bez osadzania jakiegokolwiek kodu. W zakładce Overview (Przegląd) znajdź wiersz Try out & share (Wypróbuj i udostępnij) i kliknij jeden z linków:
- As always-open frame (Jako zawsze otwarta ramka) - otwiera chatbota w trybie iframe
- As openable widget (Jako otwierany widget) - otwiera chatbota w trybie widgetu z ikoną uruchamiającą
Każdy wiersz zawiera również link QR Code, który wyświetla kod do zeskanowania dla tego samego adresu URL, dzięki czemu możesz przetestować chatbota na swoim telefonie, skanując go aparatem.
Aby dowiedzieć się więcej o udostępnianiu tych linków z podglądem, zobacz Wysyłanie linku do Twojego chatbota.
Co wybrać?
- Wybierz widget, jeśli chcesz, aby chatbot był dostępny na każdej podstronie, nie zajmując przy tym cennego miejsca na ekranie. Odwiedzający mogą otworzyć czat, gdy potrzebują pomocy, i zamknąć go po zakończeniu rozmowy.
- Wybierz iframe, jeśli chcesz, aby chatbot był widoczną częścią układu konkretnej strony, na przykład centrum pomocy, strony kontaktowej lub strony produktu, gdzie ma stale czekać w gotowości do rozmowy.