Dijital pazarlama araçları ve uygulamaları son birkaç yıl içerisinde oldukça gelişti ve çeşitlendi, farklı reklam uygulamalarıyla peşinizi bırakmayan reklamlar, akıllı eposta bültenleri, notifikasyonlar ve daha birçoğu.
Bunların yanı sıra müşteriler ile organik ve direk etkileşim halen en etkili yollardan bir tanesi, bunu dijital ortamda yapmanın en iyi yollarından bir taneside anlık mesajlaşma (chat) uygulamalarını web sitelerimizde kullanmak.
Bu konuda yapılmış bir çok uygulama mevcut, bu yazıda en popüler mesajlaşma uygulamalarından Whatsapp uygulamasının basitçe web sitemize nasıl entegre edeceğimizi göreceğiz.
Whatsapp mesajlaşma bağlantısını oluşturacağız
Web sitemizde tıklandığında whatsapp uygulamasına yönlendirme yapacak link yapısını oluşturacağız. Whatsapp kendi sayfasında bu konu için net bir sayfa hazırlamış.
https://faq.whatsapp.com/en/android/26000030/
https://wa.me/905320000000
Linki web sitemize yerleştireceğiz.
Bu linki web sitemizde basit bir bağlantı ile verebileceğimiz gibi web sitemizin bir köşesinde sürekli duran bir icon’a vermek daha kullanışlı ve şık bir görüntü sağlayacaktır.
CSS
.waicon {
position: absolute;
z-index:10000;
right: 20px;
bottom: 20px;
width: 100px;
height: 100px;
}
Sayfada BODY tagı kapanmadan önce aşağıdaki bölümü sitemize ekleyebiliriz.
<div class=”waicon”>
<a target=”_blank” href=”https://wa.me/905320000000″>
<img src=”/assets/img/waicon.png” class=”animated bounce delay-2s” width=”90″ height=”90″>
</a>
</div>
waicon.png dosyasını alt kısımda bulabilirsiniz.
Link kısmında eklediğim CSS class’ta animate.css kütüphanesine ait bir kısım var. Dilerseniz animate.css kullanarak whatsapp iconuna bir animasyon verebilir, kullanıcıların dikkatini çekmesini sağlayabilirsiniz.
