WordPress: jQuery प्रयोग गरेर LiveChat विन्डो खोल्नको लागि लिङ्क वा बटनमा क्लिक गरेर Elementor प्रयोग गरेर

jQuery प्रयोग गरेर LiveChat विन्डो खोल्नको लागि लिङ्क वा बटनमा क्लिक गरेर Elementor को प्रयोग गरेर

हाम्रो ग्राहकहरु मध्ये एक छ Elementor, WordPress को लागि सबैभन्दा बलियो पृष्ठ निर्माण प्लेटफर्महरू मध्ये एक। हामीले उनीहरूलाई पछिल्ला केही महिनाहरूमा उनीहरूको इनबाउन्ड मार्केटिङ प्रयासहरू सफा गर्न मद्दत गर्दैछौं, उनीहरूले लागू गरेका अनुकूलनहरूलाई न्यूनीकरण गर्दै, र विश्लेषणहरू सहित - प्रणालीहरूलाई राम्रोसँग सञ्चार गर्न।

ग्राहकसँग छ LiveChat, एउटा उत्कृष्ट च्याट सेवा जसमा च्याट प्रक्रियाको प्रत्येक चरणको लागि बलियो Google Analytics एकीकरण छ। LiveChat सँग तपाईंको साइटमा एकीकृत गर्नको लागि धेरै राम्रो API छ, एंकर ट्यागमा onClick घटना प्रयोग गरेर च्याट विन्डो खोल्ने क्षमता सहित। यहाँ यो कस्तो देखिन्छ:

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

यदि तपाईंसँग कोर कोड सम्पादन गर्ने वा आफू अनुकूल HTML थप्ने क्षमता छ भने यो उपयोगी छ। संग Elementor, यद्यपि, प्लेटफर्म सुरक्षा कारणहरूको लागि लक गरिएको छ ताकि तपाईं थप्न सक्नुहुन्न घटनामा क्लिक गर्नुहोस् कुनै पनि वस्तुमा। यदि तपाइँसँग तपाइँको कोडमा त्यो अनुकूलन onClick घटना थपिएको छ भने, तपाइँले कुनै पनि प्रकारको त्रुटि प्राप्त गर्नुहुने छैन... तर तपाइँले आउटपुटबाट कोड हटाएको देख्नुहुनेछ।

jQuery श्रोता प्रयोग गर्दै

onClick पद्धतिको एउटा सीमितता यो हो कि तपाईंले आफ्नो साइटमा प्रत्येक एकल लिङ्क सम्पादन गर्नुपर्नेछ र त्यो कोड थप्नुपर्छ। वैकल्पिक पद्धति भनेको पृष्ठमा लिपि समावेश गर्नु हो सुन्छ तपाईंको पृष्ठमा एक विशिष्ट क्लिकको लागि र यसले तपाईंको लागि कोड कार्यान्वयन गर्दछ। यो कुनै पनि खोज गरेर गर्न सकिन्छ एch्कर ट्याग एक विशिष्ट संग CSS कक्षा। यस अवस्थामा, हामी नामको कक्षाको साथ एङ्कर ट्याग डिजाइन गर्दैछौं खोल्नुहोस्.

साइटको फुटर भित्र, मैले आवश्यक स्क्रिप्टको साथ अनुकूलन HTML फिल्ड मात्र थपेको छु:

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

अब, त्यो स्क्रिप्ट साइट चौडा छ त्यसैले पृष्ठको पर्वाह नगरी, यदि मसँग कक्षा छ भने खोल्नुहोस् त्यो क्लिक भयो, यसले च्याट विन्डो खोल्नेछ। Elementor वस्तुको लागि, हामीले भर्खर # र class लाई लिङ्क सेट गर्यौं खोल्नुहोस्.

तत्व लिङ्क

elementor उन्नत सेटिङ वर्गहरू

अवश्य पनि, कोड बृद्धि गर्न सकिन्छ वा कुनै अन्य प्रकारको घटनाको लागि पनि प्रयोग गर्न सकिन्छ, जस्तै a गुगल एनालिटिक्स घटना। अवश्य पनि, LiveChat सँग गुगल एनालिटिक्ससँग उत्कृष्ट एकीकरण छ जसले यी घटनाहरू थप्छ, तर म यसलाई उदाहरणको रूपमा तल समावेश गर्दैछु:

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

एलिमेन्टरको साथ साइट निर्माण गर्नु एकदम सरल छ र म प्लेटफर्मलाई अत्यधिक सिफारिस गर्दछु। त्यहाँ एक महान समुदाय, धेरै स्रोतहरू, र धेरै एलिमेन्टर एड-अनहरू छन् जसले क्षमताहरू बढाउँछ।

Elementor को साथ सुरू गर्नुहोस् LiveChat को साथ सुरु गर्नुहोस्

खुलासा: म सम्बद्ध लि links्क प्रयोग गर्दैछु ElementorLiveChat यस लेखमा। साइट जहाँ हामीले समाधान विकास गर्यौं एक हो केन्द्रीय इन्डियाना मा हट टब निर्माता.