WordPress: Bikaranîna jQuery Ji bo Vekirina Pencereyek LiveChat Bi tikandina Girêdanek an Bişkokek Bi karanîna Elementor

Bikaranîna jQuery ji bo vekirina pencereyek LiveChat Bi tikandina Girêdanek an Bişkokek Bi karanîna Elementor

Yek ji muwekîlên me heye Elementor, yek ji platformên avakirina rûpela herî bihêz a ji bo WordPress. Me di van çend mehên dawî de ji wan re dibe alîkar ku hewildanên kirrûbirra xweya hundurîn paqij bikin, xwerûkirinên ku wan bicîh anîne kêm bikin, û pergalên çêtir danûstendinê bikin - tevî analîtîkan.

Mişterî heye livechat, karûbarek danûstendinê ya fantastîk ku ji bo her gav pêvajoya chatê xwedan entegrasyona Google Analytics ya bihêz e. LiveChat ji bo entegrekirina wê di malpera we de API-yek pir baş heye, di nav de xwedan şiyana vekirina pencereya danûstendinê bi karanîna bûyerek onClick di tagek ankerê de. Li vir çawa xuya dike:

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

Heke we hebe ku hûn koda bingehîn biguherînin an HTML-ya xwerû lê zêde bikin ev kêrhatî ye. Bi Elementor, her çend, platform ji ber sedemên ewlehiyê girtî ye da ku hûn nekarin an lê zêde bikin bûyer onClick ji her tiştî re. Ger we ew bûyera xwerû ya onClick li koda we zêde kiribe, hûn çu celeb xeletiyek nabînin… lê hûn ê koda ku ji encam hatî derxistin bibînin.

Bikaranîna jQuery Guhdarek

Yek tixûbdariya metodolojiya onClick ev e ku hûn neçar in ku her girêdanek li ser malpera xwe biguherînin û wê kodê lê zêde bikin. Rêbazek alternatîf ev e ku meriv skrîptek di rûpela ku de vedihewîne guhdarî dike ji bo klîkek taybetî li ser rûpela we û ew kodê ji we re dimeşîne. Ev dikare bi lêgerîna her yekê were kirin tag lenger bi taybetî çîna CSS. Di vê rewşê de, em tagek lengerê bi çînek bi navê destnîşan dikin openchat.

Di hundurê pêlava malperê de, ez tenê qadek HTML-ya xwerû bi skrîpta pêwîst lê zêde dikim:

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

Naha, ew skrîpt malper fireh e, ji ber vê yekê bêyî rûpelê, ger çînek min hebe openchat ku tê tikandin, ew ê pencereya chatê veke. Ji bo objeya Elementor, me tenê zencîreya # û çîna wekî destnîşan kir openchat.

elementor link

elementor dersên mîhengên pêşketî

Bê guman, kod dikare were zêdekirin an jî dikare ji bo her celeb bûyerek din jî were bikar anîn, mîna a Bûyera Google Analytics. Bê guman, LiveChat bi Google Analytics re entegrasyonek berbiçav heye ku van bûyeran zêde dike, lê ez wê li jêr tenê wekî mînakek vedigirim:

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

Avakirina malperek bi Elementor re pir hêsan e û ez platformê pir pêşniyar dikim. Civatek mezin, bi ton çavkanî, û çend pêvekên Elementor hene ku kapasîteyan zêde dikin.

Bi Elementor re dest pê bikin Bi LiveChat re dest pê bikin

Daxuyanî: Ez ji bo girêdanên parmendî bikar tîne Elementor û livechat di vê gotarê de. Malpera ku me çareserî lê pêşxist a Hilberînerê germê li navenda Indiana.