İnternet sitemiz üzerinden ürün ya da hizmet satıyorsak, bu ürünü alacak olan müşterilerimiz, bilgi edinmek, satın almak ya da benzeri bir konuda bize ulaşmak için hızlı bir yol ararlar.
Bu durumda, tercih ettikleri yollarında başında, en hızlı iletişim kurabilecekleri şu araçlar gelir:
Canlı Destek Butonu
WhatsApp Butonu
Facebook Messenger Butonu
Bugün bunlardan ikincisi ve en çok tercih edilen yöntem olan WhatsApp İletişim Butonunu çok kısa yoldan eklemeyi öğreneceğiz.
Küçük bir kod parçası geliştirdim, bu kod sayesinde jQuery dışında hiç bir kütüphaneye ihtiyaç duymadan WhatsApp iletişim Butonunu sitemize ekleyebileceğiz.
Aşağıdaki kodu <head> </head> etiketleri arasına ya da footer kısmına ekleyerek çalıştıracağız. (Mutlaka jQuery kodlarının altında yer almalıdır.)
Yukarıdaki kod parçacıklarını eklerken iki noktaya dikkat etmemiz gerekiyor; whatsapp_se_btn_phone ve whatsapp_se_btn_msg değişkenleri.
whatsapp_se_btn_phone değişkenine kendi telefon numaramızı ekleyin,
whatsapp_se_btn_msg değişkeninde müşterilerin bizimle iletişime geçtiğinde otomatik olarak yazmasını istediğimiz ilk mesajı yazıyoruz.
Bu kadar basit! Artık kullanılabilir bir WhatsApp iletişim düğmemiz var.
Whatsapp mesaj bölümünü yeni bir pencerede açmak için bu kodu kullanabilirsiniz, yukarıdaki koddan tek farkı yeni bir pencerede açılmasıdır:
Not: Kodun çalışması için sayfamıza jQuery kütüphanesinin eklenmiş olması gerekmektedir!
WHATSAPP iletişim butonu neden önemlidir?
Müşterilerimizin veya ziyaretçilerimizin web sitemizi ziyaret ettiklerinde davranışları çok önemlidir. Ancak bu eylemleri, yapmayı planladığımız eylemlere dönüştürmek hepimiz için daha önemlidir.
Örneğin bir e-ticaret sitemiz olduğunu varsayalım.Müşterilerimizin web sitemizi ziyaret etmeleri, ürün açıklamalarını okumaları, sosyal hesaplarında paylaşımda bulunmaları, arkadaşlarını yeni arkadaşlara tavsiye etmeleri SEO ve Müşteri profilimizi anlama konusunda çok önemlidir. .
Önemli olan tüm bu davranışları alışverişe çevirebilmek için müşterilere ulaşabiliyor olmamız.
Müşterilere ulaşmanın en iyi yolu, onlarla gerçek zamanlı olarak iletişim kurmaktır. Ayrıca müşterilerimize gerçek zamanlı olarak bizimle iletişime geçme seçeneği de sunuyoruz. En ünlü yöntemler çağrı merkezleri ve gerçek zamanlı destek sistemleridir.
UMARIM YARARLI OLMUŞTUR. İYİ GÜNLER
Bu durumda, tercih ettikleri yollarında başında, en hızlı iletişim kurabilecekleri şu araçlar gelir:
Canlı Destek Butonu
WhatsApp Butonu
Facebook Messenger Butonu
Bugün bunlardan ikincisi ve en çok tercih edilen yöntem olan WhatsApp İletişim Butonunu çok kısa yoldan eklemeyi öğreneceğiz.
Küçük bir kod parçası geliştirdim, bu kod sayesinde jQuery dışında hiç bir kütüphaneye ihtiyaç duymadan WhatsApp iletişim Butonunu sitemize ekleyebileceğiz.
Aşağıdaki kodu <head> </head> etiketleri arasına ya da footer kısmına ekleyerek çalıştıracağız. (Mutlaka jQuery kodlarının altında yer almalıdır.)
Kod:
<script>
window.onload = function(){
whatsapp_se_btn_phone = 'TELEFON NUMARASI'; //Telefon numaramız.
whatsapp_se_btn_msg = 'Sizinle iletişime geçmek istiyorum.'; //Yazılmasını istediğimiz hazır mesaj.
$(document.body).append('<div class="whatsapp-se-btn"></div>'),whatsapp_se_btn_base64="https://image.flaticon.com/icons/svg/124/124034.svg",$(".whatsapp-se-btn").attr("style","position:fixed;bottom:15px;right:15px;overflow:hidden;background:#1bd741;color:#ffffff;text-align:center;padding:4px 4px;z-index:9999999;cursor:pointer;box-shadow:#000000 0 0 5px;border-radius:100px;"),$(".whatsapp-se-btn").html('<img style="width: 45px;" src="'+whatsapp_se_btn_base64+'" alt="Whatsapp ile İletişime Geç" />'),$(".whatsapp-se-btn").attr("onclick",'location.href="https://wa.me/'+whatsapp_se_btn_phone+"?text="+whatsapp_se_btn_msg+'"');}
</script>Yukarıdaki kod parçacıklarını eklerken iki noktaya dikkat etmemiz gerekiyor; whatsapp_se_btn_phone ve whatsapp_se_btn_msg değişkenleri.
whatsapp_se_btn_phone değişkenine kendi telefon numaramızı ekleyin,
whatsapp_se_btn_msg değişkeninde müşterilerin bizimle iletişime geçtiğinde otomatik olarak yazmasını istediğimiz ilk mesajı yazıyoruz.
Bu kadar basit! Artık kullanılabilir bir WhatsApp iletişim düğmemiz var.
Whatsapp mesaj bölümünü yeni bir pencerede açmak için bu kodu kullanabilirsiniz, yukarıdaki koddan tek farkı yeni bir pencerede açılmasıdır:
Kod:
<script>
window.onload = function(){
whatsapp_se_btn_phone = 'TELEFONNUMARASI'; //Telefon numaramız.
whatsapp_se_btn_msg = 'Sizinle iletişime geçmek istiyorum.'; //Yazılmasını istediğimiz hazır mesaj.
$(document.body).append('<div class="whatsapp-se-btn"></div>'),whatsapp_se_btn_base64="https://image.flaticon.com/icons/svg/124/124034.svg",$(".whatsapp-se-btn").attr("style","position:fixed;bottom:15px;right:15px;overflow:hidden;background:#1bd741;color:#ffffff;text-align:center;padding:4px 4px;z-index:9999999;cursor:pointer;box-shadow:#000000 0 0 5px;border-radius:100px;"),$(".whatsapp-se-btn").html('<img style="width: 45px;" src="'+whatsapp_se_btn_base64+'" alt="Whatsapp ile İletişime Geç" />'),$(".whatsapp-se-btn").attr("onclick",'window.open("https://wa.me/'+whatsapp_se_btn_phone+"?text="+whatsapp_se_btn_msg+'")');}
</script>Not: Kodun çalışması için sayfamıza jQuery kütüphanesinin eklenmiş olması gerekmektedir!
WHATSAPP iletişim butonu neden önemlidir?
Müşterilerimizin veya ziyaretçilerimizin web sitemizi ziyaret ettiklerinde davranışları çok önemlidir. Ancak bu eylemleri, yapmayı planladığımız eylemlere dönüştürmek hepimiz için daha önemlidir.
Örneğin bir e-ticaret sitemiz olduğunu varsayalım.Müşterilerimizin web sitemizi ziyaret etmeleri, ürün açıklamalarını okumaları, sosyal hesaplarında paylaşımda bulunmaları, arkadaşlarını yeni arkadaşlara tavsiye etmeleri SEO ve Müşteri profilimizi anlama konusunda çok önemlidir. .
Önemli olan tüm bu davranışları alışverişe çevirebilmek için müşterilere ulaşabiliyor olmamız.
Müşterilere ulaşmanın en iyi yolu, onlarla gerçek zamanlı olarak iletişim kurmaktır. Ayrıca müşterilerimize gerçek zamanlı olarak bizimle iletişime geçme seçeneği de sunuyoruz. En ünlü yöntemler çağrı merkezleri ve gerçek zamanlı destek sistemleridir.
UMARIM YARARLI OLMUŞTUR. İYİ GÜNLER
Son düzenleme:
