Jak łatwo dodać widget czatu na żywo Tawk.to do WordPressa
Objaśnienie
Aby dodać widget czatu na żywo Tawk.to do swojej strony WordPress, musisz umieścić mały fragment kodu, który umożliwi działanie usługi czatu. Oto prosty sposób, aby to zrobić:
- Tworzenie funkcji: Tworzy się funkcję, która dodaje skrypt Tawk.to do Twojej strony. To właśnie ten skrypt sprawia, że widget czatu pojawia się na Twoich stronach.
- Tylko frontend: Skrypt jest ustawiony tak, aby ładował się tylko na frontendzie Twojej strony, co oznacza, że nie pojawi się w obszarze administracyjnym WordPressa. Dzięki temu Twój pulpit administracyjny pozostaje czysty i szybki.
- Umiejscowienie skryptu: Skrypt jest dodawany do stopki Twojej strony. Zapewnia to, że ładowany jest po głównym kontencie, co może pomóc w szybkości ładowania strony i wydajności.
- Bezpieczeństwo: Kod zawiera sprawdzenie, aby upewnić się, że skrypt jest dodawany tylko do frontend, co jest dobrą praktyką bezpieczeństwa.
Aby to działało, zastąp 'YOUR_PROPERTY_ID' w adresie URL źródła skryptu swoim rzeczywistym identyfikatorem Tawk.to. Ten identyfikator jest unikalny dla Twojego konta Tawk.to i zapewnia, że widget czatu jest powiązany z Twoją konkretną konfiguracją.
Po dodaniu tego kodu do pliku functions.php Twojego motywu, widget czatu Tawk.to powinien pojawić się na Twojej stronie, gotowy do użycia przez odwiedzających.
Kod
<?php
// Function to add Tawk.to widget script to WordPress site
function wp_dudecom_add_tawkto_widget() {
// Ensure the script is added only on the frontend
if ( ! is_admin() ) {
?>
<!-- Tawk.to Live Chat Script -->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/YOUR_PROPERTY_ID/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<?php
}
}
// Hook the function to wp_footer to ensure it loads in the footer of the site
add_action('wp_footer', 'wp_dudecom_add_tawkto_widget');
// Security best practice: Ensure the script is only added on the frontend
function wp_dudecom_enqueue_scripts() {
if ( ! is_admin() ) {
add_action('wp_footer', 'wp_dudecom_add_tawkto_widget');
}
}
add_action('init', 'wp_dudecom_enqueue_scripts');
?>Instrukcja
Aby dodać widget czatu na żywo Tawk.to do swojej strony WordPress, wykonaj następujące kroki:
Lokalizacja pliku: Będziesz dodawać kod do pliku functions.php swojego motywu.
Wymagania wstępne: Upewnij się, że masz gotowy identyfikator swojej właściwości Tawk.to. Będziesz go potrzebować, aby zastąpić 'YOUR_PROPERTY_ID' w skrypcie.
Kroki wdrożenia:
- Dostęp do panelu WordPress: Zaloguj się do swojego panelu administracyjnego WordPress.
- Przejdź do edytora motywu: Przejdź do Wygląd > Edytor motywu. Jeśli zobaczysz ostrzeżenie o edytowaniu plików bezpośrednio, postępuj ostrożnie.
- Wybierz functions.php: Po prawej stronie znajdź i kliknij na Funkcje motywu (functions.php).
- Dodaj kod: Przewiń na dół pliku
functions.phpi wklej podany kod. - Zastąp identyfikator właściwości: Wklejonym kodzie znajdź 'YOUR_PROPERTY_ID' i zastąp go swoim rzeczywistym identyfikatorem właściwości Tawk.to.
- Zapisz zmiany: Kliknij przycisk Aktualizuj plik, aby zapisać swoje zmiany.
- Zweryfikuj wdrożenie: Odwiedź frontend swojej strony, aby upewnić się, że widget czatu Tawk.to pojawia się zgodnie z oczekiwaniami.
Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy przy wdrożeniu lub bardziej zaawansowanej funkcjonalności.