WordPress: jQuery erabiliz LiveChat leiho bat irekitzeko Elementor erabiliz esteka edo botoi batean klik eginez

jQuery erabiliz LiveChat leiho bat irekitzeko Elementor erabiliz Esteka edo Botoi batean klik eginez

Gure bezeroetako batek badu Elementor, WordPress-erako orrialdeak eraikitzeko plataforma sendoenetako bat. Azken hilabeteotan sarrerako marketin-esfortzuak garbitzen lagundu diegu, inplementatutako pertsonalizazioak minimizatzen eta sistemak hobeto komunikatzeko, analisiekin barne.

Bezeroak badu LiveChat, txat-zerbitzu zoragarria, txat-prozesuaren urrats guztietan Google Analytics integrazio sendoa duena. LiveChat-ek oso API ona du zure webgunean integratzeko, txat-leihoa irekitzeko gaitasuna barne, onClick gertaera bat erabiliz aingura-etiketa batean. Hona hemen nolakoa den:

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

Hau erabilgarria da oinarrizko kodea editatzeko edo HTML pertsonalizatua gehitzeko gaitasuna baduzu. Horrekin Elementor, hala ere, plataforma blokeatuta dago segurtasun arrazoiengatik, beraz, ezin duzu gehitu onClick gertaera edozein objekturi. Kodean onClick gertaera pertsonalizatu hori gehitzen baduzu, ez duzu inolako errorerik jasoko... baina irteeratik ateratako kodea ikusiko duzu.

jQuery entzule bat erabiliz

OnClick metodologiaren muga bat zure webguneko esteka guztiak editatu eta kode hori gehitu beharko zenuke. Metodologia alternatibo bat orrialdean script bat sartzea da entzuten klik zehatz bat egiteko zure orrialdean eta kodea exekutatuko dizu. Hau edozein bilatuz egin daiteke aingura etiketa zehatz batekin CSS klasea. Kasu honetan, aingura-etiketa bat izendatzen ari gara klase batekin openchat.

Gunearen oinaren barruan, HTML eremu pertsonalizatu bat gehitzen dut beharrezko scriptarekin:

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

Orain, script hori gune zabala da, beraz, orrialdea edozein dela ere, klase bat badut openchat sakatuta dagoenean, txat-leihoa irekiko da. Elementor objekturako, esteka # eta klasea honela ezarri ditugu openchat.

elementuren esteka

Elementor ezarpen aurreratuen klaseak

Noski, kodea hobetu daiteke edo beste edozein motatako ekitaldietarako ere erabil daiteke, adibidez Google Analytics gertaera. Jakina, LiveChat-ek gertaera hauek gehitzen dituen Google Analytics-ekin integrazio bikaina du, baina azpian jartzen dut adibide gisa:

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

Elementorrekin gune bat sortzea nahiko erraza da eta plataforma gomendatzen dut. Komunitate bikaina, baliabide pila eta gaitasunak hobetzen dituzten Elementor-en gehigarri dezente daude.

Hasi Elementor-ekin Hasi LiveChat-ekin

Dibulgazioa: horretarako kidea erabiltzen dut Elementor LiveChat artikulu honetan. Soluzioa garatu dugun gunea a da Hot Tub fabrikatzailea Indiana erdialdean.