WordPress: Paggamit sa jQuery Aron Pag-abli sa LiveChat Window Pinaagi sa Pag-klik sa Link o Button Gamit ang Elementor

Gamit ang jQuery sa pag-abli sa LiveChat Window Pinaagi sa Pag-klik sa Link o Button Gamit ang Elementor

Usa sa among mga kliyente adunay Elementor, usa sa labing lig-on nga mga plataporma sa paghimo sa panid alang sa WordPress. Gitabangan namon sila nga limpyohan ang ilang mga paningkamot sa pagsulod sa marketing sa miaging pipila ka bulan, gipaminusan ang mga pag-customize nga ilang gipatuman, ug gipaarang-arang ang komunikasyon sa mga sistema - lakip ang pag-analisar.

Ang kustomer adunay LiveChat, usa ka talagsaon nga serbisyo sa chat nga adunay lig-on nga Google Analytics integration alang sa matag lakang sa proseso sa chat. Ang LiveChat adunay usa ka maayo kaayo nga API alang sa pag-integrate niini sa imong site, lakip na ang abilidad sa pag-abli sa chat window gamit ang onClick nga panghitabo sa usa ka anchor tag. Ania kung giunsa kana hitsura:

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

Kini magamit kung ikaw adunay katakus sa pag-edit sa core code o pagdugang sa naandan nga HTML. Uban sa Elementor, bisan pa, ang plataporma gi-lock alang sa mga hinungdan sa seguridad aron dili ka makadugang usa ka onClick nga panghitabo sa bisan unsang butang. Kung aduna kay custom nga onClick nga panghitabo nga gidugang sa imong code, wala ka'y ​​makuha nga bisan unsang matang sa sayup ... apan imong makita ang code nga gikuha gikan sa output.

Paggamit sa usa ka jQuery Listener

Usa ka limitasyon sa pamaagi sa onClick mao nga kinahanglan nimong usbon ang matag link sa imong site ug idugang kana nga code. Usa ka alternatibo nga pamaagi mao ang paglakip sa usa ka script sa panid nga namati alang sa usa ka piho nga pag-klik sa imong panid ug kini nagpatuman sa code alang kanimo. Mahimo kini pinaagi sa pagpangita sa bisan unsa angkla nga tag nga adunay usa ka piho nga CSS nga klase. Sa kini nga kaso, nagpili kami usa ka tag nga anchor nga adunay usa ka klase nga ginganlag openchat.

Sulod sa footer sa site, magdugang lang ko og custom HTML field nga adunay gikinahanglang script:

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

Karon, kana nga script kay lapad sa site busa bisan unsa pa ang panid, kung ako adunay klase sa openchat nga gi-klik, kini moabli sa chat window. Alang sa butang nga Elementor, among gibutang ang link sa # ug ang klase ingon openchat.

link sa elemento

elementor mga advanced setting nga mga klase

Siyempre, ang code mahimong mapauswag o magamit alang sa bisan unsang lain nga klase sa panghitabo, sama sa usa ka Hinabo sa Google Analytics. Siyempre, ang LiveChat adunay usa ka talagsaon nga panagsama sa Google Analytics nga nagdugang niini nga mga panghitabo, apan gilakip ko kini sa ubos isip usa ka pananglitan:

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

Ang paghimo sa usa ka site kauban ang Elementor yano ra ug girekomenda nako ang plataporma. Adunay usa ka maayo nga komunidad, tonelada nga mga kapanguhaan, ug ubay-ubay nga Elementor Add-On nga nagpauswag sa mga kapabilidad.

Pagsugod sa Elementor Pagsugod Sa LiveChat

Pagpadayag: Naggamit ako mga kauban nga link alang Elementor ug LiveChat niini nga artikulo. Ang site diin among gihimo ang solusyon mao ang a Ang tiggama sa Hot Tub sa sentro sa Indiana.