Webflow

Użyj strony Kanały → Wtyczka na stronę → Widżet czatu swojego agenta, aby skopiować kompletny wygenerowany kod osadzania. Zawiera on skrypt startowy i skrypt widżetu z Twoim identyfikatorem agenta i aktualnym adresem URL widżetu. Nie używaj adresu URL skryptu skopiowanego ze starszego przykładu.

Przewodnik po niestandardowym kodzie Webflow podaje, że niestandardowy kod witryny lub strony wymaga Workspace Core, Growth, Agency lub Freelancer albo witryny z aktywnym planem Site. Musi go dodać Site manager lub Designer. Sprawdź plan i uprawnienia swojej witryny przed rozpoczęciem.

Dodawanie widżetu w całej witrynie

1. W Agentkit włącz Widżet czatu na stronie Kanały → Wtyczka na stronę i skopiuj oba wygenerowane tagi script.
2. W Webflow otwórz Site settings → Custom code.
3. Wklej kompletny kod w polu Footer code, przed zamykającym tagiem </body>. Nie dodawaj drugiej kopii na poszczególnych stronach.
4. Zapisz zmiany, a następnie opublikuj na domenie, którą chcesz przetestować.
5. Otwórz opublikowaną stronę i wyślij pytanie, którego odpowiedź sprawdziłeś już w zatwierdzonym źródle. Potwierdź, że widżet się ładuje i odpowiedź jest poprawna.

Footer code dotyczy całej witryny. Webflow dopuszcza też skrypty w Head code, ale jego przewodnik zaleca umieszczanie skryptów przed </body>, gdy to możliwe. Użyj kodu wygenerowanego przez Agentkit zamiast edytować jego adres URL lub identyfikator. Ogólne kontrole osadzania opisano w przewodniku po osadzaniu na stronie.

Dodawanie widżetu na jednej stronie

Jeśli widżet ma pojawiać się tylko na jednej stronie, pomiń go w Site settings. W Webflow Designer otwórz Page settings → Custom code → Before </body> tag tej strony, wklej oba wygenerowane tagi script, zapisz i opublikuj. Webflow wstawia kod strony po kodzie dla całej witryny, więc dodanie tego samego widżetu w obu miejscach załadowałoby go dwukrotnie.

Testowanie opublikowanej witryny

Webflow podaje, że niestandardowy kod może działać w podglądzie Designera, ale zmiany nie docierają do odwiedzających, dopóki nie opublikujesz. Najpierw przetestuj opublikowaną domenę testową *.webflow.io, jeśli Twój przepływ pracy na to pozwala, a potem domenę niestandardową, której zamierzasz używać. Jeśli masz ograniczenia domen, zezwól na każdą domenę, którą faktycznie testujesz.

Jeśli widżetu brakuje, sprawdź, czy Widżet czatu jest włączony w Agentkit, czy kompletny kod pojawia się w źródle opublikowanej strony, czy adres URL skryptu ładuje się w przeglądarce i czy opublikowałeś zamierzoną domenę Webflow. Jeśli pole kodu jest niedostępne, sprawdź swój Workspace lub plan Site w Webflow oraz swoją rolę względem aktualnych zasad dostępu Webflow. Jeśli widżet się pojawia, ale odpowiedź się nie udaje, sprawdź źródła agenta i ograniczenia domen.

Aby uzyskać panel czatu wewnątrz sekcji strony zamiast pływającego dymka, włącz osobny kanał Iframe i postępuj zgodnie z przewodnikiem po iframe.