WordPress: Uża jQuery Biex tiftaħ Tieqa LiveChat Billi tikklikkja Link jew Buttuna billi tuża Elementor

Tuża jQuery biex tiftaħ Tieqa LiveChat Billi tikklikkja Link jew Buttuna billi tuża Elementor

Wieħed mill-klijenti tagħna għandu Elementor, waħda mill-pjattaformi tal-bini tal-paġna l-aktar robusti għal WordPress. Ilna ngħinuhom inaddfu l-isforzi tal-marketing inbound tagħhom matul l-aħħar ftit xhur, innaqqsu l-personalizzazzjonijiet li implimentaw, u nġibu s-sistemi jikkomunikaw aħjar – inkluż bl-analitiċi.

Il-klijent għandu LiveChat, servizz ta 'chat meraviljuż li għandu integrazzjoni robusta ta' Google Analytics għal kull pass tal-proċess taċ-chat. LiveChat għandu API tajjeb ħafna biex jintegraha fis-sit tiegħek, inkluż li jkollu l-abbiltà li tiftaħ it-tieqa taċ-chat billi tuża avveniment onClick f'tikketta ta 'ankra. Ara kif jidher:

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

Dan huwa utli jekk għandek il-ħila li teditja l-kodiċi tal-qalba jew iżżid HTML personalizzat. Bil Elementor, għalkemm, il-pjattaforma hija msakkra għal raġunijiet ta 'sigurtà sabiex ma tistax iżżid an avveniment onClick għal kull oġġett. Jekk għandek dak l-avveniment tad-dwana onClick miżjud mal-kodiċi tiegħek, ma tieħu ebda tip ta 'żball... imma tara l-kodiċi mqaxxar mill-output.

Bl-użu ta 'Semmiegħ jQuery

Limitazzjoni waħda tal-metodoloġija onClick hija li jkollok teditja kull link waħda fuq is-sit tiegħek u żżid dak il-kodiċi. Metodoloġija alternattiva hija li tinkludi skript fil-paġna li jisma ' għal ikklikkja speċifika fuq il-paġna tiegħek u tesegwixxi l-kodiċi għalik. Dan jista 'jsir billi tfittex kwalunkwe ankra tag ma 'speċifiku Klassi CSS. F'dan il-każ, qed innominaw tikketta ta 'ankra bi klassi msemmija openchat.

Fil-footer tas-sit, inżid biss qasam HTML personalizzat bl-iskrittura meħtieġa:

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

Issa, dik l-iskrittura hija s-sit wiesa 'hekk irrispettivament mill-paġna, jekk għandi klassi ta' openchat li għafast, se tiftaħ it-tieqa taċ-chat. Għall-oġġett Elementor, aħna biss issettja l-link għal # u l-klassi bħala openchat.

elementor link

Elementor klassijiet ta' settings avvanzati

Naturalment, il-kodiċi jista 'jissaħħaħ jew jista' jintuża għal kwalunkwe tip ieħor ta 'avveniment ukoll, bħal a Avveniment tal-Google Analytics. Naturalment, LiveChat għandu integrazzjoni eċċellenti ma 'Google Analytics li żżid dawn l-avvenimenti, iżda qed ninkludiha hawn taħt biss bħala eżempju:

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

Il-bini ta' sit b'Elementor huwa pjuttost sempliċi u nirrakkomanda ħafna l-pjattaforma. Hemm komunità kbira, tunnellati ta 'riżorsi, u pjuttost ftit Elementor Add-Ons li jtejbu l-kapaċitajiet.

Ibda Bil Elementor Ibda Bil LiveChat

Żvelar: Qed nuża links affiljati għal Elementor u LiveChat f'dan l-artikolu. Is-sit fejn żviluppajna s-soluzzjoni huwa a Manifattur Hot Tub fl-Indiana ċentrali.