Tasarım & İçerik Modülleri
Tasarım & İçerik
Widget'lar, tema renkleri, yazı tipleri, menüler, medya kütüphanesi, CMS sayfaları ve e-posta şablonlarını bu bölümde yönetirsiniz.
Widget Yönetimi
Admin paneli → Tasarım → Widget'lar — Ana sayfa içerik bloklarını (hero, ürün vitrini, kategori grid, banner vb.) bu sayfadan yönetirsiniz. Kod yazmadan ana sayfanızı tamamen özelleştirebilirsiniz.
Widget Konumları
| Konum | Açıklama | Limit |
|---|---|---|
| Hero Bölümü | Sayfanın en üstü, tam ekran slider veya banner alanı. | 1 widget |
| İçerik Öncesi | Hero'nun hemen altı. Güven rozeti veya kampanya bantları için idealdir. | Sınırsız |
| Ana İçerik | Sayfa ortasındaki ana alan. Ürün vitrini ve kategori grid'i buraya eklenir. | Sınırsız |
| İçerik Sonrası | Ana içeriğin altı. Referans, blog veya haber bölümü için kullanılır. | Sınırsız |
| Footer Üstü | Footer'ın hemen üstü. Bülten kaydı veya iletişim CTA'sı için idealdir. | Sınırsız |
Mevcut Widget Türleri
Hero Slider
Tam ekran resim + başlık + buton ikilisi. Birden fazla slayt eklenebilir.
Banner
Tek görsel, başlık ve bağlantı butonundan oluşan tanıtım bandı.
Ürün Vitrini
Belirli ürünleri veya "Öne Çıkan / Yeni / İndirimli" kategorisini listeler.
Ürün Grid
Daha fazla ürünü ızgara düzeninde gösterir. Kategori veya etiket ile filtrele.
Kategori Grid
Kategori görsellerini kare/dikdörtgen kutularda listeler.
Güven Kartları
Ücretsiz kargo, iade garantisi, güvenli ödeme gibi güven mesajları.
Bülten Kaydı
E-posta toplama formu. Lead modülüne otomatik kaydeder.
Görsel Kartlar
Üst üste veya yan yana görsel + metin kombinasyonlu içerik bloğu.
Banner CTA
Dikkat çekici renkli arka plan üzerinde harekete geçirici mesaj ve buton.
Ticker
Yatay kayan duyuru bandı. Kampanya ve kargo bilgisi için kullanılır.
Widget Ekleme ve Sıralama
Konumu belirleyin ve "+ Widget Ekle" butonuna tıklayın
Her konumun yanındaki ekle butonu o pozisyon için yeni widget formu açar.
Widget türünü seçin
Açılır menüden bir tür seçin. Forma dinamik olarak o türe ait alanlar yüklenir.
Widget ayarlarını doldurun ve kaydedin
Başlık, görsel, ürün listesi veya metin alanlarını doldurun. Kaydet butonuna basın.
Sırasını sürükleyerek ayarlayın
Aynı konumdaki widget kartlarını tutup sürükleyerek yeniden sıralayabilirsiniz.
Tema Ayarları
Admin paneli → Tasarım → Tema Ayarları — Mağazanın görünümünü kod yazmadan özelleştirin.
Renk Ayarları
| Alan | Neyi Etkiler |
|---|---|
| Ana Renk | Butonlar, bağlantılar ve vurgular. |
| Vurgu Rengi | İkincil eylem butonları ve badge'ler. |
| Fiyat Rengi | Ürün kartlarındaki mevcut ve eski fiyat rengi. |
| Başlık Rengi | H1–H4 başlıklarının yazı rengi. |
| Rozet Renkleri | "Yeni", "İndirim", "Stok Yok" rozetleri ayrı ayrı ayarlanır. |
Buton & Kart Stili
| Ayar | Seçenekler |
|---|---|
| Buton Köşe Yuvarlama | Keskin → yuvarlak arası kaydırıcı. |
| Buton Gölge | Yok / Hafif / Orta / Belirgin |
| Buton Stili | Dolu (solid) / Kenarlıklı (outline) / Şeffaf (ghost) |
| Buton Hover Efekti | Yukarı kalk / Büyüt / Parla |
| Kart Gölgesi | Yok / Hafif / Orta / Belirgin |
| Kart Stili | Yüksek (elevated) / Kenarlıklı / Düz |
Header & Logo
| Ayar | Açıklama |
|---|---|
| Header Düzeni | Logo sol / Logo ortada gibi düzen seçenekleri. |
| Logo Türü | Metin (site adı) veya görsel logo. |
| Logo URL | Görsel logo seçildiyse yüklenecek dosya. |
| Üst Bar | Header'ın üstündeki bilgi bandını göster/gizle. |
Yazı Tipi & Boyutu
| Ayar | Açıklama |
|---|---|
| Font Ailesi | Sistem fontu veya web fontları arasından seçim. |
| Temel Yazı Boyutu | Küçük / Orta / Büyük olarak ayarlanır. |
Değişiklikleri kaydetmeden önce sayfanın altındaki Önizle butonuyla mağazada nasıl göründüğünü kontrol edin.
Medya Kütüphanesi
Admin paneli → Tasarım → Medya Galerisi — Mağazanızdaki tüm görselleri merkezi bir yerden yönetin.
| Özellik | Açıklama |
|---|---|
| Görsel Yükleme | Sürükle-bırak veya dosya seçici ile toplu yükleme. |
| Klasör Yönetimi | Görselleri Ürünler, Bannerlar, Kategoriler gibi klasörlere ayırın. |
| Görsel Arama | Dosya adına göre anlık arama. |
| Görseli Kopyala | URL'yi panoya kopyalayarak harici widget veya e-postada kullanın. |
| Toplu Silme | Birden fazla görsel seçerek tek adımda silin. |
Yüklenen görseller sunucuda birden fazla boyutta (srcset) saklanır; bu sayede mobil cihazlarda sayfa hızı optimum düzeyde kalır.
CMS Sayfaları
Admin paneli → Tasarım → Sayfalar — Hakkımızda, KVKK Politikası, İade Koşulları gibi statik içerik sayfalarını oluşturun ve düzenleyin.
| Alan | Açıklama |
|---|---|
| Sayfa Başlığı | Sayfada ve tarayıcı sekmesinde gösterilir. |
| URL Slug | Sayfanın adresi (ör. iade-politikasi). Otomatik oluşturulur. |
| İçerik | Zengin metin editörü. Başlık, paragraf, liste ve bağlantı eklenebilir. |
| Meta Başlık & Açıklama | Arama motoru optimizasyonu için. |
| Durum | Yayınla veya taslak olarak kaydet. |
Oluşturduğunuz sayfaların linklerini Ayarlar → Ödeme Politikaları bölümünden ödeme adımına ekleyebilirsiniz (ör. "Mesafeli Satış Sözleşmesi").
Duyuru Bantları (Ticker)
Admin paneli → Tasarım → Tickerlar — Header'ın hemen altında kayan metin bandını yönetin. Kampanya, ücretsiz kargo bilgisi veya aciliyet mesajı için idealdir.
| Alan | Açıklama |
|---|---|
| Metin | Bant üzerinde görünecek içerik. Emoji kullanabilirsiniz. |
| Bağlantı URL | Metne tıklandığında gidilecek sayfa (opsiyonel). |
| Arka Plan Rengi | Banda özgü renk. Tema ana rengini geçersiz kılar. |
| Yazı Rengi | Metin rengi. |
| Sıra | Birden fazla ticker varsa hangi sıradan gösterileceği. |
| Aktif / Pasif | Tek tıkla yayınla veya gizle. |
E-posta Şablonları
Admin paneli → Entegrasyonlar → E-posta Şablonları — Müşterilere gönderilen tüm otomatik e-postaların içeriğini özelleştirin.
Hazır Şablon Listesi
| Şablon | Ne Zaman Gönderilir |
|---|---|
| Sipariş Oluşturuldu | Yeni sipariş verildiğinde müşteriye gönderilir. |
| Ödeme Onaylandı | Ödeme başarıyla alındığında. |
| Sipariş Kargoya Verildi | Kargo oluşturulduğunda takip numarasıyla birlikte. |
| Sipariş Teslim Edildi | Durum "Teslim Edildi" olarak değiştirildiğinde. |
| Sipariş İptal Edildi | Sipariş iptal edildiğinde. |
| Stok Bildirimi | Tükenen ürün yeniden stoğa girdiğinde. |
| Terk Sepet Hatırlatma 1 & 2 | Sepet kurtarma modülüne göre otomatik zamanlanır. |
| Otomasyon Şablonları | Her otomasyon tetikleyicisi için ayrı şablon düzenlenebilir. |
Şablon Düzenleme
Listeden düzenlemek istediğiniz şablonu seçin
Sol panelden tıklayın; sağ editörde içerik yüklenir.
E-posta konusunu ve HTML içeriğini düzenleyin
Dinamik veriler için değişkenler kullanın (aşağıdaki tabloya bakın).
Önizleme ile kontrol edin
Önizle butonu şablonu tarayıcıda gerçekçi veri ile gösterir.
Kaydedin
Bir sonraki tetiklemede yeni içerik otomatik kullanılır.
Kullanılabilir Değişkenler
| Değişken | Çıktı |
|---|---|
| {{site_name}} | Mağaza adı |
| {{customer_name}} | Müşterinin adı |
| {{order_number}} | Sipariş numarası |
| {{order_total}} | Sipariş toplam tutarı |
| {{tracking_number}} | Kargo takip numarası |
| {{coupon_code}} | Otomasyon tarafından üretilen kupon kodu |
| {{cart_recovery_url}} | Terk sepet kurtarma bağlantısı |
| {{unsubscribe_url}} | Abonelik iptali bağlantısı |
E-posta şablonlarını düzenledikten sonra mutlaka önizleme yapın. Hatalı HTML bazı e-posta istemcilerinde bozuk görünüme yol açabilir.
Instagram Shop, Meta CAPI, TikTok ve diğer entegrasyonların kurulum adımlarını Entegrasyonlar sayfasında bulabilirsiniz.