WordPress. jQuery-ի միջոցով LiveChat պատուհան բացելու համար՝ սեղմելով հղումը կամ կոճակը Elementor-ի միջոցով

Օգտագործելով jQuery՝ LiveChat պատուհանը բացելու համար՝ սեղմելով հղումը կամ կոճակը Elementor-ի միջոցով

Մեր հաճախորդներից մեկն ունի Elementor, WordPress-ի համար էջերի կառուցման ամենաուժեղ հարթակներից մեկը: Մենք վերջին մի քանի ամիսների ընթացքում օգնել ենք նրանց մաքրել իրենց ներգնա մարքեթինգային ջանքերը՝ նվազագույնի հասցնելով նրանց կողմից իրականացված հարմարեցումները և ապահովելով համակարգերի ավելի լավ հաղորդակցությունը, ներառյալ վերլուծականները:

Հաճախորդն ունի LiveChat, ֆանտաստիկ զրույցի ծառայություն, որն ունի Google Analytics-ի ամուր ինտեգրում զրույցի գործընթացի յուրաքանչյուր քայլի համար: LiveChat-ն ունի շատ լավ API՝ այն ձեր կայքին ինտեգրելու համար, ներառյալ՝ հնարավորություն ունենալով բացել զրույցի պատուհանը՝ օգտագործելով onClick իրադարձությունը խարիսխ պիտակի մեջ: Ահա թե ինչպես է դա թվում.

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

Սա հարմար է, եթե դուք կարող եք խմբագրել հիմնական կոդը կամ ավելացնել հատուկ HTML: Հետ ElementorԱյնուամենայնիվ, հարթակը արգելափակված է անվտանգության նկատառումներից ելնելով, որպեսզի չկարողանաք ավելացնել onClick իրադարձություն ցանկացած օբյեկտի. Եթե ​​ձեր կոդի վրա ավելացվել է onClick-ի այդ սովորական իրադարձությունը, դուք որևէ տեսակի սխալ չեք ստանա… բայց կտեսնեք, որ կոդը հեռացված է ելքից:

Օգտագործելով jQuery ունկնդիր

OnClick մեթոդաբանության սահմանափակումներից մեկն այն է, որ դուք պետք է խմբագրեք ձեր կայքի յուրաքանչյուր հղումը և ավելացնեք այդ կոդը: Այլընտրանքային մեթոդաբանությունը էջի մեջ սցենար ներառելն է, որը լսում է ձեր էջի վրա կոնկրետ սեղմելու համար, և այն գործարկում է կոդը ձեզ համար: Դա կարելի է անել ցանկացած փնտրելով խարիսխ պիտակ կոնկրետի հետ CSS դաս. Այս դեպքում մենք նշանակում ենք խարիսխ պիտակ՝ անվանված դասով openchat.

Կայքի ստորագրի ներսում ես պարզապես ավելացնում եմ հատուկ HTML դաշտ՝ անհրաժեշտ սցենարով.

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

Այժմ, այդ սցենարը կայքի լայն է, ուստի անկախ էջից, եթե ես դաս ունեմ openchat որը սեղմված է, այն կբացի զրույցի պատուհանը: Elementor օբյեկտի համար մենք ուղղակի կապը սահմանեցինք #, իսկ դասը՝ որպես openchat.

տարրական հղում

elementor առաջադեմ պարամետրերի դասեր

Իհարկե, կոդը կարող է ընդլայնվել կամ կարող է օգտագործվել նաև ցանկացած այլ տեսակի իրադարձության համար, օրինակ՝ a Google Analytics- ի իրադարձություն. Իհարկե, LiveChat-ը հիանալի ինտեգրում ունի Google Analytics-ի հետ, որն ավելացնում է այս իրադարձությունները, բայց ես ներքևում եմ այն ​​որպես օրինակ.

<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-ով կայք կառուցելը բավականին պարզ է, և ես բարձր խորհուրդ եմ տալիս հարթակը: Կա հիանալի համայնք, տոննա ռեսուրսներ և բավականին շատ Elementor հավելումներ, որոնք ուժեղացնում են հնարավորությունները:

Սկսեք Elementor-ի հետ Սկսեք LiveChat-ով

Բացահայտում. Ես օգտագործում եմ դուստր ձեռնարկությունների հղումներ Elementor և LiveChat այս հոդվածում: Կայքը, որտեղ մենք մշակել ենք լուծումը, ա Տաք լոգարան արտադրող կենտրոն Ինդիանայում.