Blogger'a WhatsApp canlı destek butonu nasıl eklenir? 2022

 Blogger'a WhatsApp canlı sohbet ikonu ekleme 2022 

Blogger'a WhatsApp canlı destek butonu ekleme

merhabalar arkadaşlar bu yazımızda blogger sitemize WhatsApp destek butonunu eklemeyi göstereceğim detaylı anlatım ile iyiki okumuşum diyeceksiniz:)
Hazırsanız anlatmaya geçelim

BLOGGER CANLI DESTEK NEDİR? VE NE İŞE YARAR?

blogger canlı destek, sitenize gelen ziyaretçilere hizmet vermek için tasarlanmış bir chat eklentisidir. Eğer ürün satan bir web siteniz varsa blogger alt tabanlı olarak açtıysanız bu WhatsApp eklentisini kolayca kullanabilirsiniz diğer siteler için olur mu? Onu tam olarak bilmiyorum ama büyük ihtimalle olacaktır.


Blogger'a WhatsApp canlı destek eklemek için ne yapmalıyım?

kolay ve hızlı bir şekilde göstereceğim fazla uğraşmadan 10dk içerisinde bunu yapmış olacaksınız 3 farklı yöntem ile göstereceğim istediğinizi seçebilirsiniz

1.YÖNTEM


üsteki gibi olmasını istiyorsanız

ilk önce aşağıdaki kodu kopyalıyoruz
👇👇👇

<script>
    var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?37644';
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = url;
    var options = {
  "enabled":true,
  "chatButtonSetting":{
      "backgroundColor":"#4dc247",
      "ctaText":"BİZE MESAJ GÖNDERİN",
      "borderRadius":"25",
      "marginLeft":"0",
      "marginBottom":"50",
      "marginRight":"50",
      "position":"right"
  },
  "brandSetting":{
      "brandName":"ADMİN",
      "brandSubTitle":"çevrimiçi",
      "brandImg":"https://r.resimlink.com/VxFL3i.png",
      "welcomeText":"Merhaba!\nSize nasıl yardımcı olabilirim?",
      "messageText":"Hello, I have a question about {{page_link}}",
      "backgroundColor":"#0a5f54",
      "ctaText":"Sohbeti Başlat",
      "borderRadius":"25",
      "autoShow":false,
      "phoneNumber":"5300000000"
  }
};
    s.onload = function() {
        CreateWhatsappChatWidget(options);
    };
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
</script>

Yukarıdaki kodun hepsini kopyalayın ve blogger 👉 ordanda gadget ekle 👉 HTML JavaScript kodu ekle 👉 kodu ekleyip kaydet dememiz yeterli

dikkat etmeniz gerekenler nelerdir?


biz kolayından yaptık isterseniz wati.io sitesine giderek tek tek yapabilirsiniz ama o şekilde fazla zamanınızı alır ben kod olarak üste verdim geriye mavi renkle işaretlediğim yerleri kendinize göre doldurmanız yeterlidir
yapmanız gerekenler admin yazısı yerine kendi adınızı yazmanız, profil fotoğrafını ve telefon numarasını değiştirmeniz kalıyor diğer alanları ben Türkçeleştirdim siz hiç merak etmeyin bu kodu kolayca kullanabilirsiniz kodu eklemek için blogger 👉 düzen 👉 gadget ekle 👉 HTML JavaScript 

adımlar bu şekilde dikkat etmeniz gereken şey aslında yazıyı değiştirirken nokta yada virgülü silmemeye dikkat edin bide profil fotoğrafı için her formatı desteklemiyor PNG formatında olması gerekir


Buraya tıklayarak siteye gidip fotoğraf yükleyin aşağıya gelip resimdeki yeri kopyalayıp üsteki mavi renkteki .PNG olan yere yapıştırın hepsi bu kadar sonra ekleyin birinci yöntem bu şekilde işliyor

2.YÖNTEM

Buraya tıklayarak siteye gidiyoruz sonra düğmeninizi edinin yere basıyoruz sonra aşağıdaki sayfa gelmiş oluyor


biz WhatsApp canlı destek ekliyeceğimiz için wp işaretine basıyoruz alta kutucuk açılıyor oraya telefon numarası başına Türkiye için +90 yazıp artında numarayı yazıyoruz
Örn/ +90532******* şeklinde


işaretledigim alanları düzenleyebilirsiniz 


Canlı öz izlenme yerine sitenizin URL'sini yazıp nasıl gözüktüğü kod eklemeden bakabilirsiniz hoşunuza gitmezse eklemek zorunda değilsiniz


son olarak e-posta adresinizi girip get Button kodu'na basın 

Bastıktan sonra bir tane kod veriyor kodu aynı zamanda eposta adressinede gönderiyor ordanda bakabilirsiniz yani kodu kopyalayıp blogger 👉 düzen 👉 gadget ekle 👉 HTML JavaScript yerede ekleyen yada temaya gidip HTML görünümü yerine basıp temada herhangi bir yere basın sonra klavyede Ctrl+F ye basın arama yeri açılacaktır oraya ise </body> yazın entere basın sonra </body> etiketinden önce yapıştırıp temayı kayıt etmeyi unutmayın sonra sayfayı yenileyin siteye giden kullanıcıların karşısına WhatsApp ikonu çıkar oraya basınca direk whatsabba atar ikinci yöntemi bu şekilde deneyebilirsiniz


3.YÖNTEM

 buraya tıklayarak siteye gidiyoruz ve gerekli tüm ayarlamaları yapınız resimdede aşama aşama gösterdim yapmadığınız yer olursa yorumlar bölümünde belirtmeyi unutmayınız





Bütün bu işlemleri yapın yazılar ingilizce ve profil resmi vb başkasına ait biz kendimize göre yapıp en aşağıdaki yeşil yere basıyoruz


Bize bir tane kod veriyor bunu blogger 👉 düzen 👉 gadget ekle 👉 HTML JavaScript bölümüne ekliyoruz temayada ekleyebilirsiniz aynı şey sonra sayfayı yenileyin


Siteye gidince whatsap ikonu çıkıyor ben WHATSAPP CANLI DESTEK Yazısını ekledim sizde aynı o şekilde yapabilirsiniz sonra sohbeti başlat düğmesini basan kişileri whatsapta canlı destek e atmıyor oluyor bu şekilde sitenizde ürün satıyorsanız yada müşterilerin sizinle whatsap üzerinden iletişime geçmelerini istiyorsanız anlattığım 3 yöntemden istediğinizi seçebilirsiniz
En ayrıntıyı ben verdim yorumlar bölümünde güzel bir yorum bırakmayı unutmayın Allah'a emanet olun kardeşlerim.







Şefik SOYKAL

web sitemize hoş geldiniz

Yorum Gönder

yorum yaparken gizlilik politikamızı ihlal etmemeye dikkat edin gizlilik politikamıza göz atmayı unutmayın

Daha yeni Daha eski