Dokumentacja

Webflow

Dodaj agenta do witryny Webflow za pomocą Custom Code w Project Settings.

Dodaj agenta AI do dowolnej witryny Webflow, wklejając kod osadzania w Project Settings → Custom Code. Kod wczytuje się automatycznie na każdej stronie.

Najpierw pobierz kod osadzania z Chatbot > Publikuj w panelu.

Szybka konfiguracja

  1. Otwórz swój projekt w Webflow Designer.
  2. Kliknij ikonę koła zębatego (Project Settings) na lewym pasku bocznym.
  3. Przejdź do zakładki Custom Code.
  4. Przewiń do Footer Code (pole opisane jako Before </body> tag).
  5. Wklej kod osadzania.
  6. Kliknij Save Changes.
  7. Kliknij Publish w prawym górnym rogu, aby opublikować witrynę.

Przykładowy format (użyj rzeczywistych wartości z Chatbot > Publikuj):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>

Skrypt widżetu jest zaprojektowany tak, by wczytywać się dopiero, gdy strona jest już interaktywna. Wklejenie go w Footer Code nie blokuje wstępnego renderowania i odpowiada zachowaniu atrybutu async.

Wymagania planu

Dostępność Custom Code zależy od poziomu Twojego planu witryny (Site plan). Webflow historycznie ograniczał niestandardowy kod działający w całej witrynie na darmowym planie Starter, a zasady zmieniały się między kolejnymi wersjami planów.

Sprawdź aktualne zasady w porównaniu planów Webflow pod adresem https://webflow.com/pricing. Jeśli zakładka Custom Code pokazuje ikonę kłódki albo pole Footer Code jest nieaktywne, przejdź na wyższy plan witryny.

Instalacja na wybranej stronie

Aby wczytać widżet tylko na wybranych stronach:

  1. Otwórz stronę w Designerze.
  2. Kliknij ikonę koła zębatego Page Settings na tej stronie.
  3. Przewiń do Custom Code → Before </body> tag.
  4. Wklej tam kod osadzania zamiast w polu na poziomie projektu.

Kod na poziomie strony nadpisuje kod na poziomie projektu i dodaje się do niego dla tej konkretnej strony.

Po publikacji

Niestandardowy kod działa wyłącznie na opublikowanej witrynie, nie w podglądzie Designera. Po zapisaniu kliknij Publish i wybierz domeny:

  • *.webflow.io — domena testowa (staging)
  • Twoją podłączoną domenę niestandardową (jeśli jest)

Publikuj na tej domenie, na której faktycznie chcesz przetestować widżet.

Rozwiązywanie problemów

Widżet nie pojawia się w podglądzie Designera.

  • Tak powinno być. Niestandardowy kod działa tylko na opublikowanej witrynie. Otwórz aktywny adres URL.

Widżet nie pojawia się też na opublikowanej witrynie.

  • Sprawdź, czy kliknięto Save Changes oraz Publish.
  • Sprawdź, czy Twoja domena jest dozwolona w Chatbot > Publikuj > Bezpieczeństwo.
  • Wykonaj twarde odświeżenie strony (⌘+Shift+R), aby pominąć pamięć podręczną CDN.

Pole Custom Code jest nieaktywne.

  • Twój plan witryny nie obejmuje Custom Code. Przejdź na wyższy plan pod adresem https://webflow.com/pricing.

Testowanie

  1. Otwórz opublikowaną witrynę w oknie incognito.
  2. Poszukaj dymka czatu.
  3. Kliknij, aby go otworzyć, i wyślij testową wiadomość.

Kolejne kroki