WordPress: Kutumia jQuery Kufungua Dirisha la LiveChat Kwa Kubofya Kiungo au Kitufe Kwa Kutumia Elementor

Kutumia jQuery kufungua Dirisha la LiveChat Kwa Kubofya Kiungo au Kitufe Kwa Kutumia Elementor

Mmoja wa wateja wetu ana Elementor, mojawapo ya majukwaa yenye nguvu zaidi ya kujenga ukurasa kwa WordPress. Tumekuwa tukiwasaidia kusafisha juhudi zao za uuzaji zinazoingia ndani ya miezi michache iliyopita, kupunguza ubinafsishaji waliotekeleza, na kufanya mifumo iwasiliane vyema - ikijumuisha na uchanganuzi.

Mteja anayo LiveChat, huduma ya kupendeza ya gumzo ambayo ina muunganisho thabiti wa Google Analytics kwa kila hatua ya mchakato wa gumzo. LiveChat ina API nzuri sana ya kuiunganisha kwenye tovuti yako, ikijumuisha kuwa na uwezo wa kufungua dirisha la gumzo kwa kutumia tukio la OnClick kwenye lebo ya nanga. Hivi ndivyo inavyoonekana:

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

Hii ni rahisi ikiwa una uwezo wa kuhariri msimbo wa msingi au kuongeza HTML maalum. Na Elementor, ingawa, jukwaa limefungwa kwa sababu za usalama ili usiweze kuongeza onClick tukio kwa kitu chochote. Ikiwa una tukio maalum la onClick lililoongezwa kwenye msimbo wako, hupati aina yoyote ya hitilafu... lakini utaona msimbo umeondolewa kwenye towe.

Kutumia Msikilizaji wa jQuery

Kizuizi kimoja cha mbinu ya onClick ni kwamba utalazimika kuhariri kila kiunga kimoja kwenye tovuti yako na kuongeza msimbo huo. Mbinu mbadala ni kujumuisha hati kwenye ukurasa huo anasikiliza kwa kubofya maalum kwenye ukurasa wako na inakufanyia msimbo. Hii inaweza kufanywa kwa kutafuta yoyote lebo ya nanga na maalum darasa la CSS. Katika kesi hii, tunateua lebo ya nanga na darasa linaloitwa mazungumzo ya wazi.

Ndani ya sehemu ya chini ya tovuti, ninaongeza tu uwanja maalum wa HTML na hati inayofaa:

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

Sasa, hati hiyo ni pana ya tovuti kwa hivyo bila kujali ukurasa, ikiwa nina darasa la mazungumzo ya wazi hiyo imebofya, itafungua dirisha la mazungumzo. Kwa kitu cha Elementor, tumeweka tu kiunga cha # na darasa kama mazungumzo ya wazi.

kiungo cha kipengele

madarasa ya mipangilio ya hali ya juu

Bila shaka, msimbo unaweza kuimarishwa au unaweza kutumika kwa aina nyingine yoyote ya tukio pia, kama vile a Tukio la Google Analytics. Kwa kweli, LiveChat ina muunganisho bora na Google Analytics ambayo inaongeza matukio haya, lakini ninajumuisha hapa chini kama mfano:

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

Kuunda tovuti nje na Elementor ni rahisi sana na ninapendekeza sana jukwaa. Kuna jumuiya kubwa, rasilimali nyingi, na Viongezi vichache vya Elementor vinavyoboresha uwezo.

Anza na Elementor Anza na LiveChat

Ufunuo: Ninatumia viungo vya ushirika kwa Elementor na LiveChat katika makala hii. Tovuti ambayo tulitengeneza suluhisho ni a Watengenezaji wa Tub ya Moto katikati mwa Indiana.