WordPress: Notaðu jQuery til að opna LiveChat glugga með því að smella á hlekk eða hnapp með því að nota Elementor

Notaðu jQuery til að opna LiveChat glugga með því að smella á hlekk eða hnapp með því að nota Elementor

Einn af viðskiptavinum okkar hefur Elementor, einn öflugasti síðubyggingarpallur fyrir WordPress. Við höfum verið að hjálpa þeim að hreinsa til í markaðssókn sinni á heimleið undanfarna mánuði, lágmarka aðlögunina sem þeir innleiddu og koma kerfum í betri samskipti – þar á meðal með greiningu.

Viðskiptavinurinn hefur LiveChat, frábær spjallþjónusta sem hefur öfluga Google Analytics samþættingu fyrir hvert skref í spjallferlinu. LiveChat er með mjög gott API til að samþætta það inn á síðuna þína, þar á meðal að hafa getu til að opna spjallgluggann með því að nota onClick viðburð í akkerismerki. Svona lítur þetta út:

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

Þetta er vel ef þú hefur getu til að breyta kjarnakóða eða bæta við sérsniðnum HTML. Með Elementor, þó er pallurinn læstur af öryggisástæðum svo þú getur ekki bætt við onClick viðburður við hvaða hlut sem er. Ef þú hefur þennan sérsniðna onClick atburð bætt við kóðann þinn færðu enga tegund af villu... en þú munt sjá kóðann fjarlægðan úr úttakinu.

Notkun jQuery hlustanda

Ein takmörkun onClick aðferðafræðinnar er að þú þyrftir að breyta hverjum einasta hlekk á síðunni þinni og bæta við þeim kóða. Önnur aðferðafræði er að setja handrit á síðuna sem hlustar fyrir ákveðinn smell á síðuna þína og það keyrir kóðann fyrir þig. Þetta er hægt að gera með því að leita að hvaða akkerismerki með ákveðnu CSS flokkur. Í þessu tilviki erum við að tilnefna akkerismerki með flokki sem heitir opið spjall.

Innan fótsins á síðunni bæti ég bara við sérsniðnum HTML reit með nauðsynlegu handriti:

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

Nú, það handrit er síðubreitt svo óháð síðu, ef ég er með flokk af opið spjall þegar smellt er á það mun það opna spjallgluggann. Fyrir Elementor hlutinn stillum við bara hlekkinn á # og bekkinn sem opið spjall.

elementor hlekkur

grunnnámskeið í háþróuðum stillingum

Auðvitað er hægt að bæta kóðann eða hann er líka hægt að nota hann fyrir hvers kyns aðra viðburð, eins og a Google Analytics viðburður. Auðvitað, LiveChat hefur framúrskarandi samþættingu við Google Analytics sem bætir við þessum atburðum, en ég er með það hér að neðan bara sem dæmi:

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

Það er frekar einfalt að byggja upp síðu með Elementor og ég mæli eindregið með vettvangnum. Það er frábært samfélag, fullt af auðlindum og töluvert af Elementor viðbótum sem auka möguleikana.

Byrjaðu með Elementor Byrjaðu með LiveChat

Upplýsingagjöf: Ég er að nota hlutdeildartengla fyrir Elementor og LiveChat í þessari grein. Síðan þar sem við þróuðum lausnina er a Heitur pottaframleiðandi í Mið-Indiana.