Markup Üretimi
Widget ve blok HTML’i üretimi
Widget ve içerik bloğu için HTML üretir.
Panelde nerede
AI Studio → markup üretimi.
Ne üretir
Custom widget ve ürün zenginleştirme blokları için kullanabileceğiniz HTML ve CSS.
Nasıl kullanılır
- Ne istediğinizi tarif edin: yapı, hangi bilgiler görünecek, düzen.
- Üretilen kodu inceleyin.
- Widget veya blok editörüne kopyalayın.
- Önizlemede kontrol edin.
Marka değişkenlerini isteyin
İstemde bunu belirtin, yoksa model sabit renkler yazar:
"Renkler için
var(--selwise-brand, #111)gibi CSS değişkenleri kullan, sabit renk yazma."
Bu, üretilen bloğun marka temanızla uyumlu olmasını ve tema değiştiğinde birlikte değişmesini sağlar. Değişken listesi: Marka Teması.
Ürün verisi kullanma
Zenginleştirme bloğu üretiyorsanız hangi token'ları kullanacağını söyleyin:
"Ürün adı için
{{name}}, garanti süresi için{{attr.garanti_suresi}}token'larını kullan."
Token listesi: Özel Kart Oluşturma ve Ürün Özellikleri.
Kontrol edilecekler
Üretilen kodu yayınlamadan önce:
| Kontrol | Neden |
|---|---|
| CSS sınıf adları özgün mü | Genel adlar (.container, .title) sitenizin stillerini bozar |
| Element seçicisi var mı | div { } gibi kapsamsız kurallar tüm sayfayı etkiler |
| Sabit renk var mı | Tema ile uyumsuz kalır |
| Mobilde sığıyor mu | Önizlemeyi dar ekranda kontrol edin |
| Script var mı | Blok içinde script çalıştırmayın |
Kapsamsız CSS sitenizi bozar
Üretilen CSS sayfanın tamamına uygulanır. h3 { color: red } gibi bir kural sitenizdeki tüm başlıkları etkiler. Her seçiciye kendinize ait bir önek ekleyin.
Script gerekiyorsa
Widget veya blok içinde JavaScript çalıştırmayın. Sayfa hedefli script için ayrı bir modül vardır — bkz. Özel Scriptler.
Sınırlar
Model sitenizi görmez. Ürettiği kod sitenizin mevcut tasarımıyla uyumlu olmayabilir. Daha iyi sonuç için istemde sitenizin mevcut kart veya kutu HTML'inden bir örnek verin ve "bu yapıya benzer" deyin.
Son güncelleme: 9 Eylül 2026