Cuplikan Kode WordPress API Obrolan Tidio

Diterbitkan: 2022-04-29

Mencari Kode WordPress API Obrolan Tidio Kustom?

Memiliki solusi obrolan langsung di situs web WordPress Anda adalah strategi yang sangat kuat dalam tidak hanya mengubah pengunjung menjadi pembeli tetapi juga menjawab pertanyaan untuk membantu pengunjung menavigasi situs web Anda.

Selama bertahun-tahun di WP Fix It, kami memiliki kesempatan untuk bekerja dengan banyak platform perangkat lunak obrolan langsung populer yang ada.

Sejak awal tahun 2020 kami mulai menggunakan software live chat bernama Tidio. Kami menemukan perusahaan ini dari salah satu situs web pelanggan kami yang kami berikan dukungan WordPress.

Kami telah menggunakan perangkat lunak obrolan langsung lainnya selama bertahun-tahun, tetapi hal besar yang menjadi fokus kami pada Tidio adalah seberapa menarik widget obrolan itu sendiri di situs web pelanggan kami.

Kemudian menyelam lebih jauh ke dalam apa yang mereka tawarkan dengan solusi obrolan langsung mereka dan apa yang membuat mereka berbeda dari pesaing mereka, kami terpesona.

Salah satu fitur favorit kami adalah integrasi API mereka dan bagaimana kami dapat menggunakannya untuk memicu beberapa pesan obrolan tertentu di halaman berbeda dalam situs web WordPress kami.

Jenis integrasi ini memungkinkan kami untuk mengotomatiskan hal-hal seperti menangkap informasi pengunjung dan memulai obrolan dengan pengunjung baru.

Meskipun Tido menyediakan dokumentasi tentang cara menggunakan API mereka, ada beberapa fungsi khusus yang ingin kami buat yang tidak dapat kami temukan secara online.

Jadi kami memutuskan untuk membuatnya sendiri. Mereka telah sangat sukses untuk perusahaan kami sehingga kami ingin berbagi informasi ini dengan orang lain yang mungkin mencari integrasi API ini di situs WordPress mereka sendiri.

Kami telah mengumpulkan 5 Cuplikan Kode WordPress Tidio Chat API yang kuat untuk Anda di bawah ini yang dapat Anda integrasikan ke situs web WordPress Anda untuk mengotomatiskan beberapa interaksi awal dengan pengunjung situs web Anda.

Skrip Instalasi Obrolan – Tidio Chat API WordPress

Cuplikan skrip di bawah ini adalah kode pemasangan yang sebenarnya untuk menjalankan Tidio Chat di situs web Anda.

 <script src="//code.tidio.co/ACCOUNT_SPECIFIC_STRING.js" async></script>

Item dalam kode ini dapat Anda sesuaikan dengan kebutuhan Anda:

  1. ACCOUNT_SPECIFIC_STRING

    Ini adalah skrip embed yang dapat Anda temukan di akun Tidio Anda. Lihat gambar di bawah ini.
Tidio Chat API WordPress Code Snippets
SKRIP CHAT TIDIO

Cara menggunakan kode ini di situs WordPress Anda:

METODE #1
Tempatkan kode ini di file footer.php dari tema aktif Anda

METODE # 2
Gunakan plugin gratis di tautan di bawah ini untuk menempatkan cuplikan kode di footer tema aktif Anda
https://wordpress.org/plugins/insert-headers-and-footers/

METODE # 3
Gunakan plugin gratis Tidio Chat yang dapat ditemukan di WordPress.org atau diinstal langsung dari area admin WordPress Anda. Tautan ke plugin ada di bawah.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

Tangkap Skrip Info Pengguna – Tidio Chat API WordPress

Cuplikan skrip di bawah ini menilai nama depan dan alamat email pengunjung dari profil akun mereka di situs web Anda. Ini hanya akan berjalan jika pengunjung masuk ke situs web Anda.

 <?php if( is_user_logged_in() ) { $current_user = wp_get_current_user(); $current_user_name = $current_user->user_firstname . " " . $current_user->user_lastname; $current_user_id = $current_user->ID; $current_user_mail = $current_user->user_email; ?> <script> var user_; // Set customer ID var user_fullname = "<?php echo $current_user_name ?>"; // Set customer email var user_email = "<?php echo $current_user_mail ?>"; // Set customer name document.tidioIdentify = { distinct_id: user_id, email: user_email, name: user_fullname, }; </script>
Tidio Chat API WordPress 4
NAMA DAN EMAIL YANG DIHASILKAN

Cara menggunakan kode ini di situs WordPress Anda:

METODE #1
Tempatkan kode ini di file footer.php dari tema aktif Anda

METODE # 2
Gunakan plugin gratis di tautan di bawah ini untuk menempatkan cuplikan kode di footer tema aktif Anda
https://wordpress.org/plugins/insert-headers-and-footers/

Skrip Nama Pengunjung Khusus – Tidio Chat API WordPress

Cuplikan skrip di bawah ini menilai nama depan dan alamat email pengunjung dari profil akun mereka di situs web Anda. Ini hanya akan berjalan jika pengunjung masuk ke situs web Anda.

 <script> document.tidioIdentify = { // You can change visitor name below name: "CUSTOM_VISITOR_NAME", }; </script>

Item dalam kode ini dapat Anda sesuaikan dengan kebutuhan Anda:

  1. nama: “ CUSTOM_VISITOR_NAME “,

Cara menggunakan kode ini di situs WordPress Anda:

METODE #1
Tempatkan kode ini di file footer.php dari tema aktif Anda

METODE # 2
Gunakan plugin gratis di tautan di bawah ini untuk menempatkan cuplikan kode di footer tema aktif Anda
https://wordpress.org/plugins/insert-headers-and-footers/

Skrip Pesan Selamat Datang Khusus – Tidio Chat API WordPress

Cuplikan skrip di bawah ini akan memicu pesan sambutan khusus obrolan setelah jangka waktu pilihan Anda.

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { // Change message you wish to use below tidioChatApi.messageFromOperator("CUSTOM MESSAGE HERE"); // Adjsut the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

Item dalam kode ini dapat Anda sesuaikan dengan kebutuhan Anda:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", BENAR);
  2. tidioChatApi.messageFromOperator(“ PESAN KUSTOM DI SINI “);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Cara menggunakan kode ini di situs WordPress Anda:

METODE #1
Tempatkan kode ini di file footer.php dari tema aktif Anda

METODE # 2
Gunakan plugin gratis di tautan di bawah ini untuk menempatkan cuplikan kode di footer tema aktif Anda
https://wordpress.org/plugins/insert-headers-and-footers/

Skrip Pesan Obrolan Terbuka Kustom – Tidio Chat API WordPress

Cuplikan skrip di bawah ini akan memicu jendela obrolan terbuka dengan pesan khusus setelah jangka waktu pilihan Anda.

 <script> // Set session cookie name below if(!window.sessionStorage.getItem("SESSION_COOKIE_NAME")) { window.sessionStorage.setItem("SESSION_COOKIE_NAME", true); (function() { function onTidioChatApiReady() { setTimeout(function () { window.tidioChatApi.open(); // Change message you wish to use below tidioChatApi.messageFromOperator("MESSAGE YOU WANT TO SAY"); // Adjust the time trigger 1000 of message display below }, 5 * 1000); } if (window.tidioChatApi) { window.tidioChatApi.on("ready", onTidioChatApiReady); } else { document.addEventListener("tidioChat-ready", onTidioChatApiReady); } })(); } </script>

Item dalam kode ini dapat Anda sesuaikan dengan kebutuhan Anda:

  1. if(!window.sessionStorage.getItem(“ SESSION_COOKIE_NAME “)) {
    window.sessionStorage.setItem(“ SESSION_COOKIE_NAME ", BENAR);
  2. tidioChatApi.messageFromOperator(“ PESAN YANG INGIN ANDA KATAKAN “);
  3. }, 5 * 1000 );
Tidio Chat API WordPress

Cara menggunakan kode ini di situs WordPress Anda:

METODE #1
Tempatkan kode ini di file footer.php dari tema aktif Anda

METODE # 2
Gunakan plugin gratis di tautan di bawah ini untuk menempatkan cuplikan kode di footer tema aktif Anda
https://wordpress.org/plugins/insert-headers-and-footers/

Hanya Membungkus

Kami sangat berharap Anda akan menemukan Cuplikan Kode WordPress Tidio Chat API ini membantu dalam menciptakan keterlibatan yang lebih baik dengan pengunjung situs web Anda.

Anda juga dapat menggunakan pernyataan bersyarat WordPress untuk menyiapkan pemicu berbeda yang spesifik untuk URL.

Untuk mempelajari lebih lanjut tentang pernyataan bersyarat WordPress dan cara menggunakannya, Anda dapat mengunjungi tautan di bawah ini.
https://codex.wordpress.org/Conditional_Tags

Tidak yakin apakah Anda mengetahui hal ini, tetapi memiliki solusi obrolan langsung di situs web Anda adalah salah satu cara terbaik untuk mengurangi rasio pentalan. Lihat beberapa teknik kekuatan lainnya untuk menurunkan rasio pentalan di https://www.wpfixit.com/how-to-lower-bounce-rate/