Jak dodać chatbota Asyntai AI do stron hostowanych na Plesk

Instrukcja krok po kroku dla stron hostowanych na Plesk

Platforma:

Krok 1: Pobierz swój kod osadzania

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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: Zidentyfikuj typ swojej strony

Metoda instalacji zalezy od platformy, z której korzysta Twoja strona. Plesk to panel zarządzania hostingiem, który może hostowac różne typy stron:

WordPress/Joomla/Drupal: If your site uses a CMS, refer to our specific guide for that platform (WordPress, Joomla, Drupal).

Dla statycznych stron HTML

Jeśli masz statyczna stronę HTML hostowana na Plesk, użyj Menedżera plików do edycji plików HTML:

Metoda 1: Użycie Menedżera plików Plesk

Zaloguj sie do panelu sterowania Plesk
Przejdź do Websites & Domains
Kliknij File Manager
Przejdź do katalogu głównego swojej strony (zwykle httpdocs lub public_html)
Znajdź główny plik HTML (często index.html lub index.php)
Kliknij nazwę pliku, aby otworzyc menu edytora
Wybierz Code Editor dla podswietlania skladni HTML
Przewin, aby znalezc zamykający znacznik </body>
Wklej kod osadzania Asyntai tuz przed znacznikiem </body>
Kliknij "Save" lub "OK"
Powtorz dla innych stron HTML, jeśli to konieczne

Wskazówka: Menedżer plików Plesk oferuje wiele edytorow: Code Editor (z podswietlaniem skladni), HTML Editor (WYSIWYG) i Text Editor. Użyj Code Editor, aby uzyskać najlepsze rezultaty podczas edycji plików HTML.

Metoda 2: Użycie dostępu FTP

W Plesk przejdź do Websites & Domains
Znajdź sekcję FTP Access
Zapisz swoje dane dostępu FTP lub utwórz nowe konto FTP
Użyj klienta FTP, takiego jak FileZilla, aby połączyć się z serwerem
Przejdź do katalogu swojej strony (httpdocs)
Pobierz pliki HTML, które chcesz edytować
Dodaj kod osadzania Asyntai przed zamykającym znacznikiem </body>
Prześlij zmodyfikowane pliki z powrotem na serwer

Dla stron opartych na PHP

Jeśli Twoja strona używa szablonów PHP lub dołączeń:

W Menedżerze plików Plesk przejdź do plików szablonów lub dołączeń
Znajdź plik szablonu stopki (najczęściej footer.php, footer.inc.php lub template.php)
Otwórz go za pomocą Code Editor
Dodaj kod osadzania Asyntai przed zamykającym znacznikiem </body>
Zapisz plik

Uwaga: Edytując szablon stopki, chatbot automatycznie pojawi się na wszystkich stronach korzystających z tego szablonu.

Tworzenie kopii zapasowej

Przed wprowadzeniem zmian zaleca się utworzenie kopii zapasowej:

W Plesk przejdź do Websites & Domains
Kliknij Backup Manager
Utwórz pełną kopię zapasową swojej strony
Przechowaj ją bezpiecznie przed wprowadzeniem jakichkolwiek zmian

Ważne: Zawsze najpierw testuj zmiany w środowisku testowym, jeśli jest dostępne. Upewnij się, że wykonałeś kopię zapasową plików przed edycją, aby uniknąć utraty danych.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź swoją stronę 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 poprawnie.

Nie widzisz widgetu? Wyczyść pamięć podręczną przeglądarki i wszelkie buforowanie po stronie serwera w Plesk. Sprawdź konsolę przeglądarki (F12) pod kątem błędów JavaScript. Zweryfikuj, czy plik został poprawnie zapisany, przeglądając go ponownie w Menedżerze plików.

Dokumentacja