I-WordPress: Vula Iwindi Le-LiveChat Ngokuchofoza Isixhumanisi noma Inkinobho Usebenzisa I-Elementor
Elinye lamakhasimende ethu linakho Elementor, enye yezinkundla eziqine kakhulu zokwakha ikhasi le-WordPress. Besilokhu sibasiza ukuthi bahlanze imizamo yabo yokuthengisa engenayo phakathi nezinyanga ezimbalwa ezedlule, sinciphisa ukwenza ngokwezifiso abakusebenzisayo, futhi senze amasistimu axhumane kangcono - okuhlanganisa nezibalo.
Ikhasimende linayo LiveChat, isevisi yengxoxo enhle enokuhlanganiswa okuqinile kwe-Google Analytics kuso sonke isinyathelo senqubo yengxoxo. I-LiveChat ine-API enhle kakhulu yokuyihlanganisa kusayithi lakho, okuhlanganisa nokuba nekhono lokuvula iwindi lengxoxo usebenzisa umcimbi we-OnClick kumaki we-anchor. Nansi indlela lokho kubukeka ngayo:
<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>
Lokhu kuyasiza uma unekhono lokuhlela ikhodi ewumongo noma wengeze i-HTML yangokwezifiso. Nge Elementor, nokho, inkundla ivaliwe ngenxa yezizathu zokuphepha ukuze ungakwazi ukwengeza i onClikha umcimbi kunoma iyiphi into. Uma unalowo mcimbi we-OnClick wangokwezifiso ongezwe kukhodi yakho, awutholi noma yiluphi uhlobo lwephutha… kodwa uzobona ikhodi isusiwe kokuphumayo.
Ukusebenzisa Umlaleli we-jQuery
Omunye umkhawulo wendlela ye-onClick ukuthi kuzomele uhlele sonke isixhumanisi esikusayithi lakho bese wengeza leyo khodi. Enye indlela yokwenza iwukufaka umbhalo ekhasini lokuthi lalela ngokuchofoza okuthile ekhasini lakho futhi ikwenzela ikhodi. Lokhu kungenziwa ngokubheka noma yikuphi ithegi yehange ngokukhethekile Ikilasi le-CSS. Kulokhu, siqoka ithegi yehange enekilasi eliqanjwe igama openchat
.
Ngaphakathi kwaphansi kwesayithi, ngengeze le HTML yangokwezifiso enombhalo odingekayo:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
});
});
</script>
Ukusebenzisa Umlaleli we-JavaScript
Kungenjalo, nansi ikhodi esebenzisa i-JavaScript:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var openchatElements = document.querySelectorAll('.openchat');
openchatElements.forEach(function(element) {
element.addEventListener('click', function() {
if (parent.LC_API && parent.LC_API.open_chat_window) {
parent.LC_API.open_chat_window();
}
return false;
});
});
});
</script>
Manje, leso script sigcwele isayithi ngakho-ke kungakhathalekile ukuthi yiliphi ikhasi, uma nginekilasi lalo
i-openchat lokho kuchofoziwe, kuzovula iwindi lengxoxo. Okwento ye-Elementor, sisanda kusetha isixhumanisi ku-# kanye nekilasi njenge i-openchat.Kunjalo, ikhodi ingathuthukiswa noma isetshenziselwe noma yiluphi olunye uhlobo lomcimbi, njenge-a Umcimbi we-Google Analytics. Yebo, i-LiveChat inokuhlanganiswa okuvelele ne-Google Analytics engeza le micimbi, kodwa ngiyifaka ngezansi njengesibonelo:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
gtag('event', 'open_chat_window', {
'event_category': 'Chat Interaction',
'event_label': 'Live Chat Opened'
});
});
});
</script>
Ukwakha isiza nge-Elementor kulula, futhi ngincoma kakhulu inkundla. Kunomphakathi omkhulu, amathani ezinsiza, kanye Nezengezo ze-Elementor ezimbalwa ezithuthukisa amakhono.