Şablon Uygulama ve Yapay Zekâ

Bu sayfa, Kütüphane'deki bir şablonun editörlerde nasıl uygulandığını, editördeki kodun kütüphaneye nasıl kaydedildiğini ve yapay zekâyla nasıl yazıldığını anlatır. Şablon oluşturma, yüzeyler ve roller için: Kütüphane.

Panelde nerede

Her kod editörünün üstündeki Templates (Şablonlar) düğmesi ve yer imi simgesi (Save to library, Kütüphaneye kaydet). Düğmeler şu yerlerde bulunur: kampanyanın özel kod alanları, ürün kartı kodu (HTML, CSS ve JavaScript sekmelerinin her biri), içerik bloğunun kod sekmesi, sayfa deneyinin eylem satırları ve kod penceresi, AI Studio'nun kod editörü.

Yapay zekâ ile yazma

Kod editörünün üstündeki Generate with AI (Yapay Zeka ile Üret; şablonda kod varsa Edit with AI, Yapay Zekâ ile Düzenle) dört yüzeyde ve her sekmede çalışır. Ne istediğinizi yazın; yapay zekâ şablonu seçtiğiniz yüzeyin kurallarına göre yazar ya da mevcut kodu düzenler.

• Cevap parça parça yerleşir: HTML, HTML sekmesine; CSS, CSS sekmesine; JavaScript, JavaScript sekmesine. Düzenlemede yalnızca değişen parçalar yenilenir.
• Ürün kartı ve içerik bloğunda yapay zekâ, yukarıdaki dinamik alanları kullanır; ürün adını ya da fiyatı koda sabit yazmaz.
• Sayfa deneyinde yapay zekâ, eklenen HTML'de düğme, form ve satır içi stil kullanmaz, çünkü sayfa deneyinin temizleyicisi bunları mağazada siler. CSS'i yalnızca isteğinizde adı geçen seçicilere yazar; yalnızca görünüm değiştiren bir istek için yalnızca CSS üretebilir.

Yapay zekâ hiçbir şeyi kaydetmez. Sonucu önizlemede kontrol edin, sonra Save'e basın. Düğme, AI Studio modülü açık olan hesaplarda görünür; her üretim yapay zekâ kredisi harcar (Yapay Zekâ Kredileri).

Editörden kaydetme

Bir editörde yazdığınız kodu kütüphaneye almak için editörün üstündeki yer imi simgesine (Save to library, 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. Kaydedilecek parçaları Parts to save ile seçebilirsiniz. Hesabınızda Custom Code modülü yoksa JavaScript kaydedilmez ve pencere bunu söyler.

Şablon uygulama

Templates düğmesi seçiciyi açar:

• My library (Kütüphanem) sekmesi kendi şablonlarınızı, Ready-made (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 (For yüzey). All (Tümü) ile diğer yüzeylerin şablonlarını da görürsünüz.
• Sağdaki not, hangi parçaların uygulanacağını (Will apply) 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. Başka bir yüzey için yazılmış şablonda "farklı bir temizleyiciden geçtiği için bazı etiket ve stiller düşebilir" uyarısı çıkar.
• Hiçbir parçası bu alana uymayan şablon uygulanamaz.

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

Mağaza editöründe

Sayfa deneyinin görsel editöründe ve ürün sayfasında blok kurarken, Add (Ekle) sekmesi temel ögelerin altında Library ve Ready-made templates listelerini gösterir. Bir şablonu sayfaya sürükleyin ya da tıklayıp seçili ögenin altına ekleyin; şablon kendi CSS'iyle tek bir blok olarak gelir ve CSS yalnızca o bloğa uygulanır. Edit (Düzenle) sekmesinde bloğun HTML'ini ve CSS'ini ayrı ayrı değiştirebilirsiniz.

Bir blok JavaScript taşımaz; JavaScript içeren bir şablonun kartı bunu söyler. Çok büyük bir şablon (parça başına 20.000 karakterin üstü) listede görünür ama eklenemez ("too large" işareti). Editör kütüphaneyi panelden ister, bu yüzden liste yalnızca editörü açtığınız panel sekmesi açıkken dolar. Aynı akış: Görsel Yerleştirme.