WordPress- Elementor ကိုအသုံးပြု၍ လင့်ခ် သို့မဟုတ် ခလုတ်ကိုနှိပ်ခြင်းဖြင့် LiveChat Window ကိုဖွင့်ရန် jQuery ကိုအသုံးပြုခြင်း။

လင့်ခ် သို့မဟုတ် ခလုတ်ကို နှိပ်ခြင်းဖြင့် Elementor ကို အသုံးပြု၍ LiveChat Window ကိုဖွင့်ရန် jQuery ကိုအသုံးပြုခြင်း။

ကျွန်ုပ်တို့၏ဖောက်သည်တစ်ဦးရှိသည်။ ElementorWordPress အတွက် အခိုင်မာဆုံး စာမျက်နှာတည်ဆောက်ရေး ပလပ်ဖောင်းများထဲမှ တစ်ခု။ ပြီးခဲ့သောလအနည်းငယ်အတွင်း ၎င်းတို့၏ Inbound စျေးကွက်ရှာဖွေရေးကြိုးပမ်းမှုများကို ရှင်းလင်းဖယ်ရှားရန်၊ ၎င်းတို့အကောင်အထည်ဖော်ခဲ့သည့် စိတ်ကြိုက်ပြင်ဆင်မှုများကို လျှော့ချရန်နှင့် ခွဲခြမ်းစိတ်ဖြာမှုများအပါအဝင် ပိုမိုကောင်းမွန်သောဆက်သွယ်နိုင်သည့်စနစ်များကို ရရှိအောင် ကျွန်ုပ်တို့ကူညီပေးခဲ့ပါသည်။

ဖောက်သည်တွေရှိတယ်။ LiveChatချတ်လုပ်ငန်းစဉ်၏ အဆင့်တိုင်းအတွက် ခိုင်မာသော Google Analytics ပေါင်းစည်းမှုရှိသော အံ့သြဖွယ်ကောင်းသော ချတ်ဝန်ဆောင်မှုတစ်ခု။ LiveChat တွင် ၎င်းကို သင့်ဆိုဒ်တွင် ပေါင်းစည်းရန်အတွက် အလွန်ကောင်းမွန်သော API တစ်ခု ရှိပြီး၊ ၎င်းအား ချက်တင်ဝင်းဒိုးကို ဖွင့်နိုင်သည့် စွမ်းရည်ရှိခြင်း၊ ဒါက ဘယ်လိုပုံလဲ၊

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

ပင်မကုဒ်ကို တည်းဖြတ်နိုင်သည် သို့မဟုတ် စိတ်ကြိုက် HTML ကို ထည့်နိုင်လျှင် ၎င်းသည် အဆင်ပြေသည်။ အတူ Elementorသို့သော်၊ သင်ထည့်၍မရသော လုံခြုံရေးအကြောင်းပြချက်များကြောင့် ပလပ်ဖောင်းကို ပိတ်ထားသည်။ onClick ဖြစ်ရပ် မည်သည့်အရာဝတ္ထုကိုမဆို။ သင့်တွင် အဆိုပါ စိတ်ကြိုက် onClick ဖြစ်ရပ်ကို သင့်ကုဒ်တွင် ပေါင်းထည့်ထားပါက သင်သည် မည်သည့် အမှားအယွင်း အမျိုးအစားကိုမျှ ရရှိမည်မဟုတ်ပါ… သို့သော် ကုဒ်ကို အထွက်မှ ဖယ်ထုတ်ထားသည်ကို မြင်တွေ့ရမည်ဖြစ်သည်။

jQuery Listener ကိုအသုံးပြုခြင်း။

onClick နည်းစနစ်၏ ကန့်သတ်ချက်တစ်ခုမှာ သင့်ဆိုက်ရှိ လင့်ခ်တစ်ခုစီတိုင်းကို တည်းဖြတ်ပြီး ထိုကုဒ်ကို ထည့်ရမည်ဖြစ်သည်။ အခြားနည်းလမ်းတစ်ခုသည် ထိုစာမျက်နှာတွင် script ကိုထည့်သွင်းရန်ဖြစ်သည်။ နားထောင်သည် သင့်စာမျက်နှာပေါ်တွင် တိကျသောကလစ်တစ်ချက်အတွက် ၎င်းသည် သင့်အတွက်ကုဒ်ကို လုပ်ဆောင်ပေးသည်။ မည်သည့်အရာကိုမဆိုရှာဖွေခြင်းဖြင့်လုပ်ဆောင်နိုင်သည်။ ကျောက်ဆူး tag ကို တိကျတဲ့ CSS အတန်း. ဤကိစ္စတွင်၊ ကျွန်ုပ်တို့သည် အမည်ပေးထားသော အတန်းတစ်ခုဖြင့် ကျောက်ဆူးတဂ်တစ်ခုအား သတ်မှတ်ပေးနေသည်။ openchat.

site ၏အောက်ခြေတွင်၊ လိုအပ်သော script ဖြင့် စိတ်ကြိုက် HTML အကွက်တစ်ခုကို ထည့်လိုက်သည်-

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

အခု၊ အဲဒီ script က site ကျယ်တာမို့၊ ကျွန်တော့်မှာ class တစ်ခုရှိရင် စာမျက်နှာ ဘယ်လိုပဲဖြစ်ဖြစ်၊ openchat အဲဒါကို နှိပ်လိုက်တာနဲ့ ချတ်ဝင်းဒိုးကို ဖွင့်ပါလိမ့်မယ်။ Elementor အရာဝတ္တုအတွက်၊ ကျွန်ုပ်တို့သည် လင့်ခ်ကို # နှင့် class အဖြစ် သတ်မှတ်လိုက်ပါသည်။ openchat.

elementor လင့်ခ်

elementor အဆင့်မြင့်ဆက်တင်အတန်းများ

ဟုတ်ပါတယ်၊ ကုဒ်ကို မြှင့်တင်နိုင်သည် သို့မဟုတ် အခြားသော ဖြစ်ရပ်တစ်ခုကဲ့သို့ပင် အသုံးပြုနိုင်သည်။ 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 ဖြင့် site တစ်ခုတည်ဆောက်ခြင်းသည် အတော်လေးရိုးရှင်းပြီး platform ကို အထူးအကြံပြုလိုပါသည်။ ကောင်းမွန်သောအသိုင်းအဝိုင်း၊ အရင်းအမြစ်များစွာနှင့် စွမ်းဆောင်ရည်များကို မြှင့်တင်ပေးသည့် Elementor Add-Ons အနည်းငယ်ရှိသည်။

Elementor ဖြင့် စတင်လိုက်ပါ။ LiveChat ဖြင့် စတင်လိုက်ပါ။

ထုတ်ဖော်: ငါအဘို့အ Affiliate လင့်များကိုအသုံးပြုနေသည် Elementor နှင့် LiveChat ဤဆောင်းပါး၌။ ဖြေရှင်းချက်ထုတ်သည့်ဆိုဒ်သည် a အင်ဒီယားနားအလယ်ပိုင်းရှိ ရေပူကန် ထုတ်လုပ်သူ.