WordPress: ການນໍາໃຊ້ jQuery ເພື່ອເປີດຫນ້າຕ່າງ LiveChat ໂດຍການຄລິກໃສ່ການເຊື່ອມຕໍ່ຫຼືປຸ່ມໂດຍໃຊ້ອົງປະກອບ

ການນໍາໃຊ້ jQuery ເພື່ອເປີດຫນ້າຕ່າງ LiveChat ໂດຍການຄລິກໃສ່ການເຊື່ອມຕໍ່ຫຼືປຸ່ມໂດຍໃຊ້ອົງປະກອບ

ຫນຶ່ງໃນລູກຄ້າຂອງພວກເຮົາມີ Elementor, ຫນຶ່ງໃນເວທີການສ້າງຫນ້າທີ່ເຂັ້ມແຂງທີ່ສຸດສໍາລັບ WordPress. ພວກເຮົາໄດ້ຊ່ວຍພວກເຂົາເຮັດຄວາມສະອາດຄວາມພະຍາຍາມໃນການຕະຫຼາດຂາເຂົ້າຂອງພວກເຂົາໃນໄລຍະສອງສາມເດືອນຜ່ານມາ, ຫຼຸດຜ່ອນການປັບແຕ່ງທີ່ເຂົາເຈົ້າປະຕິບັດ, ແລະເຮັດໃຫ້ລະບົບການສື່ສານດີຂຶ້ນ - ລວມທັງການວິເຄາະ.

ລູກຄ້າມີ LiveChat, ການບໍລິການສົນທະນາທີ່ດີເລີດທີ່ມີການເຊື່ອມໂຍງ Google Analytics ທີ່ເຂັ້ມແຂງສໍາລັບທຸກໆຂັ້ນຕອນຂອງຂະບວນການສົນທະນາ. LiveChat ມີ API ທີ່ດີຫຼາຍສໍາລັບການລວມມັນເຂົ້າໄປໃນເວັບໄຊທ໌ຂອງທ່ານ, ລວມທັງຄວາມສາມາດໃນການເປີດຫນ້າຕ່າງສົນທະນາໂດຍໃຊ້ເຫດການ onClick ໃນແທັກສະມໍ. ນີ້ແມ່ນວິທີການເບິ່ງ:

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

ນີ້ແມ່ນເປັນປະໂຫຍດຖ້າທ່ານມີຄວາມສາມາດໃນການແກ້ໄຂລະຫັດຫຼັກຫຼືເພີ່ມ HTML ແບບກໍານົດເອງ. ກັບ Elementor, ເຖິງແມ່ນວ່າ, ເວທີໄດ້ຖືກລັອກລົງສໍາລັບເຫດຜົນຄວາມປອດໄພດັ່ງນັ້ນທ່ານບໍ່ສາມາດເພີ່ມ an ເຫດການ onClick ກັບວັດຖຸໃດນຶ່ງ. ຖ້າທ່ານມີເຫດການ onClick ແບບກຳນົດເອງທີ່ເພີ່ມໃສ່ລະຫັດຂອງທ່ານ, ທ່ານບໍ່ໄດ້ຮັບຂໍ້ຜິດພາດປະເພດໃດນຶ່ງ… ແຕ່ທ່ານຈະເຫັນລະຫັດຖືກຖອດອອກຈາກຜົນໄດ້ຮັບ.

ໃຊ້ jQuery Listener

ຂໍ້ຈໍາກັດຫນຶ່ງຂອງວິທີການ onClick ແມ່ນວ່າທ່ານຈະຕ້ອງໄດ້ແກ້ໄຂທຸກການເຊື່ອມຕໍ່ຢູ່ໃນເວັບໄຊຂອງທ່ານແລະເພີ່ມລະຫັດນັ້ນ. ວິທີການທາງເລືອກແມ່ນການລວມເອົາ script ໃນຫນ້ານັ້ນ ຮັບຟັງ ສໍາລັບການຄລິກສະເພາະໃນຫນ້າຂອງທ່ານແລະມັນປະຕິບັດລະຫັດສໍາລັບທ່ານ. ນີ້ສາມາດເຮັດໄດ້ໂດຍການຊອກຫາໃດໆ ປ້າຍສະມໍ ມີສະເພາະ ຫ້ອງຮຽນ CSS. ໃນ​ກໍ​ລະ​ນີ​ນີ້​, ພວກ​ເຮົາ​ກໍາ​ລັງ​ກໍາ​ນົດ​ໂຄດ​ຄໍາ​ສັ່ງ​ສະ​ມໍ​ທີ່​ມີ​ຫ້ອງ​ທີ່​ມີ​ຊື່​ openchat.

ພາຍໃນ footer ຂອງເວັບໄຊທ໌, ຂ້າພະເຈົ້າພຽງແຕ່ເພີ່ມພາກສະຫນາມ HTML ທີ່ກໍາຫນົດເອງທີ່ມີສະຄິບທີ່ຈໍາເປັນ:

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

ໃນປັດຈຸບັນ, script ນັ້ນແມ່ນເວັບໄຊທ໌ກວ້າງດັ່ງນັ້ນໂດຍບໍ່ຄໍານຶງເຖິງຫນ້າ, ຖ້າຂ້ອຍມີຫ້ອງຮຽນ openchat ທີ່ຄລິກໃສ່, ມັນຈະເປີດປ່ອງຢ້ຽມສົນທະນາ. ສໍາລັບວັດຖຸ Elementor, ພວກເຮົາພຽງແຕ່ກໍານົດການເຊື່ອມຕໍ່ກັບ # ແລະຫ້ອງຮຽນເປັນ openchat.

ການເຊື່ອມໂຍງອົງປະກອບ

elementor ຊັ້ນຮຽນການຕັ້ງຄ່າຂັ້ນສູງ

ແນ່ນອນ, ລະຫັດສາມາດຖືກປັບປຸງໃຫ້ດີຂຶ້ນຫຼືສາມາດນໍາໃຊ້ກັບເຫດການປະເພດອື່ນໆເຊັ່ນ: 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>

ການສ້າງເວັບໄຊທ໌ດ້ວຍ Elementor ແມ່ນຂ້ອນຂ້າງງ່າຍດາຍແລະຂ້ອຍຂໍແນະນໍາເວທີ. ມີຊຸມຊົນທີ່ດີ, ຊັບພະຍາກອນຫຼາຍ, ແລະສ່ວນເສີມອົງປະກອບທີ່ຂ້ອນຂ້າງບໍ່ຫຼາຍປານໃດທີ່ເສີມຂະຫຍາຍຄວາມສາມາດ.

ເລີ່ມຕົ້ນດ້ວຍອົງປະກອບ ເລີ່ມຕົ້ນດ້ວຍ LiveChat

ການເປີດເຜີຍ: ຂ້ອຍ ກຳ ລັງໃຊ້ລິ້ງເຊື່ອມໂຍງ ສຳ ລັບ Elementor ແລະ LiveChat ໃນບົດຄວາມນີ້. ເວັບໄຊທ໌ທີ່ພວກເຮົາພັດທະນາການແກ້ໄຂແມ່ນ a ຜູ້ຜະລິດທໍ່ຮ້ອນໃນພາກກາງຂອງລັດ Indiana.