WordPress: Ag baint úsáide as jQuery Chun Fuinneog LiveChat a Oscailt Trí Nasc nó Cnaipe a Chliceáil Ag Úsáid Elementor

Ag baint úsáide as jQuery chun Fuinneog LiveChat a oscailt Trí Nasc nó Cnaipe a Chliceáil Ag Úsáid Elementor

Tá ceann dár gcliaint Elementor, ar cheann de na hardáin tógála leathanach is láidre do WordPress. Táimid ag cabhrú leo a gcuid iarrachtaí margaíochta isteach a ghlanadh le cúpla mí anuas, ag íoslaghdú na n-oiriúnuithe a chuir siad i bhfeidhm, agus ag cur na córais in iúl níos fearr - lena n-áirítear anailísíocht.

Tá an custaiméir LiveChat, seirbhís comhrá iontach a bhfuil comhtháthú láidir Google Analytics ann do gach céim den phróiseas comhrá. Tá API an-mhaith ag LiveChat chun é a chomhtháthú isteach i do shuíomh, lena n-áirítear an cumas an fhuinneog comhrá a oscailt ag baint úsáide as imeacht onClick i gclib ancaire. Seo mar a bhreathnaíonn sin:

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

Tá sé seo áisiúil má tá an cumas agat cód lárnach a chur in eagar nó HTML saincheaptha a chur leis. Le Elementor, áfach, tá an t-ardán glasáilte síos ar chúiseanna slándála ionas nach féidir leat leagan imeacht onClick le haon réad. Má tá an t-imeacht OnClick saincheaptha sin curtha le do chód, ní bhfaighidh tú aon chineál earráide… ach feicfidh tú an cód bainte den aschur.

Ag baint úsáide as éisteoir jQuery

Teorainn amháin leis an modheolaíocht onClick ná go mbeadh ort gach nasc ar do shuíomh a chur in eagar agus an cód sin a chur leis. Modheolaíocht eile is ea script a chur san áireamh ar an leathanach a éisteann le haghaidh cliceáil ar leith ar do leathanach agus déanann sé an cód a fhorghníomhú duit. Is féidir é seo a dhéanamh trí lorg ar bith tag ancaire le sonrach Rang CSS. Sa chás seo, táimid ag ainmniú tag ancaire le rang ainmnithe comhrá oscailte.

Laistigh de bhuntásc an tsuímh, ní chuirim ach réimse HTML saincheaptha leis an script riachtanach:

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

Anois, tá an script sin ar fud an tsuímh mar sin beag beann ar an leathanach, má tá rang agam comhrá oscailte go bhfuil cliceáil, beidh sé a oscailt an fhuinneog comhrá. Maidir leis an oibiacht Elementor, níl le déanamh againn ach an nasc chuig # agus an rang a shocrú mar comhrá oscailte.

nasc eiliminteoir

ranganna bunsocruithe elementor

Ar ndóigh, is féidir cód a fheabhsú nó is féidir é a úsáid le haghaidh aon chineál eile imeachta chomh maith, mar a Imeacht Google Analytics. Ar ndóigh, tá comhtháthú den scoth ag LiveChat le Google Analytics a chuireann na himeachtaí seo leis, ach táim á n-áirítear thíos mar shampla:

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

Tá sé simplí go leor suíomh a thógáil amach le Elementor agus molaim an t-ardán go mór. Tá pobal iontach, go leor acmhainní, agus go leor Breiseáin Elementor a fheabhsaíonn na hacmhainní.

Tosaigh le Elementor Tosaigh le LiveChat

Nochtadh: Tá naisc chleamhnaithe á n-úsáid agam le haghaidh Elementor agus LiveChat san alt seo. Is é an suíomh inar fhorbair muid an réiteach a Déantóir Hot Tub i Lár Indiana.