WordPress: ఎలిమెంటర్ ఉపయోగించి లింక్ లేదా బటన్‌ను క్లిక్ చేయడం ద్వారా లైవ్‌చాట్ విండోను తెరవడానికి j క్వెరీని ఉపయోగించడం

ఎలిమెంటర్ ఉపయోగించి లింక్ లేదా బటన్‌ను క్లిక్ చేయడం ద్వారా లైవ్‌చాట్ విండోను తెరవడానికి j క్వెరీని ఉపయోగించడం

మా క్లయింట్‌లలో ఒకరికి ఉంది Elementor, WordPress కోసం అత్యంత బలమైన పేజీ నిర్మాణ ప్లాట్‌ఫారమ్‌లలో ఒకటి. మేము గత కొన్ని నెలలుగా వారి ఇన్‌బౌండ్ మార్కెటింగ్ ప్రయత్నాలను క్లీన్ చేయడంలో వారికి సహాయం చేస్తున్నాము, వారు అమలు చేసిన అనుకూలీకరణలను కనిష్టీకరించాము మరియు విశ్లేషణలతో సహా సిస్టమ్‌లను మెరుగ్గా కమ్యూనికేట్ చేయడంలో సహాయం చేస్తున్నాము.

కస్టమర్ కలిగి ఉంది livechat, చాట్ ప్రాసెస్‌లోని ప్రతి దశకు బలమైన Google Analytics ఇంటిగ్రేషన్‌ను కలిగి ఉన్న అద్భుతమైన చాట్ సేవ. యాంకర్ ట్యాగ్‌లో ఆన్‌క్లిక్ ఈవెంట్‌ని ఉపయోగించి చాట్ విండోను పాప్ ఓపెన్ చేసే సామర్థ్యంతో సహా, మీ సైట్‌లో ఇంటిగ్రేట్ చేయడానికి LiveChat చాలా మంచి APIని కలిగి ఉంది. ఇది ఎలా కనిపిస్తుందో ఇక్కడ ఉంది:

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

మీరు కోర్ కోడ్‌ని సవరించగల లేదా అనుకూల HTMLని జోడించగల సామర్థ్యాన్ని కలిగి ఉన్నట్లయితే ఇది చాలా ఉపయోగకరంగా ఉంటుంది. తో Elementor, అయితే, భద్రతా కారణాల దృష్ట్యా ప్లాట్‌ఫారమ్ లాక్ చేయబడింది, కనుక మీరు జోడించలేరు onClick ఈవెంట్ ఏదైనా వస్తువుకు. మీరు మీ కోడ్‌కి ఆ కస్టమ్ ఆన్‌క్లిక్ ఈవెంట్‌ని జోడించినట్లయితే, మీరు ఏ రకమైన ఎర్రర్‌ను పొందలేరు… కానీ అవుట్‌పుట్ నుండి కోడ్ తీసివేయబడిందని మీరు చూస్తారు.

j క్వెరీ లిజనర్‌ని ఉపయోగించడం

onClick పద్దతి యొక్క ఒక పరిమితి ఏమిటంటే, మీరు మీ సైట్‌లోని ప్రతి ఒక్క లింక్‌ను సవరించాలి మరియు ఆ కోడ్‌ని జోడించాలి. పేజీలో స్క్రిప్ట్‌ను చేర్చడం ప్రత్యామ్నాయ పద్దతి ఇటువంటి మాటలు మీ పేజీపై నిర్దిష్ట క్లిక్ కోసం మరియు అది మీ కోసం కోడ్‌ను అమలు చేస్తుంది. ఏదైనా వెతకడం ద్వారా ఇది చేయవచ్చు యాంకర్ ట్యాగ్ ఒక నిర్దిష్ట తో CSS తరగతి. ఈ సందర్భంలో, మేము ఒక తరగతి పేరుతో యాంకర్ ట్యాగ్‌ని నిర్దేశిస్తున్నాము openchat.

సైట్ యొక్క ఫుటర్‌లో, నేను అవసరమైన స్క్రిప్ట్‌తో అనుకూల HTML ఫీల్డ్‌ని జోడిస్తాను:

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

ఇప్పుడు, ఆ స్క్రిప్ట్ సైట్ వైడ్‌గా ఉంది కాబట్టి పేజీతో సంబంధం లేకుండా, నాకు క్లాస్ ఉంటే openchat క్లిక్ చేస్తే, అది చాట్ విండోను తెరుస్తుంది. ఎలిమెంటర్ ఆబ్జెక్ట్ కోసం, మేము లింక్‌ని #కి మరియు తరగతిని ఇలా సెట్ చేసాము openchat.

మూలకం లింక్

మూలకం లేదా అధునాతన సెట్టింగ్‌ల తరగతులు

వాస్తవానికి, కోడ్‌ని మెరుగుపరచవచ్చు లేదా ఏదైనా ఇతర ఈవెంట్‌ల కోసం ఉపయోగించవచ్చు, a వంటి Google Analytics ఈవెంట్. అయితే, LiveChat ఈ ఈవెంట్‌లను జోడించే Google Analyticsతో అత్యుత్తమ ఏకీకరణను కలిగి ఉంది, కానీ నేను దానిని ఒక ఉదాహరణగా దిగువన చేర్చుతున్నాను:

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

ఎలిమెంటర్‌తో సైట్‌ని నిర్మించడం చాలా సులభం మరియు నేను ప్లాట్‌ఫారమ్‌ను బాగా సిఫార్సు చేస్తున్నాను. సామర్థ్యాలను మెరుగుపరిచే గొప్ప సంఘం, టన్నుల కొద్దీ వనరులు మరియు కొన్ని ఎలిమెంటర్ యాడ్-ఆన్‌లు ఉన్నాయి.

ఎలిమెంటర్‌తో ప్రారంభించండి LiveChatతో ప్రారంభించండి

ప్రకటన: నేను దీని కోసం అనుబంధ లింక్‌లను ఉపయోగిస్తున్నాను Elementor మరియు livechat ఈ వ్యాసంలో. మేము పరిష్కారాన్ని అభివృద్ధి చేసిన సైట్ a సెంట్రల్ ఇండియానాలో హాట్ టబ్ తయారీదారు.