WhatSapp Paylaşım Ve Sohbet Butonları

15.11.17
WhatSapp Paylaşım Ve Sohbet Butonları

WhatSapp'ın paylaşım butonu ve sohbet butonlarını herhangi bir kodlama yada javaScript kullanmadan nasıl oluşturacağın ile ilgili bilgiler paylaşacağım.

WhatSapp paylaşım butonları mobil ve web için olmak üzeri iki farklı buton ile oluşturulmakdır. Özellikle blog sitelerin bulunan WhatSapp butonları sadece mobil cihazlarda görünüyor yada çalışıyor. Bu yazımızda hem mobil hem de web üzerinden yayınlarınızı paylaşabileceğiniz WhatSapp paylaşım butonlarını paylaşacağım.

WhatSapp sohbet için doğrudan telefon numaranızın adres defterine kaydedilmesine gerek kalmadan butona tıklayarak sohbet etmenizi sağlayabilirsiniz. Bağlantıya tıkladığınızda sohbet otomatik olarak açılacaktır. Tıkla sohbet etme butonu hem mobilde hem de WhatSapp web'de çalışır.

WhatSapp Paylaşım Ve Sohbet Butonları Nasıl Oluşturulur?


Blogunuza veya web sitenize WhatSapp butonları eklemek için aşağıdaki adımları takip edin.

1- WhatSapp paylaşım butonları, blog veya web sitenizde bulunan paylaşım butonlarına WhatSapp mobil ve web paylaşım butonlarını da ekleyebilirsiniz. Yukarıda da değindiğimiz gibi şuan kullanılan WhatSapp paylaşım butonları sadece mobil cihazlarda kullanılabilir. Şimdi, hem mobil hem de web için ayrı ayrı paylaşımda bulunabilmek için butonlar eklemeniz gerekir. Aşağıda bulunan kodları kullanarak butonları oluşturalım.

Aşağıdaki bağlantılı kodu kullanarak blog veya web sitenizde mobil cihazlar zerinden paylaşım yapabilmek için, WhatSapp paylaşım butonu oluşturabilirsiniz.

WhatSapp Mobil Paylaşım Butonu
<a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%3A%20&quot; + data:post.url' target='_blank' title='Whatsapp'>WhatSapp</a>

Aşağıdaki bağlantılı kodu kullanarak blog veya web sitenizde WhatSapp Web paylaşım butonu oluşturabilirsiniz.

WhatSapp Web Paylaşım Butonu
<a class='whatsapp' expr:href='&quot;https://web.whatsapp.com/send?text=&quot; + data:post.title + &quot;%3A%20&quot; + data:post.url' target='_blank' title='Whatsapp Web'>Whatsapp Web</a>

Yukarıdaki butonları birlikte kullanmak için, WhatSapp mobil paylaşım butonunu mobil cihazlarda, WhatSapp web paylaşım butonunu sadece masaüstü ekranlarda kullanmak için aşağıdaki kodu kullanın.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%3A%20&quot; + data:post.url' target='_blank' title='Whatsapp'>WhatSapp</a>
<b:else/>
<a class='whatsapp' expr:href='&quot;https://web.whatsapp.com/send?text=&quot; + data:post.title + &quot;%3A%20&quot; + data:post.url' target='_blank' title='Whatsapp Web'>Whatsapp Web</a>
</span>
</b:if>

Yukarıdaki kodu incelediğinizde Boolean kodu içerisine alınmış bağlantılı kodları göreceksiniz. Bu kodlardan biri mobil diğeri web içindir. Aynı CSS kodları ile çalışacak şekilde kullanabilirsiniz.

2- WhatSapp sohbet butonu, web sitenizde alış-veriş veya danışmanlık gibi hizmetler veriyorsanız, müşterileriniz telefon numaranızı rehbere eklemekden doğrudan WhatSapp üzerinden sizinle sohbet edebilmesini sağlayabilirsiniz. Aşağıdaki bağlantılı kod ile web sitenize mobil cihazlarda kullanılabilecek WhatSapp sohbet butonu oluşturabilirsiniz. WhatSapp sohbet butonunu daha önce sizlerle paylaşmıştık.

Bknz: Blogger Online WhatSapp ve SMS Butonu

WhatSapp Sohbet Butonu
<a class='chats_whatsapp' href='https://api.whatsapp.com/send?phone=+90530XXXXXXX' target='_blank' title='Whatsapp Sohbet'>WhatSapp Sohbet</a>

Yukarıdaki butonu sadece mobil cihazlarda kullanabileceğinizden dolayı, yukarıdaki bağlantılı kodu mobil ekranlarda ziyaretçilerinizin veya müşterilerinizin ilgisini çekebilecek bir yere eklemeniz daha kullanışlı olacaktır. Kod içerisinde bulunan telefon numarası +90530XXXXXXX yerine kendi telefon numaranızı ekleyin.

NOT: WhatSapp Web üzerinden de ziyaretçileriniz veya müşterilerinizin sizinle doğrudan sohbet etmesini sağlayacak olan "WhatSapp Web Sohbet Butonu"nu en kısa sürede sizlerle paylaşacağım.

Bu yazımızda blog veya web sitelerinde WhatSapp paylaşım ve sohbet butonu oluşturma ile ilgili bilgiler paylaştık. Bu yayın ile ilgili olarak görüş ve sorularınız için lütfen yorum formunu kullanın.

Yorum Gönder