Na stronę dodajesz jeden skrypt. Ładuje on asystenta ProseCaptain, a potem możesz go używać na kilka sposobów, w dowolnych miejscach strony.

<script
  src="https://widget-api.prosecaptain.com/embed.js"
  data-widget-token="TWOJ_TOKEN"
  data-widget-id="ID_WIDZETU"
></script>

Sposoby użycia

SposóbCo trzeba dodaćJak wygląda
Czatnic, działa od razu po dodaniu skryptuPrzycisk w prawym dolnym rogu i pełne okno rozmowy
Linki z pytaniematrybut pc-ask-question na dowolnym linku lub przyciskuTwój własny link, który otwiera czat z gotowym pytaniem
Blok FAQkontener i moduł FAQ w miejscu blokuTytuł i sugerowane pytania jako przyciski
Przycisk Zapytaj AIkontener i moduł Zapytaj AI w miejscu przyciskuJeden przycisk „Zapytaj AI” w kolorze marki
API JavaScriptwłasny kodOtwieranie czatu i wysyłanie pytań z dowolnego miejsca strony

Wszystkie te elementy rozmawiają w tym samym oknie czatu i korzystają z tej samej wiedzy asystenta. Moduły FAQ i Zapytaj AI używają już załadowanego skryptu, więc nic nie ładuje się drugi raz.

Przykład: czat i pytania w treści

<!-- raz na stronie, np. przed </body> -->
<script src="https://widget-api.prosecaptain.com/embed.js" data-widget-token="TWOJ_TOKEN" data-widget-id="ID_WIDZETU"></script>

<!-- dowolnie w treści -->
<p>Nie wiesz, który pakiet wybrać? <a href="#" pc-ask-question="Który pakiet jest dla mnie?">Zapytaj asystenta</a>.</p>

Skąd wziąć kod

  1. Zaloguj się w app.prosecaptain.com.
  2. Otwórz Agent AI, wybierz swój widżet i przejdź do zakładki Instalacja.
  3. W karcie Kod do osadzenia wybierz Widget czatu i kliknij Kopiuj do schowka.

W kodzie są dwie wartości:

  • data-widget-token: token workspace, wspólny dla wszystkich widżetów w workspace.
  • data-widget-id: identyfikator widżetu. Bez niego użyty zostanie pierwszy opublikowany widżet z workspace.

Tytuł, pytania, kolor, język i instrukcje dla AI ustawiasz w aplikacji, w ustawieniach widżetu. Zmiany widać na stronie bez podmieniania kodu. Wybrane z nich możesz nadpisać parametrami skryptu.

Na WordPressie nie musisz wklejać kodu. Zobacz Widżety w WordPressie.