Webflow'a WhatsApp Butonu Nasıl Eklenir (Ücretsiz — Uygulama Gerekmiyor)
Webflow üzerinde çalışıyorsunuz çünkü kontrol sahibi olmak istiyorsunuz — temiz etkileşimler, tam tasarım, yerini hak etmeyen hiçbir şey eklenmemeli. Bir WhatsApp düğmesi bu felsefeye uymalı: ağır entegrasyon yok, müşterilerinizi yöneten üçüncü taraf bir uygulama yok, sadece sitenizden numaranızla gerçek bir WhatsApp sohbetine tek dokunuş.
İşte yaklaşık iki dakika içinde herhangi bir Webflow sitesine kayan bir WhatsApp düğmesi eklemenin yolu — Webflow uygulaması yok, hesap yok, aylık ücret yok.
Hızlı yol: ücretsiz Webflow için WhatsApp düğmesi oluşturucu, numaranızı girin, bir stil seçin, kodu kopyalayın ve Site ayarları → Özel kod → Altbilgi koduiçine yapıştırın. Tüm kurulum bu kadar.
Webflow sitenize neden bir WhatsApp düğmesi eklemelisiniz
- Sohbet, formların tereddüt ettiği yerlerde dönüşüm sağlar. Bir ziyaretçi karar aşamasındayken — fiyat, uygunluk, özel istek — düşündükleri bir form yerine WhatsApp üzerinden daha hızlı cevap alır.
- WhatsApp, müşterilerinizin bulunduğu yerdir. Milyarlarca insan için telefondaki en çok kullanılan uygulamadır; buton onları orada karşılar.
- Cevaplar telefonunuza gelir. Buton, numaranız ve önceden doldurulmuş bir mesaj ile WhatsApp'ı açar — hareket halindeyken bile her yerden saniyeler içinde yanıt verin.
- Yapınızla uyumlu çalışır. Sohbetler önce doğrudan size gelir; aynı numarayı daha sonra AI yanıtları ve paylaşılan bir ekip gelen kutusu için The Tech Pad'e bağlayın.
Ücretsiz oluşturucuyla elde ettikleriniz
The Webflow WhatsApp buton oluşturucu size gerçek bir kayan buton verir:
- 8 sadece WhatsApp stilleri — resmi WhatsApp logosu ve marka renk kabuklarındaki baloncuk işaretleri (yeşil, koyu yeşil, beyaz, teal)
- Numaranız + önceden doldurulmuş mesaj — ziyaretçilerin gördüğü ilk mesajı ayarlayın
- Şekil, boyut ve konum — yuvarlak veya kare, sol veya sağ, her boyutta
- Canlı önizleme — herhangi bir şeyi kopyalamadan önce tam düğmeyi görün
- Hesap yok, API anahtarı yok, ücret yok — sonsuza kadar ücretsiz
| Özellik | Ücretsiz düğme | The Tech Pad yükseltmesi |
|---|---|---|
| Ziyaretçiler, numaranızla WhatsApp sohbeti başlatır | ✅ | ✅ |
| Sadece WhatsApp stilleri + canlı önizleme | ✅ | ✅ |
| Yapay zekâ müşterinin dilinde 7/24 yanıt verir | — | ✅ |
| WhatsApp + web sitesi sohbeti için tek bir ekip gelen kutusu | — | ✅ |
| Resmî WhatsApp Business (Meta) API | — | ✅ |
| Fiyat | Sonsuza kadar ücretsiz | Başlamak ücretsiz |
Butonu Webflow'a 3 adımda ekleyin
- Kodunuzu oluşturun. Aç ücretsiz oluşturucu, ülke kodu ile birlikte WhatsApp numaranızı girin (sadece rakamlar, örn.
919876543210), bir stil seçin ve tıklayın Kodu kopyala. - Özel kodu açın. Webflow tasarımcısında basın W (veya tıklayın W logo sol üstte) ve aç Özel kod.
- Altbilgi koduna yapıştırın ve yayınlayın. Kodu Altbilgi kodu kutu — her sayfada, kapanış body etiketinden hemen önce yüklenir — tıklayın Değişiklikleri kaydet, sonra Yayınla.
Kod, asenkron olarak yüklenen küçük bir script etiketi olduğundan, sitenizi yavaşlatmaz:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Ne zaman canlı olur? Özel kod, Webflow Site planında (giriş ücretli kademesi dahil) sitenizi yayınladığınızda uygulanır. Ücretsiz sahneleme alan adında önizleme amaçlı olarak render edilir — yayınlayın ve ziyaretçileriniz butonu görür.
Neden Webflow uygulaması yerine kod?
Webflow uygulamaları ve entegrasyonları gerçek güç katar, ancak tek bir kayan WhatsApp butonu buna ihtiyaç duymaz: marketplace kurulumu yok, izin istemeleri yok, abonelik yok. Kod yolu onu hafif tutar:
- Yüklenecek veya onaylanacak hiçbir şey yok — sadece Özel kod ve Bir Yayınlama tıklaması
- Sizin numaranız, sizin kurallarınız — sohbetler üçüncü taraf bir gelen kutusuna değil, seçtiğiniz WhatsApp numarasına gider
- Aynı kod başka yerlerde de çalışıyor — bir Shopify, Squarespace, Blogger, HubSpot veya Wix sitenin de çalıştırılması? Her birinin kendi üretici sayfası ve yapıştırma adımları vardır.
Düğmenin senin için cevap vermesini mi istiyorsun?
Bir buton ilk adımdır — sonraki adım anında yanıt vermek, hatta meşgul veya uyuyor olsanız bile. The Tech Pad aynı WhatsApp numarasını 7/24 AI asistanına dönüştürür:
- AI anında cevap verir Sitenizden ve ürün sayfalarınızdan — müşterinizin dilinde
- Paylaşılan bir takım gelen kutusu WhatsApp sohbetleri, web sitesi sohbeti ve bildirimler için
- Resmi WhatsApp Business API kendi Meta doğrulanmış numaranla
- Başlamak ücretsiz, kredi kartı gerekmiyor — bağlanmak için thetechpad.com
Bugün iki dakikada Webflow’da canlı bir WhatsApp butonunuz olur. Daha sonra The Tech Pad eklemek, onun sizin yerinize yanıt vermesini sağlar.