Genel Bakış

Kütüphane, sık kullandığınız HTML, CSS ve JavaScript kodunu şablon olarak sakladığınız yerdir. Bir kez yazarsınız; kampanya, ürün kartı, içerik bloğu ve sayfa deneyi editörlerinden tek tıkla uygularsınız.

Panelde nerede

Sol menüde Tasarım → Kütüphane (/dashboard/library). Her kod editörünün üstündeki Şablonlar düğmesi de aynı kütüphaneyi açar.

Kütüphane kanal başınadır: bir kanalda kaydettiğiniz şablon o kanalın editörlerinde görünür.

Yüzeyler

Her şablon bir yüzey için yazılır. Yüzey, şablonun hangi parçaları taşıyabileceğini ve ürün alanlarının doldurulup doldurulmayacağını belirler.

Yüzey	Taşıdığı parçalar	Ürün alanları
Kampanya	HTML, CSS, JavaScript	Doldurulmaz
Ürün kartı	HTML, CSS, JavaScript	Kart alanları doldurulur (örneğin ${name})
İçerik bloğu	HTML, CSS	Ürün alanları doldurulur (örneğin ${brand})
Sayfa deneyi	HTML, CSS, JavaScript	Doldurulmaz

İçerik bloğu JavaScript çalıştırmadığı için içerik bloğu şablonunda JavaScript sekmesi yoktur.

Şablon oluşturma

1. Yeni şablon'a tıklayın ve yüzeyi seçin.
2. Ad ve isteğe bağlı açıklama yazın. Ad, kanaldaki şablonlar arasında benzersiz olmalıdır.
3. Kodu HTML, CSS ve JavaScript sekmelerine yazın ya da Hazır şablonla başla satırından birini seçip düzenleyin.
4. Sağdaki önizlemeyi masaüstü ve mobil genişlikte kontrol edin, sonra Kaydet'e basın.

Önizleme, şablonu seçtiğiniz yüzeyin temizleyicisinden geçirir ve kanalınızın marka renklerini kullanır. Örneğin içerik bloğu ve sayfa deneyi satır içi stili, formu, düğmeyi ve SVG'yi mağazada da siler; önizlemede de bunları görmezsiniz.

Editörden kaydetme

Bir editörde yazdığınız kodu kütüphaneye almak için editörün üstündeki yer imi simgesine (Kütüphaneye kaydet) basın, ad verin ve kaydedin. Ürün kartı ve içerik bloğu gibi kodu ayrı alanlarda tutan formlarda HTML, CSS ve JavaScript birlikte kaydedilir.

Şablon uygulama

Şablonlar düğmesi seçiciyi açar:

• Kütüphanem sekmesi kendi şablonlarınızı, Hazır şablonlar sekmesi Selwise'ın başlangıç şablonlarını gösterir.
• Varsayılan olarak yalnızca bu alanın yüzeyi için yazılmış şablonlar listelenir. Tümü ile diğer yüzeylerin şablonlarını da görürsünüz.
• Sağdaki not, hangi parçaların uygulanacağını ve hangilerinin bu alanda yeri olmadığı için uygulanmayacağını söyler. Örneğin sayfa deneyinin CSS aksiyonu yalnızca şablonun CSS'ini alır.
• Ürün kartı ya da içerik bloğu şablonunu kampanyaya uygularsanız seçici, ürün alanlarının mağazada düz metin olarak görüneceği konusunda uyarır.

Uygulamak, alandaki mevcut kodun yerini alır. Seçici bunu uygulamadan önce söyler.

Kopyalanır, bağlanmaz

Bir şablonu uyguladığınızda kodu o alana kopyalanır. Şablonu sonradan düzenlemek ya da silmek, onu daha önce uyguladığınız kampanya, kart, blok ve deneyleri değiştirmez. Böylece yayındaki bir A/B deneyinin içeriği, kütüphanedeki bir düzenleme yüzünden ortasında değişmez.

Neden boş, neden gri

• Kanal seçilmedi: kütüphane kanal başınadır; üst çubuktan bir kanal seçin.
• Bu alan için şablon yok: başka bir yüzey için yazılmış şablonları görmek üzere Tümü'ne geçin.
• JavaScript sekmesi kilitli: JavaScript içeren şablonlar Özel Kod modülünü gerektirir. HTML ve CSS her hesapta kullanılabilir.
• Sil düğmesi yok: şablon silmek yönetici yetkisidir. Pazarlama rolü şablon oluşturup düzenleyebilir.
• Kaydet simgesi gri: editörde kaydedilecek kod yoktur.