Örnekler

Sık kullanılan script örnekleri. Hepsi kendi sitenize uyarlanmalıdır — seçiciler sizin temanıza göre değişir.

Ürün sayfasına bilgi kutusu

(function () {
  if (window.__kargoKutusu) return;
  window.__kargoKutusu = true;

  const hedef = document.querySelector('.product-price');
  if (!hedef) return;

  const kutu = document.createElement('div');
  kutu.className = 'sw-kargo-kutusu';
  kutu.textContent = '500 TL üzeri kargo bedava';
  hedef.insertAdjacentElement('afterend', kutu);
})();

.sw-kargo-kutusu {
  background: var(--selwise-surface-alt, #f6f6f6);
  border-radius: var(--selwise-radius-sm, 4px);
  color: var(--selwise-text, #111);
  font-size: 13px;
  margin-top: 8px;
  padding: 8px 12px;
}

Zamanlama: domReady. Hedefleme: ürün sayfası yolu.

Selwise'e özel olay gönderme

Sitenizde Selwise'in otomatik yakalamadığı bir etkileşim varsa:

document.addEventListener('click', function (e) {
  const btn = e.target.closest('.beden-tablosu-ac');
  if (!btn) return;
  window.Selwise?.track('size_guide_open', {
    productItemCode: btn.dataset.sku,
  });
});

Zamanlama: domReady. Olay adları: Event Referansı.

Kendi çerez banner'ınızın kararını iletmek

window.addEventListener('benim-consent-karari', function (e) {
  window.Selwise?.setConsent({
    analytics: e.detail.analytics,
    marketing: e.detail.marketing,
  });
});

Ayrıntı: Onay Yönetimi.

Modal'ı kendi butonunuzdan açmak

Modal widget'ının tetikleyicisini custom_event yaptıysanız:

document.addEventListener('click', function (e) {
  if (!e.target.closest('.kampanya-ac')) return;
  window.dispatchEvent(new CustomEvent('selwise:open-modal'));
});

Ayrıntı: Modal.

Yapmayın

Yapmayın	Neden
Dış script yüklemek	Sayfa hızını ve güvenliği etkiler; sitenizin kendi altyapısına ekleyin
Sayfa içeriğini büyük ölçüde değiştirmek	Bakımı zorlaşır, tema güncellemesinde kırılır
document.write	Sayfayı bozar
Sonsuz döngü veya ağır işlem	Sayfayı kilitler