PintellyPintelly

Webflow'a Geri Bildirim Widget'ı Ekleme

Pintelly, tek bir script etiketiyle Webflow sitesine görsel geri bildirim butonu, analitik ve isteğe bağlı oturum kaydı ekler. Ajansların Webflow projelerinde müşteri geri bildirimini hem staging alan adında hem de yayından sonra toplamak için sık kullandığı bir yöntemdir.

Başlamadan önce siteyi Pintelly'de proje olarak ekleyin ve kurulum kodunu Proje Ayarları'ndan kopyalayın. Kod şuna benzer:

<script
  type="module"
  src="https://pintelly.com/cdn/feedback-module.es.js"
  data-backend="https://pintelly.com"
  crossorigin="anonymous"
></script>

Script'i site geneline ekleyin

  1. Siteyi Webflow'da açın ve Site settings → Custom code bölümüne gidin.
  2. Pintelly kodunu Head code alanına yapıştırın.
  3. Save changes'e, sonra siteyi Publish'e tıklayın.

Webflow özel kodu Designer içinde değil, yalnızca yayınlanan sitede çalıştırır. Site geneli özel kod, ücretli bir site planı ya da bunu içeren bir workspace planı gerektirir.

Staging ve canlı site

Bir Pintelly projesi tek bir alan adına aittir. Müşteriler projeyi webflow.io staging alan adında inceliyorsa o alan adını ayrı bir proje olarak ekleyip onun kodunu kurun, yayında kendi alan adınızın projesine geçin.

Yalnızca bazı sayfalarda

Widget'ı yalnızca belirli sayfalarda yüklemek için site geneli ayarı boş bırakın ve kodu her sayfanın Page settings → Custom code → Inside <head> tag alanına yapıştırın.

Çalıştığını kontrol edin

  1. Canlı siteyi gizli pencerede açın; böylece önbellek veya oturum açık hali değişikliği gizlemez.
  2. Sayfanın köşesinde geri bildirim butonu görünmeli. Tıklayın, herhangi bir öğeye yorum iğneleyin ve gönderin.
  3. Projeyi Pintelly'de açın. Geri bildirim ekran görüntüsüyle orada olmalı, ziyaret de bir dakika içinde Analitik altında görünmeli.

Buton görünmüyorsa tarayıcı konsolunu açın. Content Security Policy hatası, sitenizin script-src ve connect-src içinde https://pintelly.com adresine izin vermesi gerektiği anlamına gelir. Hata yoksa bir önbellek veya script optimizasyon katmanı eski sayfayı sunuyor olabilir: temizleyip yeniden yükleyin.

Sonra: widget görünürlüğünü, görünümünü ve onay yönetimini Proje Ayarları'ndan seçin. Çerez banner'ı kullanıyorsanız Onay Yönetimi sayfasına bakın.