Web Tasarım / Web Sitesine Sohbet İçin Bir WhatsApp düğmesi Ekleme

Konular

Videolar

Sunular

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

Testler

Web Sitesine Sohbet İçin Bir WhatsApp düğmesi Ekleme

WhatsApp Business'ı kullanmanın dünyadaki 1,5 milyardan fazla kişiyle iletişim kurmanıza izin vereceğini okumuş olmalısınız, ancak gerçek şu ki, bu potansiyel müşterilere ulaşmak için, işinizle iletişim kurmaları için onları motive etmek için mevcut her kanaldan yararlanmanız gerekir.

Şu anda mobil cihazların web sitenizin trafiğinin neredeyse yarısını oluşturduğunu unutmayın , web siteniz WhatsApp sohbetlerinin en iyi kaynaklarından biri olabilir.

Web sitenize sohbet düğmesine basmanın basit ve çekici bir yolunu paylaşmak istiyoruz, bu, ziyaretçilerinizin tek bir tıklamayla sizinle iletişim kurmasını sağlar. Bunu yapmak için, web sitenizin koduna erişiminiz ve size yardımcı olması için temel web programlama bilgisi veya programcı bilgisine sahip olmalısınız.

Bileşenler

Bu sohbet için tıkla düğmesini oluşturmak için kullanacağız:

jQuery
Yüzen WhatsApp eklentisi : Rafael Botazini tarafından oluşturulan, bir masaüstü bilgisayardan çalıştırılıyorsa WhatsApp web ile veya bir mobil cihazdan kullanılıyorsa WhatsApp uygulamasıyla konuşmaya başlayacak kayan bir düğme oluşturmanıza olanak sağlayan bir JQuery eklentisi. Yüklemeniz gerekecek: floating-wpp.min.css, floating-wpp.min.js ve whatsapp.svg.
WhatsApp Business telefon numarası : Bu numara, WhatsApp Sohbet bağlantısını çalıştırmak için eklenti tarafından kullanılacaktır.
Bu kod açık kaynaklı bileşenler kullanıyor ve resmi WhatsApp veya Toky ürünleri değiller, bu nedenle yararlı kaynaklar olarak sağlanıyorlar ama uygulanmasına destek vermiyoruz.

WhatsApp sohbet için tıkla düğmesini web siteme nasıl ekleyebilirim?

Kütüphaneleri ve CSS'yi web sitenizin başlığına ekleyerek başlarız:

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>

<link rel="stylesheet" href="floating-wpp.min.css">

<script type="text/javascript" src="floating-wpp.min.js"></script>

Şimdi, WAButton ID ile bir div eklemelisiniz, buradaki eklentinin sohbet için tıkla düğmesini oluşturacağı yer.

<div id="WAButton"></div>

Önceki adımda eklediğimiz divde eklentinin kullanıldığı bir komut dosyası bloğu eklemelisiniz:

Bu kod aşağıdaki temel parametrelere sahiptir:

telefon : WhatsApp Business için kullandığınız telefon numarası.
position : Düğmenin "sola" mı, yoksa "sağa" mı görünmesini istediğinizi tanımlayın.
popupMessage : Açılan pencerede görünecek ve ziyaretçiyi sohbet başlatmaya davet eden mesaj.
showPopup : Mesaj açılır penceresinin etkin mi devre dışı mı olduğunu tanımlayın. Devre dışı bırakılırsa, sadece düğme belirir ve tıkladığınızda sohbete başlanır.
autoOpenTimeout : Eklentinin açılan pencereyi otomatik olarak açmak için beklemesi gereken milisaniye sayısı.
headerColor : Açılan pencerenin başlık çubuğunun arka plan rengi.
headerTitle : Açılan pencerenin başlığı
buttonImage : Bir <img> etiketinde görünmesini istediğiniz resim.
Size : CSS formatında düğme genişliği, varsayılan “72px”.
backgroundColor : Kayan düğme için arka plan rengi

Web Sitesine Sohbet İçin Bir WhatsApp düğmesi Ekleme

Sohbet için tıkla düğmesi doğru kurulursa, mobil cihazlarda şöyle görünecektir:

Bu düğmenin nasıl çalışacağını aşağıdaki jsFiddle'da görebilirsiniz . WhatsApp Business telefon numaranızı belirtilen alana eklemeniz yeterlidir:

Toky ile, WhatsApp Business'ı tarayıcınızdan kullanabilir, müşteri tarafından başlatılan konuşmaları verimli bir şekilde yönetebilir ve satışlarınızı ve müşteri hizmetlerinizi iyileştirebilecek doğrudan ve kişisel bir iletişim kanalına sahip olabilirsiniz. Ücretsiz Toky deneyin

Kaynak

https://blog.toky.co/add-a-whatsapp-click-to-chat-button-to-your-website/

3,505 Okunma Henüz yorum yapılmamış 11/12/2019 18:09:47

Yorumunuzu Ekleyin

jpg, gif, png türündeki resimleri seçmelisiniz

Web Sayfası Tasarım Hataları

Deneyimler neticesinde oluşturulmuş bir liste

26,330 Okunma Yorumsuz 15/12/2013 01:42:24

Web Tasarımı Yaparken Kullanılan Programlar

Her programcının ve her web tasarımcının kendi özel alet çantası olmakla birlikte , genel olarak web tasarımında kullanılan web tasarımcıların en çok tercih ettiği program isimlerini burada sizlerle paylaşağım.

41,784 Okunma Yorumsuz

Web Siteleri Nasıl Çalışır

Hosting ya da daha Türkçe karşılığıyla "Barındırma", web sayfalarınızı internet'te yayınlamak için gerekli alanın kiralanmasıdır. Diğer bir ifade ile, Hosting, bir web sitesinde yayınlanmak istenen sayfaların, resimlerin veya dokümanların internet kullanıcıları tarafından erişebileceği bir bilgisayarda tutulmasıdır.

22,530 Okunma Yorumsuz 15/03/2015 00:14:09

Bir Web Sitesinde Olması Gerekenler

Bir web sitesi tasarlarken aşağıdaki kurallara dikkat etmek gerekir.

24,563 Okunma Yorumsuz

Web Tasarımında Dikkat Edilmesi Gereken Temel İlkeler

Bir webmaster bir web sitesi tasarlarken aşağıdaki kurallara mutlaka dikkat eder.

43,655 Okunma 3 Yorum

Bulut Sunucu (Cloud Web Hosting) nedir?

15,229 Okunma Yorumsuz 30/12/2013 01:08:55

Basit Bir Photoshop ile Yapılmış Web Sayfası Nasıl Tasarlanır?

Hazır bir PSD dosyasına göre HTML ve CSS kodlarını yazmak

19,245 Okunma Yorumsuz 01/01/2014 18:14:07

Domain Nasıl Alınır?

onlinenic ve natro host firmalarından domain alımı için hesap oluşturma

15,535 Okunma Yorumsuz 12/02/2014 15:41:44

Domain ve Hosting Nedir?

Domain, Hosting ve Subdomain nedir?

16,270 Okunma Yorumsuz 15/02/2014 17:18:50

Reverse DNS ve PTR Kaydı

DNS türlerinden bir tanesi de PTR kaydıdır, RDNS(Reserve Domain Name System) olarak ta adlandırlır.

12,816 Okunma Yorumsuz 01/08/2020 14:18:37

Web Geliştirmede Kullanılan En İyi 5 Programlama Dili

Web Geliştirme! Bazılarını heyecanlandıran, bazılarını korkutan bir sözdür. Web geliştirmede kullanılan en iyi 5 programlama dili konusunda size rehberlik edeceğiz, böylece başlamak için hangi dilleri bilmeniz gerektiğini bileceksiniz. Bir geliştiricinin bir web sitesi tasarlamasına ve tasarımlara işlevsellik eklemesine yardımcı olan tüm programlama dillerinden bahsedeceğiz. Ana web geliştirme dillerine ve birbirleriyle karşılaştırıldığında nasıl durduklarına ayrıntılı bir şekilde bakalım.

669 Okunma Yorumsuz