Papo sohbet widget'ını (https://papo.global/) statik bir HTML sitesine kurmak için panelde oluşturulan snippet'i kopyalayın ve doğrudan kaynak koduna, </body> etiketinden önce, sohbetin görünmesini istediğiniz tüm sayfalara yapıştırın. Renk ve karşılama mesajı kişiselleştirmesi tamamen panelden yapılır, HTML'i değiştirmeniz gerekmez.
| Adım | İşlem | Ayrıntı |
|---|---|---|
| 1. Gelen kutusu oluşturun | Ayarlar → Gelen kutuları → Kutu ekle → Web sitesi yolunu izleyin. | Bir ad verin ve sitenin URL'sini girin (yalnızca tanımlama için kullanılır). |
| 2. Snippet'i kopyalayın | Panel, size özel bir <script> bloğu oluşturur. |
Görüntülenen kodun tamamını kopyalayın. |
| 3. HTML'e yapıştırın | Sitenin dosyasını açın ve snippet'i </body> kapanış etiketinden hemen önce yapıştırın. |
Sohbetin görünmesini istediğiniz her sayfada tekrarlayın. Bir şablon kullanıyorsanız ortak footer'a ekleyin. |
| 4. Renkleri ve mesajı kişiselleştirin | Panelde ana rengi ayarlayın ve proaktif bir karşılama yazın. | Değişiklikler kodla oynamadan widget'ta otomatik olarak geçerli olur. |
| 5. Temsilcileri ilişkilendirin | Aynı kutuda en az bir temsilci ekleyin. | Temsilci yoksa konuşmalar yönlendirilmez ve widget yüklenmeyebilir. |
| 6. Test edin | Siteyi ziyaret edin, sohbet simgesinin görünüp görünmediğini kontrol edin ve bir mesaj gönderin. | Test konuşması Papo gelen kutusunda görünür ve lead yakalamanın çalıştığını doğrular. |
Statik bir HTML sitesine widget nasıl kurulur
-
Web sitesi türünde gelen kutusu oluşturun
Papo panelinde Ayarlar → Gelen kutuları bölümüne gidin, Kutu ekle'ye tıklayın ve Web sitesi'ni seçin. Bir ad (örn. "Site sohbeti") ve sitenin URL'sini girin (bu, çalışmayı etkilemez, yalnızca kanalı tanımlamaya yardımcı olur). Herhangi bir eklenti kurmanız gerekmez; süreç, HTML dosyaları sunan her site için aynıdır. -
Oluşturulan snippet'i kopyalayın
Kutuyu oluşturduktan sonra panel size özel bir JavaScript kodu gösterir.<script>...</script>bloğunun tamamını kopyalayın. -
Snippet'i HTML'e yapıştırın
Sayfanın HTML dosyasını (örneğinindex.html) açın ve kodu</body>etiketinden hemen önce ekleyin. Bunu sohbeti göstermek istediğiniz her sayfada yapın. Siteniz ortak bir footer veya header dosyası kullanıyorsa (includeveya PHP ile), snippet'i bu tek dosyaya eklemeniz widget'ı tüm sitede etkinleştirir.Kodda konumlandırma örneği:
<body> <!-- sayfa içeriği --> <script src="https://app.papo.global/..."></script> </body>Arka uç bilgisi gerekmez; widget ziyaretçinin tarayıcısında çalışır.
-
Kutuya temsilci ilişkilendirin
Panele dönün, aynı gelen kutusunda en az bir temsilci ekleyin. Bağlı bir temsilci yoksa kutu görevlisiz kalır ve widget görüntülenmeyebilir. Yalnızca bir temsilciniz varsa ilişkilendirme otomatik yapılır; ekiplerde sorumlu üyeleri seçin.
Renk ve karşılama mesajı kişiselleştirmesi
Snippet'i yapıştırdıktan sonra, kodu değiştirmeden widget'ın görünümünü kişiselleştirebilirsiniz:
- Ana renk: Panelde, kutunun ayarları içinde sitenin görsel kimliğine uyan rengi seçin. Değişiklik anında yansır.
- Karşılama mesajı: Proaktif karşılamayı etkinleştirin ve birkaç saniye sonra otomatik olarak görünecek bir metin yazın. Etkili örnekler: "Merhaba! Nasıl yardımcı olabiliriz?" veya "Siparişinizle ilgili yardıma mı ihtiyacınız var?".
Bu seçenekler kutuyu oluşturduğunuz yerde bulunur. Her değişiklik, yeni bir snippet kopyalamanıza gerek kalmadan widget'a uygulanır.
Lead yakalama nasıl test edilir
- Siteyi gizli bir pencerede açın (önbellekten kaçınmak için) ve sohbet simgesinin ekranın köşesinde görünüp görünmediğini kontrol edin.
- Simgeye tıklayın ve bir test mesajı gönderin (örneğin, "Daha fazla bilgi istiyorum").
- Papo panelinde sitenin gelen kutusuna gidin ve konuşmanın göründüğünü doğrulayın. Kişi otomatik olarak CRM'e kaydedilir ve panelden yanıt verebilirsiniz.
Mesaj ulaşmazsa snippet'in </body> etiketinden önce olup olmadığını, gelen kutusunun etkin olup olmadığını ve en az bir temsilcinin ilişkilendirilmiş olup olmadığını kontrol edin. Script engelleyiciler yüklemeyi engelleyebilir; etkin uzantılar olmadan da test edin.
Kimler için uygun
- Profesyonel bir sohbete ihtiyaç duyan CMS'siz (WordPress, Shopify) statik HTML siteleri.
- Hızlı iletişimin dönüşümü artırdığı açılış sayfaları ve portfolyolar.
- Widget'ı daha büyük platformlara entegre etmeden önce test eden geliştiriciler.
- Basit bir siteyi koruyan ve karmaşık sistemler kurmadan lead yakalamak isteyen küçük işletmeler.
Sıkça sorulan sorular
Widget'ı kullanmak için arka uç sunucusuna ihtiyacım var mı?
Hayır. Widget, tarayıcıda çalışan JavaScript tabanlıdır. Snippet'i HTML'e yapıştırmanız yeterlidir ve sohbet çalışır.
Snippet her sayfaya kopyalanmalı mı?
Evet, sohbetin görünmesini istediğiniz her sayfaya. Siteniz ortak bir footer dosyası kullanıyorsa, snippet'i oraya bir kez koymanız widget'ı tüm sitede etkinleştirir.
Kurulumdan sonra renkleri kişiselleştirebilir miyim?
Evet, renk ve karşılama mesajı metni değişiklikleri Papo panelinden yapılır ve kodunuzu değiştirmenize gerek kalmadan widget'ta otomatik olarak görünür.
Widget sitede görünmezse ne yapmalıyım?
Snippet'in </body> etiketinden önce eklenip eklenmediğini, gelen kutusunun etkin ve temsilcilerin ilişkilendirilmiş olup olmadığını ve tarayıcıda script engelleyici olup olmadığını kontrol edin. Sitenin önbelleğini temizlemek de yardımcı olur.
Her farklı site için snippet'i yeniden oluşturmam gerekiyor mu?
Evet. Her gelen kutusu özel bir script oluşturur. Birden fazla alan adınız varsa (örn. kurumsal site ve ayrı bir açılış sayfası), her biri için bir kutu oluşturun ve ilgili snippet'i kullanın.
Widget sitenin performansını etkiler mi?
Yükleme asenkron olarak gerçekleşir ve sayfanın oluşturulmasını engellemez. Widget dosyası hafiftir ve yalnızca gerektiğinde yüklenir.
Ayrıca okuyun
İlk kullanıcı sonsuza kadar ücretsizdir — Papo widget'ını statik sitenize dakikalar içinde, kredi kartı gerekmeden kurabilir ve hemen lead yakalamaya başlayabilirsiniz.