Shopify'a Geri Bildirim Widget'ı Ekleme

Pintelly, tek bir script etiketiyle Shopify temasına görsel geri bildirim butonu ve mağaza analitiği ekler. Müşterileriniz ve ekibiniz herhangi bir ürün sayfasına ekran görüntülü yorum iğneleyebilir.

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 temanıza ekleyin

1. Shopify yönetiminde Online Mağaza → Temalar bölümüne gidin.
2. Canlı temanızın yanındaki … menüsünü açıp Kodu düzenle'yi seçin.
3. Layout altında theme.liquid dosyasını açın.
4. Pintelly kodunu </head> etiketinin hemen önüne yapıştırıp Kaydet'e tıklayın.

Yayınlanmamış bir kopyada denemek isterseniz önce temayı çoğaltın. Yayınlamadan önce widget'ı temanın Önizleme'siyle kontrol edin.

Neleri kapsar

theme.liquid, temanızın oluşturduğu mağaza sayfalarını sarar: ana sayfa, koleksiyonlar, ürünler, sepet, sayfalar ve blog. Shopify'ın kendi ödeme sayfaları tema kodunu yüklemez, bu yüzden widget orada görünmez.

Temayı değiştirdiğinizde

Script temanın içinde durduğu için yeni kurulan bir temada yoktur. Yeni temayı yayınlamadan önce yukarıdaki adımları onda da tekrarlayı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.