WordPress: Sèvi ak jQuery Pou Louvri Yon Fenèt LiveChat Lè w Klike sou Yon Lyen oswa yon Bouton Sèvi ak Elementor

Sèvi ak jQuery pou ouvri yon fenèt LiveChat Lè w klike sou yon lyen oswa yon bouton ak Elementor

Youn nan kliyan nou yo genyen Elementor, youn nan platfòm yo bati paj ki pi solid pou WordPress. Nou te ede yo netwaye efò maketing entrant yo pandan kèk mwa ki sot pase yo, minimize personnalisation yo te aplike yo, epi fè sistèm yo kominike pi byen - ki gen ladan ak analytics.

Kliyan an genyen LiveChat, yon sèvis chat kokenn ki gen entegrasyon solid Google Analytics pou chak etap nan pwosesis chat la. LiveChat gen yon API trè bon pou entegre li nan sit ou a, ki gen ladan li gen kapasite pou louvri fenèt chat la lè l sèvi avèk yon evènman onClick nan yon tag anchor. Men ki jan sa sanble:

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

Sa a se sou la men si ou gen kapasite nan modifye kòd debaz oswa ajoute HTML koutim. Ak Elementor, menm si, platfòm la fèmen pou rezon sekirite pou ke ou pa ka ajoute yon onClick evènman nan nenpòt objè. Si ou gen evènman koutim onClick sa a te ajoute nan kòd ou a, ou pa jwenn okenn kalite erè... men ou pral wè kòd la retire nan pwodiksyon an.

Sèvi ak yon koute jQuery

Yon limit nan metodoloji onClick a se ke ou ta dwe modifye chak lyen sèl sou sit ou a epi ajoute kòd sa a. Yon metodoloji altènatif se mete yon script nan paj la ki koute pou yon klike espesifik sou paj ou a epi li egzekite kòd la pou ou. Sa a ka fè pa chache nenpòt jete lank ak yon espesifik Klas CSS. Nan ka sa a, nou ap deziyen yon tag jete lank ak yon klas yo te rele openchat.

Nan pye a nan sit la, mwen jis ajoute yon jaden HTML koutim ak script ki nesesè:

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

Koulye a, script sa a sit lajè se konsa kèlkeswa paj la, si mwen gen yon klas nan openchat sa a klike, li pral louvri fenèt la chat. Pou objè a Elementor, nou jis mete lyen nan # ak klas la kòm openchat.

lyen eleman

elemantè klas anviwònman avanse

Natirèlman, kòd ka amelyore oswa yo ka itilize pou nenpòt lòt kalite evènman tou, tankou yon Evènman Google Analytics. Natirèlman, LiveChat gen yon entegrasyon eksepsyonèl ak Google Analytics ki ajoute evènman sa yo, men mwen enkli li anba a jis kòm yon egzanp:

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

Bati yon sit ak Elementor se byen senp epi mwen trè rekòmande platfòm la. Genyen yon gwo kominote, tòn ​​resous, ak anpil Elementor Add-Ons ki amelyore kapasite yo.

Kòmanse ak Elementor Kòmanse ak LiveChat

Divilgasyon: Mwen ap itilize lyen afilye pou Elementor ak LiveChat nan atik sa a. Sit kote nou devlope solisyon an se yon Manifakti Hot Tub nan santral Indiana.