WordPress: Elementor көмегімен сілтемені немесе түймені басу арқылы LiveChat терезесін ашу үшін jQuery пайдалану

Elementor көмегімен сілтемені немесе түймені басу арқылы LiveChat терезесін ашу үшін jQuery пайдалану

Біздің клиенттеріміздің бірінде бар Elementor, WordPress үшін ең сенімді бет құру платформаларының бірі. Біз оларға соңғы бірнеше айда кіріс маркетингтік әрекеттерін тазалауға, олар енгізген теңшеулерді азайтуға және жүйелердің, соның ішінде аналитикамен жақсырақ байланысуына көмектесіп жатырмыз.

Тұтынушыда бар Электроника, чат процесінің әрбір қадамы үшін сенімді Google Analytics интеграциясы бар фантастикалық чат қызметі. LiveChat-те оны сайтыңызға біріктіру үшін өте жақсы API бар, соның ішінде анкерлік тегтегі onClick оқиғасы арқылы сөйлесу терезесін ашу мүмкіндігі бар. Бұл қалай көрінеді:

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

Бұл негізгі кодты өңдеу немесе реттелетін HTML қосу мүмкіндігіңіз болса ыңғайлы. бірге Elementor, дегенмен платформа қауіпсіздік себептері бойынша құлыпталған, сондықтан сіз қосу мүмкін емес 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 қолданбасын бастаңыз

Ақпаратты ашу: мен серіктестік сілтемелерді қолданамын Elementor және Электроника осы мақалада. Шешімді әзірлеген сайт а Орталық Индианадағы ыстық ванна өндірушісі.