Jak dodać chatbota AI Asyntai do Bludit

Przewodnik krok po kroku dla Bludit CMS

Platforma:

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Dodaj kod za pomocą wtyczki HTML Code (zalecane)

Najłatwiejszym sposobem dodania chatbota do strony Bludit jest użycie wbudowanej wtyczki HTML Code:

Zaloguj się do swojego Panelu administracyjnego Bludit
Przejdź do Plugins na lewym pasku bocznym
Znajdź wtyczkę "HTML Code" (jest zwykle preinstalowana)
Jeśli nie jest aktywna, kliknij \"Activate\", aby ją włączyć
Kliknij "Configure" przy wtyczce HTML Code
W konfiguracji zobaczysz pola na kod nagłówka i stopki
Wklej kod osadzania Asyntai w polu "Footer"
Kliknij "Save"

Wskazówka: Dodanie kodu do stopki zapewnia, że ładuje się on na końcu stron, co nie spowalnia początkowego ładowania witryny. Ta metoda automatycznie dodaje chatbota do wszystkich stron witryny.

Metoda alternatywna 1: Integracja z plikami motywu

Możesz dodać kod bezpośrednio do pliku szablonu motywu:

Połącz się z instalacja Bludit przez FTP lub Menedżer plików
Przejdź do /bl-themes/your-theme-name/
Otwórz plik index.php do edycji
Znajdź zamykający znacznik </body>
Wklej kod osadzania Asyntai tuz przed znacznikiem </body>
Zapisz plik
Wyczyść pamięć podręczną witryny, jeśli dotyczy

Uwaga: Podczas bezpośredniej edycji plików motywu upewnij się, że najpierw wykonales kopie zapasowa oryginalnego pliku. Aktualizacje motywu mogą nadpisać Twoje zmiany, wiec dokumentuj swoje modyfikacje.

Metoda alternatywna 2: Własna treść na stronach

Możesz również dodać kod chatbota bezpośrednio do konkretnych stron za pomocą edytora treści Bludit:

Zaloguj się do swojego Panelu administracyjnego Bludit
Przejdź do Content i wybierz stronę, którą chcesz edytować
Przelacz się na tryb HTML w edytorze (jeśli używasz edytora wizualnego)
Dodaj kod osadzania Asyntai w dowolnym miejscu treści strony
Kliknij "Save"
Powtorz dla innych stron, na których chcesz mieć chatbota

Ważne: Podczas dodawania kodu bezpośrednio do treści strony musisz dodać go do każdej strony osobno. Dla instalacji na całej witrynie użyj zamiast tego wtyczki HTML Code lub metody z plikami motywu.

Użycie hooków wtyczek (zaawansowane)

Dla programistów tworzących własne wtyczki, Bludit udostępnia hooki wtyczek:

siteBodyBegin - Wykonuje się na początku znacznika <body>
siteBodyEnd - Wykonuje się na dole, idealny dla kodu JavaScript, takiego jak widget Asyntai

Możesz utworzyć własną wtyczkę, która używa hooka siteBodyEnd do wstrzyknięcia kodu chatbota na wszystkich stronach.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź swoją stronę Bludit w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa prawidłowo.

Nie widzisz widgetu? Upewnij się, że zapisałeś konfigurację wtyczki lub zmiany w plikach motywu. Wyczyść pamięć podręczną przeglądarki i Bludit (jeśli jest włączona). Sprawdź konsolę przeglądarki (F12) pod kątem błędów JavaScript.