WordPress: jQuery yordamida LiveChat oynasini Elementor yordamida havola yoki tugmani bosish orqali ochish

Elementor yordamida havola yoki tugmani bosish orqali LiveChat oynasini ochish uchun jQuery-dan foydalanish

Bizning mijozlarimizdan biri bor Elementor, WordPress uchun eng mustahkam sahifa yaratish platformalaridan biri. Biz ularga so'nggi bir necha oy ichida kiruvchi marketing harakatlarini tozalashda, ular amalga oshirgan moslashtirishlarni minimallashtirishda va tizimlar, jumladan, tahlillar bilan yaxshiroq aloqa qilishda yordam berdik.

Mijoz bor LiveChat, chat jarayonining har bir bosqichi uchun mustahkam Google Analytics integratsiyasiga ega bo'lgan ajoyib chat xizmati. LiveChat-da uni saytingizga integratsiyalash uchun juda yaxshi API mavjud, jumladan, langar tegidagi onClick hodisasi yordamida chat oynasini ochish qobiliyatiga ega. Bu shunday ko'rinadi:

<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>

Agar siz asosiy kodni tahrirlash yoki maxsus HTML qo'shish imkoniga ega bo'lsangiz, bu qulay. Bilan Elementor, ammo platforma xavfsizlik sababli bloklangan, shuning uchun siz qo'sha olmaysiz onClick hodisasi har qanday ob'ektga. Agar sizda kodingizga o'sha maxsus onClick hodisasi qo'shilgan bo'lsa, siz hech qanday xatolikka yo'l qo'ymaysiz... lekin kodni chiqishdan olib tashlanganini ko'rasiz.

jQuery tinglovchisidan foydalanish

OnClick metodologiyasining bir cheklovi shundaki, siz saytingizdagi har bir havolani tahrirlashingiz va ushbu kodni qo'shishingiz kerak bo'ladi. Muqobil metodologiya bu sahifaga skriptni kiritishdir tinglaydi sahifangizga ma'lum bir marta bosish uchun va u siz uchun kodni bajaradi. Bu har qanday qidiruv orqali amalga oshirilishi mumkin langar yorlig'i o'ziga xos xususiyatga ega CSS klassi. Bunday holda, biz nomli sinfga ega langar tegini belgilaymiz ochiq suhbat.

Saytning pastki qismida men kerakli skript bilan maxsus HTML maydonini qo'shaman:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
  });
});
</script>

Endi, bu skript sayt keng, shuning uchun sahifadan qat'i nazar, agar menda sinf bo'lsa ochiq suhbat Agar bosilgan bo'lsa, u chat oynasini ochadi. Elementor ob'ekti uchun biz shunchaki havolani # va sinfni o'rnatdik ochiq suhbat.

elementor havolasi

element yoki kengaytirilgan sozlamalar sinflari

Albatta, kodni yaxshilash mumkin yoki boshqa har qanday hodisa uchun ham foydalanish mumkin, masalan a Google Analytics tadbiri. Albatta, LiveChat ushbu voqealarni qo'shadigan Google Analytics bilan ajoyib integratsiyaga ega, ammo men uni misol sifatida quyida keltiraman:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
    gtag('event', 'Click', { 'event_category': 'Chat', 'event_action':'Open','event_label':'LiveChat' });
  });
});
</script>

Elementor bilan sayt yaratish juda oddiy va men platformani tavsiya qilaman. Ajoyib hamjamiyat, tonna resurslar va imkoniyatlarni yaxshilaydigan bir nechta Elementor qo'shimchalari mavjud.

Elementor bilan ishlashni boshlang LiveChat bilan ishlashni boshlang

Axborot: Men uchun sheriklik havolalaridan foydalanmoqdaman Elementor va LiveChat ushbu maqolada. Yechimni ishlab chiqqan sayt a Indiana markazidagi issiq vanna ishlab chiqaruvchisi.