WordPress: ఎలిమెంటర్ని ఉపయోగించి లింక్ లేదా బటన్ను క్లిక్ చేయడం ద్వారా LiveChat విండోను తెరవండి
మా క్లయింట్లలో ఒకరికి ఉంది 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>
జావాస్క్రిప్ట్ శ్రోతని ఉపయోగించడం
ప్రత్యామ్నాయంగా, జావాస్క్రిప్ట్ని ఉపయోగించే కోడ్ ఇక్కడ ఉంది:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var openchatElements = document.querySelectorAll('.openchat');
openchatElements.forEach(function(element) {
element.addEventListener('click', function() {
if (parent.LC_API && parent.LC_API.open_chat_window) {
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', 'open_chat_window', {
'event_category': 'Chat Interaction',
'event_label': 'Live Chat Opened'
});
});
});
</script>
ఎలిమెంటర్తో సైట్ను నిర్మించడం చాలా సులభం మరియు నేను ప్లాట్ఫారమ్ను బాగా సిఫార్సు చేస్తున్నాను. గొప్ప సంఘం, టన్నుల కొద్దీ వనరులు మరియు సామర్థ్యాలను మెరుగుపరిచే కొన్ని ఎలిమెంటర్ యాడ్-ఆన్లు ఉన్నాయి.