WordPress: Elementordan istifadə edərək Link və ya Düyməni Klikləməklə LiveChat Pəncərəsini açmaq üçün jQuery-dən istifadə edin

Elementordan istifadə edərək Link və ya Düyməni Klikləməklə LiveChat pəncərəsini açmaq üçün jQuery istifadə edin

Müştərilərimizdən biri var Elementor, WordPress üçün ən möhkəm səhifə qurma platformalarından biridir. Biz onlara son bir neçə ay ərzində daxil olan marketinq səylərini təmizləməkdə, həyata keçirdikləri fərdiləşdirmələri minimuma endirməkdə və sistemlərin, o cümlədən analitika ilə daha yaxşı ünsiyyət qurmasına kömək etmişik.

Müştəri var LiveChat, söhbət prosesinin hər bir addımı üçün güclü Google Analytics inteqrasiyasına malik olan fantastik söhbət xidməti. LiveChat onu saytınıza inteqrasiya etmək üçün çox yaxşı API-yə malikdir, o cümlədən anker teqində onClick hadisəsindən istifadə edərək söhbət pəncərəsini açmaq imkanı. Bunun necə göründüyü budur:

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

Əsas kodu redaktə etmək və ya xüsusi HTML əlavə etmək bacarığınız varsa, bu əlverişlidir. ilə Elementor, baxmayaraq ki, platforma təhlükəsizlik səbəbiylə bağlanıb ki, siz əlavə edə bilməyəcəksiniz onClick hadisəsi hər hansı bir obyektə. Əgər kodunuza xüsusi onClick hadisəsi əlavə etsəniz, hər hansı bir xəta almırsınız... lakin kodun çıxışdan silindiyini görəcəksiniz.

jQuery Dinləyicisindən istifadə

OnClick metodologiyasının bir məhdudiyyəti ondan ibarətdir ki, siz saytınızdakı hər bir linki redaktə etməli və həmin kodu əlavə etməlisiniz. Alternativ metodologiya səhifəyə skript daxil etməkdir dinləyir səhifənizdə xüsusi bir klik üçün və o, sizin üçün kodu icra edir. Bu, hər hansı birini axtararaq edilə bilər çapa etiketi xüsusi ilə CSS sinfi. Bu halda, biz adlı bir siniflə anker teq təyin edirik açıq söhbət.

Saytın altbilgisində mən sadəcə lazımi skripti olan xüsusi HTML sahəsi əlavə edirəm:

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

İndi, o skript sayt genişdir, belə ki, səhifədən asılı olmayaraq, sinifim varsa açıq söhbət klikləndikdə, söhbət pəncərəsini açacaq. Elementor obyekti üçün biz sadəcə keçidi # və sinfi olaraq təyin etdik açıq söhbət.

elementor bağlantısı

element və ya qabaqcıl parametrlər sinifləri

Əlbəttə ki, kod təkmilləşdirilə bilər və ya hər hansı digər hadisə növü üçün də istifadə edilə bilər, məsələn a Google Analytics Tədbiri. Əlbəttə ki, LiveChat bu hadisələri əlavə edən Google Analytics ilə əla inteqrasiyaya malikdir, lakin mən onu nümunə kimi aşağıda qeyd edirəm:

<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 ilə sayt qurmaq olduqca sadədir və platformanı çox tövsiyə edirəm. Böyük bir cəmiyyət, tonlarla resurs və imkanları artıran bir neçə Elementor Əlavələri var.

Elementor ilə başlayın LiveChat ilə başlayın

Açıqlama: üçün tərəfdaşlıq əlaqələrindən istifadə edirəm ElementorLiveChat bu məqalədə. Həllini hazırladığımız sayt a Mərkəzi İndianada isti vanna istehsalçısı.