Canlı önizleme
Kopyalayacağınız kodun tam hâli siz düzenlerken örnek bir sayfada gösterilir.
Web siteleri için ücretsiz WhatsApp sohbet butonu
Web siteniz için WhatsApp widget oluşturucu
Yüzen bir WhatsApp sohbet butonu tasarlayın, örnek bir sayfada canlı görün ve küçük bir HTML parçasını kopyalayın. WordPress, Shopify, Wix, Squarespace, Webflow veya elle kodlanmış sitelerde çalışır; eklenti, harici betik ve ziyaretçi takibi yoktur.
Ülke kodunu ekleyin. Boşluk, tire ve baştaki + sorun değildir.
Ziyaretçi bu metni WhatsApp'ta görür ve göndermeden önce düzenleyebilir. Hiçbir şey otomatik gönderilmez.
Gömme kodu: </body> etiketinden önce yapıştırın
Gömme kodunu oluşturmak için bir WhatsApp numarası girin.
Ücretsiz, kayıt gerekmez. Tarayıcınızda oluşturulur; yazdığınız hiçbir şey MyChatWrap'e gönderilmez.
WhatsApp web sitesi widget'ı nedir?
WhatsApp widget'ı, sitenizin köşesine sabitlenen ve tıklandığında işletmenizle WhatsApp sohbeti açan bir butondur. Bu oluşturucu saf HTML ve CSS üretir: isteğe bağlı karşılama balonuyla stillendirilmiş bir wa.me bağlantısı. Başka bir sunucudan hiçbir şey yüklenmediği için neredeyse hiç yer kaplamaz, sitenizi yavaşlatamaz ve çerez bildirimi gerektirmez.
Tamamen sizin kontrolünüzde hafif bir sohbet butonu
Betik ve takip yok
Yaklaşık 1 KB saf HTML ve CSS; üçüncü taraf istek veya çerez yok.
Özel metin ve renk
"Bize yazın" gibi bir etiket ya da marka renginizde yalnızca simgeli yuvarlak bir buton kullanın.
Karşılama balonu
Butonun üzerindeki isteğe bağlı bir mesaj ziyaretçileri sohbete davet eder.
Mobil uyumlu
İsterseniz telefonlarda yalnızca simgeye dönüşerek içeriği kapatmaz.
Varsayılan olarak erişilebilir
Klavye odak stilleri ve ekran okuyucu etiketi dahildir.
Web sitenize WhatsApp nasıl eklenir
1. Numaranızı girin
WhatsApp veya WhatsApp Business numaranızı ülke koduyla ekleyin.
2. Butonu tasarlayın
Metni, karşılamayı, rengi, konumu ve hazır mesajı belirleyin.
3. Kodu yapıştırın
Kod parçasını kopyalayın ve sitenizde </body> etiketinin hemen öncesine yapıştırın.
Kod nereye yapıştırılır
Kod parçasını her sayfada yüklenen bir yere bir kez yapıştırın:
- WordPress: bir header/footer kod eklentisi veya temanızın footer.php dosyasında </body> öncesi
- Shopify: Online Mağaza → Temalar → Kodu düzenle → theme.liquid, </body> öncesi
- Wix: Ayarlar → Özel Kod → Body sonu, tüm sayfalarda
- Squarespace: Ayarlar → Gelişmiş → Kod Ekleme → Altbilgi
- Webflow: Proje ayarları → Custom code → Footer code
- Herhangi bir HTML sitesi: kapanış </body> etiketinin hemen öncesi
Neden saf HTML widget?
Çoğu sohbet eklentisi her sayfa görüntülemesinde başka bir şirketin sunucusundan JavaScript yükler. Bu sayfayı ağırlaştırır, takip çerezleri yerleştirebilir ve hizmet planlarını değiştirirse çalışmayı durdurur. Bu kod parçası stillendirilmiş bir bağlantıdır: sayfanız açılıyorsa buton çalışır.
Bunun karşılığında yerleşik tıklama istatistiği yoktur. Widget'tan gelen sohbetleri ayırt etmek için "Merhaba, sitenizden geliyorum" gibi ayrı bir hazır mesaj kullanın.
Butonun sonuç getirmesi için
Yalnızca simge göstermek yerine ne olacağını söyleyin ("Bize yazın", "Soru sorun"), karşılamayı kısa ve samimi tutun ve ziyaretçi boş bir kutuyla karşılaşmasın diye hazır mesaj ekleyin. Telefonlarda yalnızca simgeli buton ürün fotoğraflarını veya ödeme butonlarını kapatmaz.
Bu araç ne yapar
- Saf HTML/CSS ile yüzen bir WhatsApp butonu üretir
- Kod parçasının tam hâlini canlı önizler
- Metin, renk, karşılama, konum ve mobil seçenekleri destekler
- Yayınlamadan önce numaranızı doğrular
Neleri yapamaz
- Canlı sohbet, sohbet botu veya ortak ekip gelen kutusu sunmak
- Tıklamaları veya ziyaretçileri saymak; bilerek takip yoktur
- Kendini kurmak; kod parçasını sitenize siz yapıştırırsınız
Tarayıcınızda gizli olarak oluşturulur
Bu sayfadaki her şey tarayıcınızda oluşturulur. Yazdığınız numara, mesaj ve ayarlar MyChatWrap'e gönderilmez ve hiçbir yerde saklanmaz. Cihazınızdan yalnızca kendiniz kopyalamayı, indirmeyi veya yayınlamayı seçtiğiniz şeyler çıkar.
WhatsApp widget'ı hakkında sorular
İlgili WhatsApp araçları
WhatsApp Bağlantı Oluşturucu
Hazır mesajlı, kopyalanmaya hazır wa.me tek tıkla sohbet bağlantısı oluşturun.
WhatsApp QR Kod Oluşturucu
Özel renklerle, PNG veya baskıya hazır SVG olarak tara-ve-yaz WhatsApp QR kodu oluşturun.
WhatsApp Mesaj Şablonları
Sipariş, hatırlatma, kampanya ve daha fazlası için hazır WhatsApp Business mesajlarını doldurun.
WhatsApp to PDF
Tüm mesajlar mı gerekli? Eksiksiz kronolojik bir PDF dökümü oluşturun.
Müşterilerinizle zaten WhatsApp'tan mı konuşuyorsunuz?
Bir müşteri veya ekip sohbetini dışa aktarın; yanıt sürelerini, en yoğun saatleri, sohbeti kimin başlattığını ve daha fazlasını tarayıcınızda gizlice analiz edin.
WhatsApp sohbetini analiz et