WordPress: Elementor Kullanarak Bir Bağlantıya veya Düğmeye Tıklayarak Canlı Sohbet Penceresi Açmak için jQuery Kullanma

Elementor Kullanarak Bir Bağlantıya veya Düğmeye Tıklayarak LiveChat Penceresi açmak için jQuery kullanma

Müşterilerimizden biri Elementor, WordPress için en sağlam sayfa oluşturma platformlarından biri. Son birkaç aydır, uyguladıkları özelleştirmeleri en aza indirerek ve analitik dahil olmak üzere sistemlerin daha iyi iletişim kurmasını sağlayarak, gelen pazarlama çabalarını temizlemelerine yardımcı oluyoruz.

müşteri var Canlı Sohbet, sohbet sürecinin her adımı için sağlam Google Analytics entegrasyonuna sahip harika bir sohbet hizmeti. LiveChat'in sitenize entegre etmek için çok iyi bir API'si vardır, buna bağlantı etiketinde bir onClick olayı kullanarak sohbet penceresini açma yeteneği de dahildir. İşte nasıl göründüğü:

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

Çekirdek kodu düzenleme veya özel HTML ekleme yeteneğiniz varsa bu kullanışlıdır. İle birlikte Elementor, yine de, platform güvenlik nedeniyle kilitlenmiştir, böylece bir onClick olayı herhangi bir nesneye. Kodunuza o özel onClick olayı eklendiyse, herhangi bir türde hata almazsınız… ancak kodun çıktıdan çıkarıldığını görürsünüz.

jQuery Dinleyici kullanma

onClick metodolojisinin bir sınırlaması, sitenizdeki her bir bağlantıyı düzenlemeniz ve bu kodu eklemeniz gerekmesidir. Alternatif bir metodoloji, sayfaya bir komut dosyası eklemektir. dinler sayfanızda belirli bir tıklama için ve sizin için kodu yürütür. Bu, herhangi birini arayarak yapılabilir. bağlantı etiketi belirli bir CSS sınıfı. Bu durumda, adında bir sınıfa sahip bir bağlantı etiketi belirliyoruz. açık sohbet.

Sitenin altbilgisine, gerekli komut dosyasıyla özel bir HTML alanı ekliyorum:

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

Şimdi, bu komut dosyası site genelinde, yani bir sınıfım varsa, sayfadan bağımsız olarak açık sohbet tıklandığında, sohbet penceresini açacaktır. Elementor nesnesi için, bağlantıyı # ve sınıfı olarak ayarladık. açık sohbet.

eleman bağlantısı

elementor gelişmiş ayar sınıfları

Elbette, kod geliştirilebilir veya başka herhangi bir olay türü için de kullanılabilir, örneğin bir Google Analytics Etkinliği. Elbette LiveChat, bu etkinlikleri ekleyen Google Analytics ile olağanüstü bir entegrasyona sahiptir, ancak bunu sadece bir örnek olarak aşağıya ekliyorum:

<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 ile bir site kurmak oldukça basittir ve platformu şiddetle tavsiye ederim. Yetenekleri geliştiren harika bir topluluk, tonlarca kaynak ve epeyce Elementor Eklentisi var.

Elementor'u Kullanmaya Başlayın LiveChat'i Kullanmaya Başlayın

Açıklama: için bağlı kuruluş bağlantılarını kullanıyorum Elementor ve Canlı Sohbet Bu makalede. Çözümü geliştirdiğimiz site bir Indiana'nın merkezindeki Jakuzi üreticisi.