WordPress: Benotzt jQuery Fir E LiveChat Fënster opzemaachen Andeems Dir e Link oder Knäppchen Klick Mat Elementor

Benotzt jQuery fir e LiveChat-Fënster opzemaachen Andeems Dir e Link oder Knäppchen klickt mat Elementor

Ee vun eise Clienten huet Elementor, eng vun de robuststen Säitebauplattformen fir WordPress. Mir hunn hinnen gehollef hir Inbound Marketing Efforten an de leschte Méint ze botzen, d'Personalisatiounen ze minimiséieren déi se implementéiert hunn, an d'Systemer besser ze kommunizéieren - och mat Analysen.

De Client huet LiveChat, e fantastesche Chat-Service deen eng robust Google Analytics Integratioun fir all Schrëtt vum Chatprozess huet. LiveChat huet eng ganz gutt API fir se an Ärem Site z'integréieren, dorënner d'Fäegkeet fir d'Chatfenster opzemaachen mat engem onClick Event an engem Ankertag. Hei ass wéi dat ausgesäit:

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

Dëst ass praktesch wann Dir d'Fäegkeet hutt de Kärcode z'änneren oder personaliséiert HTML ze addéieren. Mat Elementor, Allerdéngs ass d'Plattform aus Sécherheetsgrënn gespaart, sou datt Dir net kënnt addéieren onClick Event zu all Objet. Wann Dir dee personaliséierte onClick Event op Äre Code bäigefüügt hutt, kritt Dir keng Aart vu Feeler ... awer Dir gesitt de Code aus dem Output gesträift.

Mat engem jQuery Listener

Eng Begrenzung vun der onClick Methodologie ass datt Dir all eenzel Link op Ärem Site musst änneren an dee Code derbäisetzen. Eng alternativ Methodik ass e Skript op der Säit ze enthalen déi lauschtert fir e spezifesche Klick op Är Säit an et fiert de Code fir Iech aus. Dëst kann duerch sicht all gemaach ginn ankeren Tag mat engem spezifeschen CSS Klass. An dësem Fall designéiere mir en Ankertag mat enger Klass mam Numm openchat.

Am Fousszeilen vum Site addéieren ech just e personaliséierten HTML Feld mat dem néidege Skript:

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

Elo, dat Skript ass Site breet also onofhängeg vun der Säit, wann ech eng Klass hunn openchat dat geklickt gëtt, mécht d'Chatfenster op. Fir den Elementor Objet setzen mir just de Link op # an d'Klass als openchat.

elementor Link

elementor fortgeschratt Astellungsklassen

Natierlech kann de Code verbessert ginn oder kann och fir all aner Zort Event benotzt ginn, wéi e Google Analytics Event. Natierlech huet LiveChat eng aussergewéinlech Integratioun mat Google Analytics déi dës Eventer bäidréit, awer ech enthalen et hei ënnen just als e Beispill:

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

E Site mat Elementor ze bauen ass ganz einfach an ech recommandéieren d'Plattform. Et gëtt eng super Gemeinschaft, Tonne Ressourcen, a ganz e puer Elementor Add-Ons déi d'Fäegkeeten verbesseren.

Fänkt mat Elementor un Fänkt mat LiveChat un

Verëffentlechung: Ech benotze Filiallink fir Elementor an LiveChat an dësem Artikel. De Site wou mir d'Léisung entwéckelt hunn ass eng Hot Tub Fabrikant beschwéiert am zentrale Indiana.