Değerli Blog Geliştiricim takipçileri bugün sizlere WhatSapp sohbet ve paylaşım butonlarını herhangi bir kodlama ya da JavaScript kullanmadan nasıl oluşturacağı konusunda birkaç bilgi paylaşacağım.
Whatsapp paylaşım butonları Mobil ve Web olmak üzere iki farklı şekilde oluşturulmaktadır. Blog sitelerinde yer alan Whatsapp butonları yalnızca mobil cihazlarda görünmekte veya çalışmaktadır. Şimdi ise sizlere Mobil ve Web üzerinden yayınlarınızı paylaşacağınız Whatsapp sohbet ve paylaşım butonlarını nasıl ekleyebileceğinizi göstereceğim.
Whatsapp Sohbet için telefonunuzun rehber kısmına numara kaydetmeye gerek duymadan tek tıkla sohbet etmenizi sağlayabilirsiniz. Sohbet butonuna tıkladığınızda Whatsapp Sohbet otomatik olarak açılacak ve sohbet etmeye başlayacaksınız. Ayrıca eklemiş olduğunuz buton Mobilde ve Web sayfalarında da çalışmaktadır.
Whatsapp Sohbet ve Paylaşım Butonu Nasıl Oluşturulur?
Blog Sayfanıza veya Web Sitenize Whatsapp Sohbet butonu eklemek için aşağıda vermiş olduğum adımları takip edebilirsiniz.1 - 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='"https://web.whatsapp.com/send?text=" + data:post.title + "%3A%20" + data:post.url' target='_blank' title='Whatsapp Web'>Whatsapp Web</a>Aşağıdaki bağlantılı kodu kullanarak Blog Sayfanızda veya Web Sitenizde mobil cihazlar üzerinden paylaşım yapabilmek için, WhatsApp Mobil paylaşım butonu oluşturabilirsiniz.
WhatsApp Mobil Paylaşım Butonu
<a class='whatsapp' expr:href='"whatsapp://send?text=" + data:post.title + "%3A%20" + data:post.url' target='_blank' title='Whatsapp'>WhatSapp</a>Yukarıdaki vermiş olduğum butonları bir arada 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. Bu kodlardan biri mobil diğeri web içindir. Aynı CSS kodları ile çalışacak şekilde kullanabilirsiniz.
WhatsApp Web ve Mobil Paylaşım Butonu
<b:if cond='data:blog.isMobileRequest == "true"'>
<a class='whatsapp' expr:href='"whatsapp://send?text=" + data:post.title + "%3A%20" + data:post.url' target='_blank' title='Whatsapp'>WhatSapp</a>
<b:else />
<a class='whatsapp' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + "%3A%20" + data:post.url' target='_blank' title='Whatsapp Web'>Whatsapp Web</a>
</span>
</b:if>2 - WhatsApp Sohbet butonu, web sitenizde Alış - Veriş veya Danışmanlık gibi hizmetler veriyorsanız, müşterileriniz telefon numaranızı rehbere eklemeden direk olarak WhatsApp üzerinden sizinle sohbet edebilmesini sağlayacaktır. Aşağıdaki bağlantılı kod ile web sitenize mobil cihazlarda kullanılabilecek WhatSapp sohbet butonu oluşturabilirsiniz.
WhatsApp Sohbet Butonu
<a class='chats_whatsapp' href='https://api.whatsapp.com/send?phone=+905XXXXXXXXX' 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ı +905XXXXXXXXX yerine kendi telefon numaranızı ekleyin. Son olarak Temayı Kaydet butonuna tıklayın ve Blog Sayfanızı kontrol edin.
WhatsApp Sohbet ve Paylamış Butonu Eklentisi ile ilgili bilgi ve görüşleriniz için yorum formunu kullanabilirsiniz.
