WordPress: Elementor ашиглан холбоос эсвэл товчлуур дээр дарж LiveChat цонхыг jQuery ашиглан нээх

JQuery ашиглан LiveChat цонхыг Elementor ашиглан холбоос эсвэл товчлуур дээр дарж нээнэ үү

Манай нэг үйлчлүүлэгчид байдаг Элементор, WordPress-д зориулсан хуудас бүтээх хамгийн хүчирхэг платформуудын нэг. Бид сүүлийн хэдэн сарын турш тэдний дотогшоо маркетингийн хүчин чармайлтаа цэвэрлэж, хэрэгжүүлсэн тохиргоог нь багасгаж, системүүд, тэр дундаа аналитиктай илүү сайн харилцахад нь тусалж байна.

Үйлчлүүлэгчид байна Шууд чат, чатын үйл явцын үе шат бүрт Google Analytics-ийг хүчирхэг нэгтгэсэн гайхалтай чатын үйлчилгээ. LiveChat нь үүнийг таны сайтад нэгтгэх маш сайн API-тай бөгөөд үүнд зангуу таг дахь onClick үйл явдлыг ашиглан чатын цонхыг нээх боломжтой. Энэ нь дараах байдалтай байна.

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

Хэрэв та үндсэн кодыг засах эсвэл тусгай HTML нэмэх чадвартай бол энэ нь тохиромжтой. -тай Элементор, гэхдээ платформ нь аюулгүй байдлын үүднээс түгжигдсэн тул та нэмэх боломжгүй onClick үйл явдал аливаа объект руу. Хэрэв таны кодонд тухайн тусгай onClick үйл явдал нэмэгдсэн бол танд ямар ч төрлийн алдаа гарахгүй... гэхдээ гаралтаас код хасагдсаныг харах болно.

jQuery сонсогч ашиглах

onClick аргачлалын нэг хязгаарлалт нь та өөрийн сайт дээрх холбоос бүрийг засварлаж, тэр кодыг нэмэх хэрэгтэй болно. Альтернатив аргачлал бол тухайн хуудсанд скрипт оруулах явдал юм сонсдог Таны хуудсан дээр тодорхой нэг товшилтыг дарж, энэ нь танд зориулж кодыг ажиллуулна. Үүнийг ямар ч хайх замаар хийж болно зангуу шошго тодорхой зүйлтэй CSS анги. Энэ тохиолдолд бид нэртэй анги бүхий зангуу тагийг зааж өгч байна нээлттэй чат.

Сайтын хөл хэсэгт би шаардлагатай скрипт бүхий тусгай HTML талбарыг нэмж оруулав.

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

Одоо, тэр скрипт нь сайтын өргөн учраас хуудаснаас үл хамааран, хэрэв би ангитай бол нээлттэй чат дарвал чатын цонх нээгдэнэ. 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 ашиглан сайт байгуулах нь маш энгийн бөгөөд би платформыг санал болгож байна. Маш сайн нийгэмлэг, олон тонн нөөц, чадавхийг сайжруулах хэд хэдэн Elementor нэмэлтүүд байдаг.

Elementor програмыг ашиглаж эхлээрэй LiveChat ашиглаж эхлээрэй

Тодруулга: Би дараахь холбоосуудыг ашиглаж байна Элементор болон Шууд чат энэ нийтлэлд. Бидний шийдлийг боловсруулсан сайт нь a Төв Индиана дахь халуун ванны үйлдвэрлэгч.