--- title: "Web siteniz için WhatsApp sohbet butonu" description: "Web siteniz için yüzen bir WhatsApp sohbet butonu oluşturun: renk, konum, karşılama ve gecikmeyi seçin, canlı önizleyin ve hafif kodu kopyalayın. Ücretsiz." canonical: "https://omnichannels.ai/tr/tools/whatsapp-chat-button/" language: "tr" updated: "2026-10-10" publisher: "BroadNet Technologies" brand: "OmniChannels.ai" --- # Web siteniz için WhatsApp sohbet butonu Canonical: https://omnichannels.ai/tr/tools/whatsapp-chat-button/ Language: tr Publisher: OmniChannels.ai by BroadNet Technologies WhatsApp sohbet butonu, bir web sitesinde tıklandığında işletmeyle bir WhatsApp sohbeti açan küçük yüzen bir butondur. https://wa.me/ adresine işletme numarası ve isteğe bağlı önceden doldurulmuş bir mesaj eklenmiş bir bağlantıdır; sayfanın bir köşesinde simge olarak biçimlendirilir. Ziyaretçiler, form doldurmadan ve numarayı kaydetmeden sohbeti kendi telefonlarında veya WhatsApp Web'de başlatır. ## Web sitenize WhatsApp butonu nasıl eklenir 1. **Numaranızı ve mesajınızı girin:** Ülkeyi seçin, WhatsApp numaranızı yazın ve ziyaretçilerin göndereceği mesajı belirleyin; örneğin bir siparişle ilgili soru. 2. **Butonu biçimlendirin:** Köşeyi, rengi, karşılama balonunu, cihazları ve bir gecikmeyi seçin. Canlı önizleme butonu masaüstü ve mobilde örnek bir sayfada gösterir. 3. **Kodu kopyalayın:** Kodu kopyalayın. Harici istek, çerez veya izleme içermeyen birkaç kilobaytlık HTML, CSS ve JavaScript'tir. 4. ** öncesine yapıştırın:** WordPress, Shopify, Wix veya düz HTML adımlarını izleyin, yayımlayın ve butonu telefonda ve bilgisayarda test edin. ## Oluşturulan kod ne yapar Kod, sayfalarınızın alt köşesine sabit konumlu tek bir bağlantı ekler. Bağlantı, WhatsApp'ın yardım sayfasında (faq.whatsapp.com/5913398998672934) belgelediği biçimde standart bir tıkla-sohbet URL'sidir: https://wa.me/ artı tam uluslararası numaranız ve isterseniz URL kodlu bir mesajla ?text=. Telefonlarda WhatsApp uygulamasını, bilgisayarlarda WhatsApp Web'i veya masaüstü uygulamayı açar. Her şey satır içidir: WhatsApp simgesi bir SVG yoludur, stiller tek bir sınıf önekiyle kapsamlanır ve betik, gecikmeyi ve kapatılabilir karşılamayı yöneten birkaç satırdır. Harici betik, yazı tipi, görsel veya çerez yoktur; bu yüzden buton sayfanızı yavaşlatmaz ve üçüncü taraf izleyici eklemez. ## Tasarımdan erişilebilir ve sağdan sola uyumlu Yüzen butonlar çoğu zaman yalnızca simgeden oluşur ve bu, ekran okuyucu kullanıcılarını tahmine bırakır. Oluşturulan bağlantıda sizin belirleyebildiğiniz bir aria-label (varsayılan olarak "Bizimle WhatsApp'ta sohbet edin"), klavye kullanıcıları için görünür bir odak çerçevesi ve yardımcı teknolojiden gizlenmiş dekoratif bir simge bulunur. Karşılamanın kendi etiketine sahip gerçek bir kapatma butonu vardır. Cihazını hareketi azaltacak şekilde ayarlayan ziyaretçiler, butonu kayarak girme animasyonu veya üzerine gelince yakınlaştırma olmadan görür. Karşılama otomatik metin yönü ve mantıksal CSS özellikleri kullanır; böylece Arapça ve sağdan sola yazılan diğer metinler doğru yerleşir ve sağdan sola siteler için butonu sol alta yerleştirebilirsiniz. - Net bir erişilebilir ada sahip, klavyeyle ulaşılabilir bağlantı. - prefers-reduced-motion tercihine uyar. - Yazdırırken gizlenir ve cihaz türüne göre isteğe bağlıdır. - Karşılamanın kapatılması ziyaret boyunca çerezsiz hatırlanır. ## Renk, konum ve zamanlamayı seçmek Soldan sağa yazılan sitelerde sağ alt gelenektir, Arapça sitelere ise çoğunlukla sol alt uyar; ancak butonun bir çerez bannerını, bir chatbot başlatıcısını veya mobil ödeme çubuğunu örtmediğinden emin olun. WhatsApp yeşili (#25D366) anında tanınır; beyaz simgeyle kontrastı yaklaşık 2:1'dir. Erişilebilirlik en önemliyse #128C7E gibi daha koyu bir yeşil yaklaşık 4:1 verir. Birkaç saniyelik bir gecikme, ziyaretçilere buton belirmeden önce sayfayı okuma fırsatı verir; ekibiniz telefonlardan yanıt veriyorsa yalnızca mobilde göstermek mantıklı bir tercihtir. Karşılamayı tek kısa ve belirli bir satırda tutun; örneğin "Teslimatla ilgili sorularınız mı var? Bizimle sohbet edin." ## Resmî Chat on WhatsApp butonu ve marka kuralları WhatsApp ayrıca yeşil ve beyaz, üç boyutlu markalı bir "Chat on WhatsApp" butonu yayımlar ve işletmelerden onu değiştirmeden kullanmalarını ister. WhatsApp yardım merkezine göre şu anda yalnızca İngilizce olarak sunulmaktadır. Bu aracın yüzen simge butonu farklı, kompakt bir kalıptır; hangisini kullanırsanız kullanın WhatsApp logosunun kendisini değiştirmeyin ve WhatsApp'ın işletmenizi onayladığını ima etmeyin. ## Tek telefon artık yetmediğinde Bir web sitesi butonu gelen sohbetleri hızla çoğaltabilir. WhatsApp Business uygulamasında konuşmalar sınırlı sayıda bağlı cihazda yaşar. WhatsApp Business Platform'da (API) aynı wa.me bağlantısı ortak bir ekip gelen kutusunu besleyebilir; burada sohbetler temsilcilere atanır, önce chatbotlar veya yapay zeka asistanları tarafından yanıtlanır ve 24 saatlik müşteri hizmetleri penceresi kapandıktan sonra onaylı şablonlarla takip edilir. Kimin, hangi saatlerde ve ne kadar hızlı yanıtlayacağını planlayın. Sohbetleri günün her saati karşılamıyorsanız yanıt saatlerinizi karşılama mesajında belirtin. ## WhatsApp web sitesi butonu soruları ### Web siteme WhatsApp butonu nasıl eklerim? Yukarıda numaranız ve mesajınızla kodu oluşturun, kopyalayın ve sitenizin kapanış etiketinden hemen önceye ya da site oluşturucunuzun altbilgi kod alanına yapıştırın. Ardından her sayfada görünür. ### Bu WhatsApp sohbet widget'ı ücretsiz mi? Evet. Oluşturucu ve kod ücretsizdir, hesap gerektirmez ve kullanım sınırı yoktur. Buton doğrudan WhatsApp'a bağlanır; arkasında abonelik veya barındırılan bir betik yoktur. ### WhatsApp butonu web sitemi yavaşlatır mı? Hayır. Kod, birkaç kilobaytlık satır içi HTML, CSS ve JavaScript'tir ve bir ziyaretçi tıklayana kadar ağ isteği yapmaz; harici betik, yazı tipi ve izleyici yükleyen widget'lardan farklıdır. ### WordPress'e WhatsApp butonu nasıl eklerim? WPCode gibi bir başlık ve altbilgi kodu eklentisi kullanın ve kodu altbilgi bölümüne yapıştırın; blok tema kullanıyorsanız altbilgi şablonunuzdaki bir Özel HTML bloğuna ekleyin. Önbelleği temizleyin ve test edin. ### Shopify'a WhatsApp butonu nasıl eklerim? Shopify yönetiminde Online Store, Themes, ardından canlı temanızda Edit code seçeneğini açın. layout/theme.liquid dosyasını açıp kodu öncesine yapıştırın, kaydedin ve mağazanızı mobilde kontrol edin. ### WhatsApp butonunu yalnızca mobilde gösterebilir miyim? Evet. Oluşturucuda Masaüstü seçeneğinin işaretini kaldırırsanız buton 768 piksel ve üzeri genişlikteki ekranlarda gizlenir. Yalnızca masaüstünde göstermek için Mobil işaretini de kaldırabilirsiniz. ### Web sitesi butonundan gelen sohbetleri birden çok temsilci yanıtlayabilir mi? Tek bir telefondan iyi olmaz. Numarayı WhatsApp Business API'ye bağlayın ve sohbetleri, birden çok temsilcinin ve chatbotun aynı numarayı yanıtlayabildiği ortak bir ekip gelen kutusuna yönlendirin.