lostyazilim
tr.link

Siteye WhatsApp iletişim butonu ekleme

8 Mesajlar 17.311 Okunma
acebozum
tr.link

sosyalilgi sosyalilgi 266Hosting Kullanıcı
  • Üyelik 29.01.2019
  • Yaş/Cinsiyet 41 / E
  • Meslek Özel Sektör
  • Konum Balıkesir
  • Ad Soyad F** D**
  • Mesajlar 117
  • Beğeniler 53 / 29
  • Ticaret 4, (%100)
Bu işlem için bir eklenti kullanmadım. Hazır bir kod var ve bu kodu düzenleyip sitemize ekleyeceğiz. Bahsettiğim kod WhatsHelp.io adlı bir site içerisinden oluşturuldu. Altyapısını da bu site sağlıyor. Sitenizde kullanabileceğiniz kodu aşağıya ekledim.
Kod düzenleme

Sitenize WhatsApp iletişim butonu ekleyebilmek için aşağıdaki kodu kullanabilirsiniz.

<script>
(function () {
var options = {
whatsapp: "+905*******", // WhatsApp numaranızı buraya girin
call_to_action: "Merhaba, nasıl yardımcı olabilirim?", // Görünecek metin
position: "right", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>



  1. Numara alanına whatsapp numaranızı yazıyorsunuz.

  2. Görünecek metin kısmına tırnak içinde istediğiniz popup mesajınızı yazın.

  3. "position" kısmına whatsapp ikonunun sitenizin neresinde olacağını belirtir. "right" veya "left" yazarak sağ yada sol altta görünmesini sağlarsınız.



artık kodunuz hazır.

Artık sitenizin sağ veya sol alt köşesine iletişim butonu eklenecek. Mobil kullanıcılarınız butonu tıkladığında WhatsApp açılacak ve size direkt mesaj yazabilecekler. Masaüstü bilgisayar veya notebook gibi bir cihazda buton tıklanırsa WhatsApp Web uygulama sayfası açılacak ve buradan size yazabilecekler.

kaynak:https://github.com/OzzyOzmen/whatsappContact.
NoFeaR bizimsmm

kişi bu mesajı beğendi.

elektronikssl
webimgo

aktuelsoylesi aktuelsoylesi Kaliteli Marka Domainler Kullanıcı
  • Üyelik 18.09.2014
  • Yaş/Cinsiyet 38 / E
  • Meslek uzman
  • Konum Ankara
  • Ad Soyad A** U**
  • Mesajlar 2421
  • Beğeniler 1553 / 787
  • Ticaret 22, (%100)
teşekkür ederim işime yaradı ellerinize sağlık
sosyalilgi

kişi bu mesajı beğendi.

ozmencelik ozmencelik Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.01.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek .Net Developer - İng Öğretmeni
  • Konum İzmir
  • Ad Soyad Ö** Ç**
  • Mesajlar 339
  • Beğeniler 39 / 160
  • Ticaret 0, (%0)
2-2.5 yıl önceki yazdığım kod belliki githupta paylaşmadım diye birşekilde alınmış kopyalanmış kullanılmış o yüzden bende mecburen githuba yüklemek zorunda kaldım. demem odur ki o kod bana ait ve bayağı eski bir kod fakat gecenlerde çok yogun istek talebi oluyor diye forumlarda da paylaşmıştım.

Kaynağının düzeltilip benim oldugunu göstermenizi rica ediyorum .

https://github.com/OzzyOzmen/whatsappContact. // mecburen şimdi githuba atmak zorunda kaldım
sosyalilgi

kişi bu mesajı beğendi.

sosyalilgi sosyalilgi 266Hosting Kullanıcı
  • Üyelik 29.01.2019
  • Yaş/Cinsiyet 41 / E
  • Meslek Özel Sektör
  • Konum Balıkesir
  • Ad Soyad F** D**
  • Mesajlar 117
  • Beğeniler 53 / 29
  • Ticaret 4, (%100)
@ozmencelik Hocam merhaba kodun size ait olduğunu bilmem mümkün değildi o zaman. Çok araştırdım ve konuda kaynak olarak belirttiğim sitede buldum ve ekledim. Kaynağı düzeltiyorum. Teşekkürler.
ozmencelik

kişi bu mesajı beğendi.

wmaraci
wmaraci

NoFeaR NoFeaR WM Aracı Kullanıcı
  • Üyelik 22.12.2012
  • Yaş/Cinsiyet 40 / E
  • Meslek WGL
  • Konum Kocaeli
  • Ad Soyad O** Ç**
  • Mesajlar 212
  • Beğeniler 28 / 29
  • Ticaret 5, (%100)
peki bu butonun daire şeklinde ufak değilde kare olarak yada dikdörtgen şeklinde gözükmesi mümkün değil mi ?
 

 

ozmencelik ozmencelik Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.01.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek .Net Developer - İng Öğretmeni
  • Konum İzmir
  • Ad Soyad Ö** Ç**
  • Mesajlar 339
  • Beğeniler 39 / 160
  • Ticaret 0, (%0)

sosyalilgi adlı üyeden alıntı

@ozmencelik Hocam merhaba kodun size ait olduğunu bilmem mümkün değildi o zaman. Çok araştırdım ve konuda kaynak olarak belirttiğim sitede buldum ve ekledim. Kaynağı düzeltiyorum. Teşekkürler.


Teşekkür ederim
 

 

ozmencelik ozmencelik Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.01.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek .Net Developer - İng Öğretmeni
  • Konum İzmir
  • Ad Soyad Ö** Ç**
  • Mesajlar 339
  • Beğeniler 39 / 160
  • Ticaret 0, (%0)

NoFeaR adlı üyeden alıntı

peki bu butonun daire şeklinde ufak değilde kare olarak yada dikdörtgen şeklinde gözükmesi mümkün değil mi ?


Orda whatsap io dan çekilmiş hali ama siz javascript bilginiz ile yapabilirsiniz. Ordaki kodda adres js var bir inceleyin isterseniz
 

 

batukay batukay WM Aracı Kullanıcı
  • Üyelik 12.06.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Erzurum
  • Ad Soyad B** K**
  • Mesajlar 1228
  • Beğeniler 328 / 327
  • Ticaret 22, (%100)
Kodun kendisine ait olduğunu söyleyen arkadaş kod whatshelp.io sitesine ait ? Gerçi banlanmış zaten.
 

 

wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al