Dodanie chatbota ChatLab do Twojej strony w serwisie Wix pozwala odwiedzającym wchodzić w interakcję z Twoim asystentem AI bezpośrednio w witrynie. W tym przewodniku opisano krok po kroku, jak pobrać kod do osadzenia (embed) z ChatLab i wkleić go do Wix.
Zanim zaczniesz
Zanim zaczniesz, utwórz swojego chatbota i upewnij się, że Twoja strona Wix jest opublikowana z podłączoną domeną. Wix opisuje te wymagania w sekcji Embedding custom code on your site (Osadzanie własnego kodu na stronie). Potrzebujesz również uprawnień do edycji i publikowania witryny.
Krok 1 - Skopiuj kod embed z ChatLab
- Zaloguj się do ChatLab i wybierz chatbota, którego chcesz osadzić
- Kliknij zakładkę Deploy (Wdrażanie), a następnie wybierz Wix z panelu platform po prawej stronie
- Wybierz Widget w przypadku poniższych kroków z kodem niestandardowym. W przypadku stale widocznego czatu wybierz Iframe i skorzystaj z osobnej instrukcji osadzania na stronie poniżej. Zobacz porównanie w artykule Czym różni się widget od Iframe?
- Kliknij Copy to clipboard (Kopiuj do schowka)
Krok 2 - Dodaj kod do Wix
- W panelu Wix przejdź do Settings (Ustawienia)
- W sekcji Development & integrations (Programowanie i integracje) kliknij Custom Code (Własny kod). W starszych wersjach panelu Wix opcja ta może znajdować się w sekcji Advanced (Zaawansowane).
- Kliknij + Add Custom Code (+ Dodaj własny kod) w prawym górnym rogu
- Wklej skopiowany kod w polu tekstowym
- Wpisz nazwę dla swojego kodu (np. „ChatLab”)
- W sekcji Add Code to Pages (Dodaj kod do stron) wybierz strony, na których ma wyświetlać się chatbot - wybierz All pages (Wszystkie strony), aby pokazywać go wszędzie
- W sekcji Place Code in (Umieść kod w) wybierz Head
- Kliknij Apply (Zastosuj)
Dodawanie widocznego na stałe elementu iframe
W edytorze Wix Editor dodaj do strony element HTML iframe/embed, wklej fragment kodu ChatLab Iframe i dostosuj rozmiar elementu, aby czat był wygodny w użyciu na komputerach i urządzeniach mobilnych. Opublikuj stronę. Element iframe musi być umieszczony w widocznym układzie strony, a nie w niestandardowym kodzie nagłówka (Head). Zobacz przewodnik Wix po widocznych osadzonych elementach (visible embedded content).
Weryfikacja instalacji
Po zapisaniu zmian otwórz swoją stronę Wix w przeglądarce. W rogu strony powinna pojawić się ikona czatu (w przypadku trybu widget) lub osadzone okno czatu na stronie (w przypadku trybu iframe). Kliknij ikonę, aby otworzyć czat, i wyślij wiadomość testową, aby upewnić się, że wszystko działa poprawnie.