WordPress: A’ cleachdadh jQuery gus uinneag LiveChat fhosgladh le bhith a’ briogadh air ceangal no putan a’ cleachdadh Elementor

A’ cleachdadh jQuery gus uinneag LiveChat fhosgladh Le bhith a’ briogadh air Ceangal no Putan a’ cleachdadh Elementor

Tha aon de na teachdaichean againn Elementor, aon de na h-àrd-ùrlaran togail duilleag as làidire airson WordPress. Tha sinn air a bhith gan cuideachadh le bhith a’ glanadh na h-oidhirpean margaidheachd a-steach aca thairis air na mìosan a dh’ fhalbh, a’ lughdachadh na cleachdaidhean a chuir iad an gnìomh, agus a’ toirt air na siostaman conaltradh nas fheàrr - a’ toirt a-steach mion-sgrùdaidhean.

Tha aig an neach-ceannach LiveChat, seirbheis còmhraidh air leth math aig a bheil amalachadh làidir Google Analytics airson a h-uile ceum den phròiseas cabadaich. Tha API fìor mhath aig LiveChat airson a thoirt a-steach don làrach agad, a’ toirt a-steach comas a bhith agad an uinneag cabadaich fhosgladh le bhith a’ cleachdadh tachartas onClick ann an taga acair. Seo mar a tha sin a’ coimhead:

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

Tha seo feumail ma tha comas agad còd bunaiteach a dheasachadh no HTML àbhaisteach a chur ris. Le Elementor, ge-tà, tha an àrd-ùrlar glaiste sìos airson adhbharan tèarainteachd gus nach urrainn dhut faidhle tachartas onClick ri nì sam bith. Ma tha an tachartas àbhaisteach onClick sin air a chur ris a’ chòd agad, chan fhaigh thu mearachd de sheòrsa sam bith ... ach chì thu an còd air a thoirt a-mach às an toradh.

A’ cleachdadh jQuery Listener

Is e aon chuingealachadh air modh-obrach onClick gum feumadh tu a h-uile ceangal air an làrach agad a dheasachadh agus an còd sin a chur ris. Is e dòigh-obrach eile a bhith a’ toirt a-steach sgriobt air an duilleag a tha ag èisteachd airson cliog sònraichte air do dhuilleag agus cuiridh e an còd an gnìomh dhut. Faodar seo a dhèanamh le bhith a 'coimhead airson sam bith taga ancaire le sònraichte Clas CSS. Anns a 'chùis seo, tha sinn a' comharrachadh tag acair le clas ainmichte fosgailte-chat.

Taobh a-staigh bonn na làraich, tha mi dìreach a 'cur raon HTML àbhaisteach leis an sgriobt riatanach:

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

A-nis, tha an sgriobt sin farsaing air an làrach agus mar sin ge bith dè an duilleag, ma tha clas de fosgailte-chat air a bhriogadh, fosglaidh e an uinneag cabadaich. Airson an nì Elementor, tha sinn dìreach a’ suidheachadh a’ cheangal gu # agus an clas mar fosgailte-chat.

ceangal eileamaidean

clasaichean roghainnean adhartach elementor

Gu dearbh, faodar còd àrdachadh no faodar a chleachdadh airson tachartas sam bith eile cuideachd, leithid a Tachartas Google Analytics. Gu dearbh, tha amalachadh air leth aig LiveChat le Google Analytics a chuireas ris na tachartasan sin, ach tha mi ga thoirt a-steach gu h-ìosal dìreach mar eisimpleir:

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

Tha togail làrach a-muigh le Elementor gu math sìmplidh agus tha mi a’ moladh an àrd-ùrlar gu mòr. Tha coimhearsnachd sgoinneil ann, tonna de ghoireasan, agus grunnan Elementor Add-Ons a chuireas ris na comasan.

Tòisich le Elementor Tòisich le LiveChat

Foillseachadh: Tha mi a ’cleachdadh ceanglaichean ceangailte airson Elementor agus LiveChat san artaigil seo. Is e an làrach far an do leasaich sinn am fuasgladh a Dèanadair Hot Tub ann am meadhan Indiana.