Tidio Chat API WordPress Code Snippets

نشرت: 2022-04-29

هل تبحث عن كود ووردبريس الخاص بـ Tidio Chat API؟

يعد وجود حل للدردشة الحية على موقع WordPress الخاص بك إستراتيجية قوية ليس فقط في تحويل الزوار إلى مشترين ولكن أيضًا للإجابة على الأسئلة لمساعدة الزوار على التنقل في موقع الويب الخاص بك.

على مر السنين هنا في WP Fix It ، أتيحت لنا الفرصة للعمل مع العديد من منصات برامج الدردشة الحية الشائعة الموجودة.

منذ بداية عام 2020 بدأنا في استخدام برنامج دردشة مباشر يسمى Tidio. لقد تعثرنا عبر هذه الشركة من أحد مواقع الويب الخاصة بعملائنا والتي كنا نقدم دعم WordPress لها.

لقد استخدمنا بالفعل برنامج دردشة حية آخر لسنوات عديدة ، لكن الشيء الكبير الذي جذبناه إلى Tidio الذي ركزنا عليه في البداية كان مدى جاذبية أداة الدردشة نفسها على موقع الويب الخاص بعملائنا.

ثم الغوص في المزيد حول ما كان عليهم تقديمه من خلال حل الدردشة الحية وما الذي جعلهم مختلفين عن منافسيهم ، فقد أذهلنا.

كانت إحدى ميزاتنا المفضلة هي تكامل واجهة برمجة التطبيقات وكيف يمكننا استخدامها لتشغيل بعض رسائل الدردشة المحددة على صفحات مختلفة داخل موقع WordPress الخاص بنا.

سيسمح لنا هذا النوع من التكامل بأتمتة أشياء مثل الحصول على معلومات الزائر وبدء محادثات مع زوار جدد.

بينما قدمت Tido وثائق حول كيفية استخدام واجهة برمجة التطبيقات الخاصة بهم ، كانت هناك بعض الوظائف المحددة التي أردنا إنشاؤها والتي لم نتمكن من العثور عليها عبر الإنترنت.

لذلك قررنا أن نجعلها بأنفسنا. لقد حققوا نجاحًا كبيرًا لشركتنا لدرجة أننا أردنا مشاركة هذه المعلومات مع الآخرين الذين قد يبحثون عن تكامل API على موقع WordPress الخاص بهم.

لقد قمنا بتجميع 5 مقتطفات قوية من Tidio Chat API WordPress Code لك أدناه بحيث يمكنك دمجها في موقع WordPress الخاص بك لأتمتة بعض التفاعلات الأولية مع زوار موقع الويب الخاص بك.

نص تثبيت الدردشة - Tidio Chat API WordPress

مقتطف البرنامج النصي أدناه هو رمز التثبيت الفعلي لتشغيل Tidio Chat على موقع الويب الخاص بك.

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

العناصر الموجودة في هذا الرمز يمكنك تعديلها وفقًا لاحتياجاتك:

  1. ACCOUNT_SPECIFIC_STRING

    هذا هو النص المضمن الذي يمكنك العثور عليه في حساب Tidio الخاص بك. انظر الصورة أدناه.
Tidio Chat API WordPress Code Snippets
نص محادثة TIDIO

كيفية استخدام هذا الرمز على موقع WordPress الخاص بك:

طريقة 1
ضع هذا الرمز في ملف footer.php لموضوعك النشط

طريقة # 2
استخدم المكون الإضافي المجاني على الرابط أدناه لوضع مقتطف الشفرة في تذييل المظهر النشط الخاص بك
https://wordpress.org/plugins/insert-headers-and-footers/

طريقة # 3
استخدم البرنامج الإضافي المجاني Tidio Chat الذي يمكن العثور عليه على WordPress.org أو تثبيته مباشرة من منطقة إدارة WordPress الخاصة بك. رابط البرنامج المساعد أدناه.
https://wordpress.org/plugins/tidio-live-chat/

Tidio – Live Chat Chatbots Email Integration

التقاط سكربت معلومات المستخدم - Tidio Chat API WordPress

المقتطف النصي أدناه غراد الاسم الأول للزائر وعنوان البريد الإلكتروني من ملف تعريف حسابه على موقع الويب الخاص بك. لن يتم تشغيل هذا إلا إذا قام الزائر بتسجيل الدخول إلى موقع الويب الخاص بك.

 <?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
تم إنشاء الاسم والبريد الإلكتروني

كيفية استخدام هذا الرمز على موقع WordPress الخاص بك:

طريقة 1
ضع هذا الرمز في ملف footer.php لموضوعك النشط

طريقة # 2
استخدم المكون الإضافي المجاني على الرابط أدناه لوضع مقتطف الشفرة في تذييل المظهر النشط الخاص بك
https://wordpress.org/plugins/insert-headers-and-footers/

سيناريو اسم الزائر المخصص - Tidio Chat API WordPress

المقتطف النصي أدناه غراد الاسم الأول للزائر وعنوان البريد الإلكتروني من ملف تعريف حسابه على موقع الويب الخاص بك. لن يتم تشغيل هذا إلا إذا قام الزائر بتسجيل الدخول إلى موقع الويب الخاص بك.

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

العناصر الموجودة في هذا الرمز يمكنك تعديلها وفقًا لاحتياجاتك:

  1. اسم: " CUSTOM_VISITOR_NAME "،

كيفية استخدام هذا الرمز على موقع WordPress الخاص بك:

طريقة 1
ضع هذا الرمز في ملف footer.php لموضوعك النشط

طريقة # 2
استخدم المكون الإضافي المجاني على الرابط أدناه لوضع مقتطف الشفرة في تذييل المظهر النشط الخاص بك
https://wordpress.org/plugins/insert-headers-and-footers/

نص رسالة ترحيب مخصصة - Tidio Chat API WordPress

سيؤدي مقتطف البرنامج النصي أدناه إلى تشغيل رسالة ترحيب مخصصة للدردشة بعد فترة زمنية من اختيارك.

 <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>

العناصر الموجودة في هذا الرمز يمكنك تعديلها وفقًا لاحتياجاتك:

  1. إذا (! window.sessionStorage.getItem (" SESSION_COOKIE_NAME “)) {
    window.sessionStorage.setItem (“ SESSION_COOKIE_NAME "، حقيقي)؛
  2. tidioChatApi.messageFromOperator (" رسالة مخصصة هنا ") ؛
  3. } ، 5 * 1000 ) ؛
Tidio Chat API WordPress

كيفية استخدام هذا الرمز على موقع WordPress الخاص بك:

طريقة 1
ضع هذا الرمز في ملف footer.php لموضوعك النشط

طريقة # 2
استخدم المكون الإضافي المجاني على الرابط أدناه لوضع مقتطف الشفرة في تذييل المظهر النشط الخاص بك
https://wordpress.org/plugins/insert-headers-and-footers/

برنامج نصي لرسائل الدردشة المفتوحة المخصصة - Tidio Chat API WordPress

مقتطف البرنامج النصي أدناه سيؤدي إلى فتح نافذة الدردشة برسالة مخصصة بعد فترة زمنية من اختيارك.

 <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>

العناصر الموجودة في هذا الرمز يمكنك تعديلها وفقًا لاحتياجاتك:

  1. إذا (! window.sessionStorage.getItem (" SESSION_COOKIE_NAME “)) {
    window.sessionStorage.setItem (“ SESSION_COOKIE_NAME "، حقيقي)؛
  2. tidioChatApi.messageFromOperator (" الرسالة التي تريد أن تقولها ") ؛
  3. } ، 5 * 1000 ) ؛
Tidio Chat API WordPress

كيفية استخدام هذا الرمز على موقع WordPress الخاص بك:

طريقة 1
ضع هذا الرمز في ملف footer.php لموضوعك النشط

طريقة # 2
استخدم المكون الإضافي المجاني على الرابط أدناه لوضع مقتطف الشفرة في تذييل المظهر النشط الخاص بك
https://wordpress.org/plugins/insert-headers-and-footers/

مجرد الختام

نأمل حقًا أن تجد مقتطفات رمز Tidio Chat API WordPress هذه مفيدة في إنشاء تفاعل أفضل مع زوار موقع الويب الخاص بك.

يمكنك أيضًا استخدام عبارات WordPress الشرطية لإعداد مشغلات مختلفة خاصة بعنوان URL.

لمعرفة المزيد حول عبارات WordPress الشرطية وكيفية استخدامها ، يمكنك زيارة الرابط أدناه.
https://codex.wordpress.org/Conditional_Tags

لست متأكدًا مما إذا كنت تعرف هذا ولكن وجود حل للدردشة الحية على موقع الويب الخاص بك هو أحد أفضل الطرق لتقليل معدل الارتداد. تحقق من بعض تقنيات الطاقة الأخرى لخفض معدل الارتداد على https://www.wpfixit.com/how-to-lower-bounce-rate/