Potansiyel Müşteri Yakalama Widget'ı
Nedir
Potansiyel Müşteri Yakalama Widget'ı, herhangi bir web sitesinde görünen küçük bir yüzen düğmedir. Bir ziyaretçi tıkladığında, adını, e-postasını, telefon numarasını ve mesajını isteyen bir form açılır. Formu gönderdiklerinde, LeadHub'da otomatik olarak yeni bir lead oluşturulur — ve kurduğunuz tüm otomasyonlar anında tetiklenir.
Bir JavaScript satırı eklemek dışında web sitenizin koduna dokunmanıza gerek yoktur.
Widget Oluşturma
Kenar çubuğundan Araçlar → Lead Widget'ları'na gidin ("Araçlar" olarak etiketlenmiş gezinme grubu altında görünebilir).
- Yeni Potansiyel Müşteri Yakalama Widget'ı'na tıklayın.
- Yapılandırmayı doldurun (aşağıya bakın).
- Kaydet'e tıklayın.
- Az önce oluşturduğunuz widget'ta Gömme Kodunu Al'a tıklayın.
- JavaScript snippet'ini kopyalayın ve web sitenize ekleyin.
Yapılandırma Seçenekleri
Widget Kimliği
| Alan | Ne İşe Yarar |
|---|---|
| Ad | Dahili etiket — yalnızca ekibiniz tarafından görülür, web sitesi ziyaretçileri tarafından görülmez |
| Başlık | Açılır formun içinde gösterilen ana başlık (örn. "İletişime Geçin") |
| Alt Başlık | Başlığın altındaki isteğe bağlı küçük metin |
| Düğme Metni | Gönder düğmesindeki metin (örn. "Mesaj Gönder") |
| Başarı Mesajı | Ziyaretçinin formu gönderdikten sonra gördüğü mesaj (örn. "Teşekkürler! Kısa sürede sizinle iletişime geçeceğiz.") |
Görünüm
| Alan | Ne İşe Yarar |
|---|---|
| Birincil Renk | Yüzen düğmenin ve gönder düğmesinin rengi |
| Metin Rengi | Düğmelerdeki metin rengi (genellikle beyaz) |
| Konum | Düğmenin ekranda göründüğü yer — Sağ Alt, Sol Alt, Sağ Üst veya Sol Üst |
Form Alanları
| Geçiş | Ne İşe Yarar |
|---|---|
| Telefon alanını göster | Formda telefon numarası giriş alanı gösterir |
| Telefonu zorunlu yap | Telefon alanını zorunlu hale getirir |
| Şirket alanını göster | Şirket adı giriş alanı gösterir |
| Mesaj alanını göster | Mesaj metin alanı gösterir |
| Mesajı zorunlu yap | Mesaj alanını zorunlu hale getirir |
Ad ve e-posta her zaman gösterilir ve her zaman zorunludur.
Lead Yönlendirme
Bu widget aracılığıyla gönderilen leadleri belirli bir pipeline ve aşamaya otomatik olarak yönlendirebilirsiniz:
- Leadleri pipeline'a yönlendir — yeni widget leadlerinin hangi pipeline'a düşeceğini seçin
- Başlangıç aşaması — o pipeline içinde hangi aşamadan başlayacaklarını seçin
Bunları boş bırakırsanız, lead pipeline ataması olmadan oluşturulur.
Aktif/Pasif
Widget aktif geçişi, widget'ı silmeden açıp kapatmanıza olanak tanır. Pasif olduğunda, gömme kodunu kullanan web sitelerinde yüzen düğme görünmez.
Gömme Kodunu Alma
Widget'ınızı kaydettikten sonra listede bulun ve Gömme Kodunu Al'a tıklayın.
Şuna benzer bir snippet göreceksiniz:
<script src="https://yourdomain.com/widget/abc123-uuid/loader.js" async></script>
Bu satırın tamamını kopyalayın. Web sitenize eklemeniz gereken tek şey budur.
Widget'ı Web Sitenize Ekleme
WordPress
- "Header Footer Code Manager" veya "Insert Headers and Footers" gibi bir eklenti yükleyin — WordPress eklenti dizininde herhangi birini arayın.
- Script etiketini "Footer" alanına yapıştırın.
- Kaydedin ve web sitenizi ziyaret edin — yüzen düğme görünür.
Alternatif olarak, WordPress temanızın altbilgi widget'ında "Özel HTML" alanı varsa scripti oraya yapıştırın.
Shopify
- Shopify yönetim panelinde Online Mağaza → Temalar'a gidin.
- Aktif temanızda Kodu Düzenle'ye tıklayın.
theme.liquiddosyasını açın.- Script etiketini
</body>etiketinin hemen öncesine yapıştırın. - Kaydet'e tıklayın.
Wix
- Wix Editörü'nde eleman eklemek için + düğmesine tıklayın.
- Göm → Özel Kod'u seçin.
- Script etiketini kod kutusuna yapıştırın.
- Body bölümünde yüklenecek şekilde ayarlayın.
- Uygulayın ve yayınlayın.
Squarespace
- Ayarlar → Gelişmiş → Kod Enjeksiyonu'na gidin.
- Script etiketini Footer kutusuna yapıştırın.
- Kaydedin. Widget tüm sayfalarda görünür.
Özel HTML Web Sitesi
HTML dosyanızdaki kapanış </body> etiketinden önce herhangi bir yere script etiketini yapıştırın:
<script src="https://yourdomain.com/widget/abc123/loader.js" async></script>
</body>
Gönderimler Nasıl İşlenir
- Ziyaretçi web sitenize gelir ve yüzen düğmeyi görür.
- Tıklar, bilgilerini doldurur ve Gönder'e basar.
- LeadHub gönderimi anında alır.
- Çalışma alanınızda ziyaretçinin bilgileriyle yeni bir lead oluşturulur.
- "Yeni Lead Alındı" ile tetiklenen tüm otomasyonlar hemen çalışır.
- Ziyaretçi başarı mesajınızı görür.
Her şey gerçek zamanlı olarak gerçekleşir. Hiçbir şeyi manuel olarak kontrol etmeniz gerekmez — yeni leadler lead listenizde otomatik olarak görünür.
Widget Analitiği
Lead Widget'ları liste sayfasında her widget şunu gösterir:
- Yakalanan Leadler — bu widget aracılığıyla gönderilen toplam lead sayısı
Bu sayede hangi widget'ların işe yaradığını ve hangilerinin yaramadığını bir bakışta görebilirsiniz.
Widget Görünümünü Özelleştirme
Tüm görünüm ayarları widget yapılandırma formundadır. Şunları değiştirebilirsiniz:
- Web sitenizin markasına uyacak renkler
- Web sitenizin mevcut sohbet veya çerez düğmeleriyle çakışmaması için düğme konumu
- Web sitenizin tonuna uyacak başlık ve alt başlık
Farklı yapılandırmalarla birden fazla widget oluşturabilirsiniz — örneğin, ana sayfanız için "Ücretsiz teklif alın" ve blogunuz için "Güncellemeler için abone olun" gibi.
Güvenlik
CORS (Çapraz Kaynak Kaynak Paylaşımı)
Widget varsayılan olarak herhangi bir web sitesinden gönderim kabul edebilir. Belirli bir widget aracılığıyla gönderim yapabilecek alanları kısıtlamak istiyorsanız, widget yapılandırmasındaki İzin Verilen Alanlar alanını ayarlayın. Alanınızı girin (örn. acmecorp.com) ve yalnızca o alandan gelen gönderimler kabul edilir.
Hız Sınırlama
LeadHub, tek bir ziyaretçinin kısa bir sürede kaç gönderim yapabileceğini otomatik olarak sınırlar. Bu, otomatik botların lead listenizi gereksiz girişlerle doldurmasını önler.