ប្លក, រូបភាព៖ ការប្រើប្រាស់ jQuery ដើម្បីបើកបង្អួច LiveChat ដោយចុចលើតំណភ្ជាប់ ឬប៊ូតុងដោយប្រើ Elementor

ការប្រើប្រាស់ jQuery ដើម្បីបើក LiveChat Window ដោយចុចលើ Link ឬ Button ដោយប្រើ 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 ទៅវត្ថុណាមួយ។ ប្រសិនបើអ្នកមានព្រឹត្តិការណ៍ onClick ផ្ទាល់ខ្លួននោះត្រូវបានបន្ថែមទៅកូដរបស់អ្នក នោះអ្នកមិនទទួលបានប្រភេទនៃកំហុសណាមួយទេ… ប៉ុន្តែអ្នកនឹងឃើញកូដត្រូវបានដកចេញពីលទ្ធផល។

ការប្រើប្រាស់ jQuery Listener

ដែនកំណត់មួយនៃវិធីសាស្រ្ត 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 វាត្រូវបានចុច វានឹងបើកបង្អួចជជែក។ សម្រាប់ Elementor object យើងគ្រាន់តែកំណត់ link ទៅ # និង class as openchat.

តំណភ្ជាប់ធាតុ

elementor ថ្នាក់ការកំណត់កម្រិតខ្ពស់

ជា​ការ​ពិត​ណាស់ កូដ​អាច​ត្រូវ​បាន​ធ្វើ​ឱ្យ​ប្រសើរ​ឡើង ឬ​អាច​ត្រូវ​បាន​ប្រើ​សម្រាប់​ព្រឹត្តិការណ៍​ប្រភេទ​ផ្សេង​ទៀត​ដូច​ជា a ព្រឹត្តិការណ៍វិភាគហ្គូហ្គល. ជាការពិតណាស់ 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>

ការកសាងគេហទំព័រដោយប្រើ Elementor គឺសាមញ្ញណាស់ ហើយខ្ញុំសូមផ្តល់អនុសាសន៍យ៉ាងខ្លាំងចំពោះវេទិកានេះ។ មានសហគមន៍ដ៏អស្ចារ្យ ធនធានជាច្រើន និងធាតុបន្ថែមមួយចំនួនដែលបង្កើនសមត្ថភាព។

ចាប់ផ្តើមជាមួយ Elementor ចាប់ផ្តើមជាមួយ LiveChat

ការបង្ហាញ: ខ្ញុំកំពុងប្រើតំណភ្ជាប់សម្រាប់ Elementor និង LiveChat នៅក្នុងអត្ថបទនេះ។ គេហទំព័រដែលយើងបង្កើតដំណោះស្រាយគឺ ក ក្រុមហ៊ុនផលិតធុងទឹកក្តៅនៅកណ្តាលរដ្ឋ Indiana.