Genel Bakis

Ürün Zenginleştirme, belirli ürünlerin detay sayfasına kendi hazırladığınız içeriği eklemenizi sağlar. Bir beden tablosu, ürüne özel bir SSS bölümü, kumaş bakım talimatları, teknik özellik listesi — temanıza dokunmadan, yalnızca ilgili ürünlerde.

İki parçadan oluşur:

• Blok — içeriğin kendisi (HTML + CSS). Bir kez tasarlarsınız, birçok kuralda kullanırsınız.
• Kural — bu bloğu hangi ürünlerde ve sayfanın neresinde göstereceğinizi söyler.

Nasıl çalışır

1. Blok oluşturun. İçeriğinizin HTML'ini yazın. İsterseniz ayrı bir CSS alanı da doldurabilirsiniz.
2. Kural oluşturun. Bloğu seçin, ürün kodlarını girin, hedef seçiciyi ve konumu belirtin.
3. Yayınlayın. Kural aktif olduğunda, eşleşen ürünlerin detay sayfasında içerik görünür.

Widget script'iniz sayfada zaten yüklü olduğu için ek bir kurulum gerekmez.

Ürün kodları — sku mu, itemCode mu?

İkisi de olur. Kural yazarken hangi kodu kullandığınızı bilmek zorunda değilsiniz.

Kataloğunuzda her ürün iki kod taşıyabilir: ticaret platformunuzun ürettiği iç kimlik (itemCode, örn. 904236) ve sizin kendi stok kodunuz (sku, örn. 04260). Kuralı kaydettiğinizde Selwise girdiğiniz kodu her iki alanda da arar ve eşleşen ürünün her iki kimliğini birden kurala yazar. Mağazanız sayfada hangisini yayınlıyorsa eşleşme yine tutar.

Yerleşim: seçici ve konum

Kural, sayfadaki bir hedef elemanı CSS seçici ile bulur ve içeriği ona göre yerleştirir:

Konum	Sonuç
Öncesine	Hedef elemanın hemen üstüne
Sonrasına	Hedef elemanın hemen altına (varsayılan)
İçine (başa)	Hedef elemanın içine, ilk çocuk olarak
İçine (sona)	Hedef elemanın içine, son çocuk olarak
Yerine	Hedef elemanı tamamen değiştirir

Seçiciyi nasıl bulacağınız için: Seçici Bulma.

İçerikte ürün bilgisi kullanma

Bloğunuzun içinde ${'${'}token} yazarak o ürünün gerçek değerlerini basabilirsiniz:

<div class="beden-notu">
  <strong>${'${'}title}</strong> için önerilen beden tablosu:
  <p>Fiyat: ${'${'}formattedPrice}</p>
</div>

Kullanılabilir tokenlar: code, title, brand, price, formattedPrice, originalPrice, currency, url, imageUrl, inStock, stock, categories.

Aynı yere birden fazla blok

Aynı seçiciye birden fazla kural yazabilirsiniz; varsayılan davranış hepsini üst üste göstermektir. Sıralama Öncelik alanına göre belirlenir (yüksek olan üstte).

Yalnızca bir tanesinin görünmesini istiyorsanız kuralın çakışma davranışını Tek başına yapın — o zaman aynı noktadaki en yüksek öncelikli kural diğerlerini eler.

Sınırlar

• JavaScript çalıştırılmaz. Blok içeriğinde <script> etiketi ve olay öznitelikleri (onclick vb.) temizlenir. Sayfada kod çalıştırmanız gerekiyorsa Scriptler modülünü kullanın.
• Varyant düzeyinde hedefleme desteklenmiyor. Kural ürün koduna bağlanır. Çoğu temada renk/beden değiştirmek sayfa adresini değiştirmediği için, varyanta özel bilgi yazarsanız müşteri başka bir varyanta geçtiğinde içerik ekranda kalır. Varyantlar kataloğunuzda ayrı ürün olarak duruyorsa her birine ayrı kural yazabilirsiniz.
• Arama motorları için garanti yoktur. İçerik tarayıcıda, sayfa çizildikten sonra eklenir. Bu, içeriği doğrudan temanıza yazmakla aynı SEO etkisini vermez.
• style özniteliği kaldırılır. Görsel düzenlemeleri bloğun CSS alanına yazın; oradaki kurallar yalnızca sizin bloğunuza uygulanacak şekilde sınırlandırılır.

Önizleme

Blok düzenleme ekranında bir ürün seçerek içeriğinizi o ürünün gerçek değerleriyle önizleyebilirsiniz — ${'${'}formattedPrice} yazdığınızda gerçek fiyatı görürsünüz.

Canlı sitede test etmek için tarayıcı konsolunda:

localStorage.setItem('selwise_test_mode', 'true')

Test modundaki kurallar yalnızca bu ayar açıkken görünür.