Jak dodać chatbota AI Asyntai do WordPress

Instrukcja krok po kroku dla stron WordPress

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: Wybierz metodę instalacji

Istnieje kilka sposobów dodania widgetu czatu do WordPress. Wybierz metodę, która najlepiej Ci odpowiada:

Metoda 1: Użycie wtyczki (zalecane)

Najłatwiejszym sposobem dodania widgetu czatu jest użycie wtyczki, takiej jak "Insert Headers and Footers" lub "WPCode".

Użycie WPCode (darmowe)

Przejdź do Plugins → Add New w panelu administracyjnym WordPress
Wyszukaj "WPCode" i zainstaluj
Aktywuj wtyczkę
Przejdź do Code Snippets → Header & Footer
Wklej kod osadzania Asyntai w sekcji "Footer"
Kliknij "Save Changes"

Użycie Insert Headers and Footers

Przejdź do Plugins → Add New w panelu administracyjnym WordPress
Wyszukaj "Insert Headers and Footers" od WPBeginner
Zainstaluj i aktywuj wtyczkę
Przejdź do Settings → Insert Headers and Footers
Wklej kod osadzania Asyntai w polu "Scripts in Footer"
Kliknij "Save"

Dlaczego warto użyć wtyczki? Użycie wtyczki zapewnia, że kod pozostanie na miejscu nawet po aktualizacji lub zmianie motywu WordPress.

Metoda 2: Edycja plików motywu

Możesz dodać kod bezpośrednio do plików motywu. Lokalizacja edytora plików motywu zależy od wersji WordPress i typu motywu.

Dla motywów klasycznych

Przejdź do Appearance → Theme File Editor w panelu administracyjnym WordPress
Wybierz aktywny motyw z listy rozwijanej (jeśli nie jest już wybrany)
Znajdź i kliknij footer.php na liście plików po prawej stronie
Przewiń na dół i znajdź zamykający znacznik </body>
Wklej kod osadzania Asyntai tuz przed znacznikiem </body>
Kliknij "Update File"

Dla motywów blokowych (motywy FSE)

Jeśli korzystasz z motywu blokowego (takiego jak Twenty Twenty-Four lub inne motywy Full Site Editing), edytor plików motywu został przeniesiony:

Przejdź do Tools → Theme File Editor w panelu administracyjnym WordPress
Wybierz aktywny motyw z listy rozwijanej
Poszukaj footer.php lub footer.html na liście plików
Dodaj kod osadzania Asyntai przed zamykającym znacznikiem </body>
Kliknij "Update File"

Uwaga: Niektóre motywy blokowe nie mają pliku footer.php. W takim przypadku użyj metody z wtyczką (WPCode), która działa ze wszystkimi typami motywów.

Ważne: Aktualizacje motywu nadpiszą Twoje zmiany. Aby uzyskać trwałe rozwiązanie, użyj motywu potomnego lub metody z wtyczką.

Metoda 3: Użycie Elementor

Jeśli korzystasz z Elementor, możesz dodać kod za pomocą funkcji własnego kodu Elementor.

Elementor Pro

Przejdź do Elementor → Custom Code
Kliknij "Add New"
Nadaj nazwę, np. "Asyntai Chatbot"
Ustaw lokalizację na \"Before </body> End\"
Wklej swój kod osadzania Asyntai
Ustaw warunki wyświetlania na "Entire Site"
Kliknij "Publish"

Elementor Free

Jeśli korzystasz z darmowej wersji Elementor, użyj metody z wtyczka opisanej powyżej, ponieważ wstrzykiwanie własnego kodu wymaga Elementor Pro.

Krok 3: Weryfikacja instalacji

Po dodaniu kodu odwiedź swoja stronę w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu witryny. Kliknij go, aby upewnić sie, ze otwiera sie i działa prawidlowo.

Nie widzisz widgetu? Wyczyść pamięć podręczna przeglądarki oraz wszystkie wtyczki buforujace WordPress. Jeśli korzystasz z wtyczki buforujacej, takiej jak WP Rocket lub W3 Total Cache, wyczyść pamięć podręczna po dodaniu kodu.

Dokumentacja