Her chart için ayrı ayarlar yaparak embed deneyimini markanıza uydurabilirsiniz. Pano kartındaki aksiyon menüsünden Chart Settings seçeneğine gidin veya düzenleme ekranlarındaki Chart Settings butonunu kullanın.

Genel yerleşim

• Sayfanın üstündeki başlıkta chart adınız ve “Settings” etiketi görünür.
• Sağ üstteki kullanıcı menüsünden başka chart ayarlarına geçebilir veya oturum kapatabilirsiniz.
• Alt kısımda Save Changes butonunun bulunduğu yapışkan bir çubuk vardır. Ayrılmadan önce mutlaka kaydedin; aksi halde renk ve mesaj değişiklikleri geçerli olmaz.

No Match ayarları

Bu bölüm, hiçbir beden önerisi bulunamadığında gösterilecek içerikleri kontrol eder:

• No Match Message: HTML destekler. Örneğin:

  Uygun bir beden bulamadık. <a href="mailto:support@magazaniz.com">Bize yazın</a>.
  Metin alanına tıkladığınızda sağdaki önizleme paneli otomatik olarak no match durumunu gösterir.
• Show Available Sizes Table: İşaretlendiğinde, uygun beden bulunmasa bile tabloyu müşteriye gösterirsiniz.

Sonuç ekranı seçenekleri

• Show User Answers: Sonuç kartının altında müşterinin verdiği yanıtları listelemeyi açıp kapatır. Kapattığınızda embed’de yalnızca önerilen beden kalır.

Embed ayarları

• Show Branding: Powered by SizeChart ibaresini göstermek veya gizlemek için kullanılır. Ücretli plan kısıtlamalarına göre değişiklik gösterebilir.
• Enable Custom Appearance: Bu kutuyu işaretlediğinizde renk ve tipografi alanları açılır. Girdiğiniz değerler JSON olarak chart yapılandırmasına kaydedilir ve embed kodunuzda uygulanır.

Tema parametreleri

Özel tema açıkken aşağıdaki alanlar belirir:

• Primary Color: İlerleme çubuğu, ana buton ve önerilen beden kartı için kullanılır.
• Accent Color: Gradient efektleri ve vurgu alanları.
• Background / Text Color: Form kartının genel görünümü.
• Primary Button Text Color: CTA butonlarındaki metin rengi.
• Font Family: Inter, Roboto, Poppins gibi hazır listeden seçim yapabilirsiniz. Seçilen font embed içinde otomatik olarak yüklenir.
• Modal Overlay Color: Modal açıldığında arka plandaki flu örtünün rengini belirler (RGBA değeri girebilirsiniz).

Her renk alanı hem renk seçici (input type="color") hem de hex kodu ile düzenlenebilir. Girilen değerler hatalıysa (ör. geçersiz hex), değişiklik kaydedilmez.

Canlı önizleme paneli

Sağdaki panelde EmbedThemePreview bileşeni, yaptığınız her değişikliği anında gösterir:

• Custom appearance açık değilse panel sizi özelleştirmeyi etkinleştirmeye davet eder.
• No Match mesajı alanına odaklandığınızda (textarea), panel otomatik olarak no-match senaryosunu render eder.
• Show Available Sizes ve Show User Answers değişiklikleri paneldeki örnek sonucu günceller.

Kaydetme ve geri alma

• Save Changes butonu Supabase üzerinde yalnızca mevcut chart'ın ayarlarını günceller.
• Kayıt başarılıysa ekranın altında yeşil bir bildirim görürsünüz. Hata halinde kırmızı uyarı mesajı çıkar.
• Kaydetmeden sayfadan ayrılırsanız, değişiklikleriniz embed koduna yansımaz. Geri döndüğünüzde önceki kayıtlı değerler yüklenir.

Ayarlardan sonra embed kodunuzu güncellemenize gerek yoktur; widget bir sonraki yüklemede yeni tema ve mesajlarla çalışır. Şimdi embed’i test etmek için /onizleme-ve-yayinlama sayfasına bakabilirsiniz.