Jak dodać chatbota AI Asyntai do e107

Instrukcja krok po kroku dla stron CMS e107

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 do szablonu motywu (zalecane)

Zalecanym sposobem dodania chatbota jest bezpośrednia edycja pliku szablonu motywu e107:

Przejdź do folderu motywu e107: e107_themes/yourtheme/
Otwórz główny plik szablonu motywu (zazwyczaj theme.php lub theme.html)
Znajdź zamykający znacznik </body>
Wklej kod osadzania Asyntai tuż przed znacznikiem </body>:

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

Wskazówka: Jeśli motyw używa theme.php, znajdź sekcję, w której renderowany jest HTML stopki. Kod osadzania powinien byc umieszczony po całej pozostalej treści, ale przed zamykającym tagiem body.

Metoda alternatywna 1: Użycie niestandardowego nagłówka/stopki e107

Możesz dodać skrypt chatbota przez panel administracyjny e107 bez edycji plików motywu:

Zaloguj się do panelu administracyjnego e107
Przejdź do Admin > Preferences > Site Preferences
Znajdź sekcję "Custom Footer" lub "Footer Scripts"
Wklej kod osadzania Asyntai w polu tekstowym skryptów stopki
Kliknij "Save", aby zastosować zmiany

Uwaga: Ta metoda jest najlatwiejsza, jeśli chcesz uniknąć bezpośredniej edycji plików motywu. Skrypt zostanie automatycznie dołączony do każdej strony witryny e107.

Metoda alternatywna 2: Użycie wtyczki e107

Dla bardziej modularnego podejścia możesz utworzyć prosta wtyczkę lub użyć systemu hookow wtyczek do wstrzyknięcia skryptu chatbota:

Utwórz prosta wtyczkę lub użyj wtyczki "Custom Pages"
Dodaj skrypt za pomocą systemu hookow wtyczek e107, tworząc plik e_footer.php w katalogu wtyczki
Wewnątrz pliku e_footer.php wypisz kod osadzania:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Wskazówka: Podejście z hookami wtyczek utrzymuje integracje chatbota oddzielnie od motywu, wiec będzie działać nawet po zmianie motywu.

Metoda alternatywna 3: Użycie systemu menu e107

Możesz użyć wbudowanego systemu menu e107, aby dodać skrypt chatbota do obszaru stopki:

Zaloguj się do panelu administracyjnego e107
Przejdź do Admin > Menus
Utwórz niestandardowe menu HTML
Wklej kod osadzania Asyntai do treści menu
Przypisz menu do obszaru stopki szablonu
Zapisz konfigurację menu

Ważne: Podczas korzystania z systemu menu upewnij się, że obszar menu, do którego przypisujesz, obsługuje surowe wyjście HTML/script. Niektóre obszary menu mogą usuwać tagi script ze względów bezpieczeństwa. Jeśli skrypt zostanie usunięty, użyj jednej z pozostałych metod zamiast tego.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź witrynę e107 w nowej karcie przeglądarki lub w trybie incognito. Przycisk widgetu czatu powinien być widoczny w prawym dolnym rogu. Kliknij go, aby upewnić się, że otwiera się i działa poprawnie.

Nie widzisz widgetu? Spróbuj wyczyścić pamięć podręczną e107 z panelu administracyjnego w sekcji Admin > Cache. Spróbuj również wyczyścić pamięć podręczną przeglądarki lub otworzyć stronę w trybie incognito. Upewnij się, że kod osadzania jest prawidłowo umieszczony i zawiera Twój unikalny identyfikator widgetu z Dashboard.