Sayfanın bölümleri sırasıyla burada. Sürükleyip sıralar, gizler, çoğaltır ya da "Bölüm ekle" ile kitaplığı açarsın.
2
Canlı önizleme
Mağazan, yaptığın değişikliklerle birlikte burada görünür; seçili bölüm çerçeveyle işaretlenir.
3
Ayarlar
Seçtiğin bölümün içeriği, stili, görünürlüğü ve gelişmiş ayarları ayrı sekmelerde durur.
4
Cihaz görünümü
Masaüstü, tablet ve telefon arasında tek tıkla geçer, istersen genişliği piksel olarak yazarsın.
5
Yayınla
Taslağı hemen yayınlar ya da ileri bir saate zamanlarsın; geri al, sürüm geçmişi ve önizleme bağlantısı da bu çubukta.
Bölüm kitaplığı
Sayfanı hazır bölümlerle kur
Kitaplıkta her bölümün ne işe yaradığını küçük bir çizim gösterir. Adıyla arar, türüne göre süzer ya da "Bu sayfa için önerilenler"den seçersin. Hazır varyasyon, bölümü tek tıkla başka bir düzenle ekler.
bölüm türü
86
hazır varyasyon
166
Beğendiğin bir bölümü kaydedip başka sayfalarda kullanırsın; birinde değiştirince hepsinde değişir.
magazan.codesla.com/admin/tasarim
Cihaza göre ayar
Bilgisayarda bir türlü, telefonda başka türlü
Başlık boyutu, hiza, sütun sayısı, boşluk ve yükseklik masaüstü, tablet ve telefon için ayrı verilir. Tablet ve telefona değer girmezsen masaüstündeki geçerli olur; bir bölümü yalnız telefonda ya da yalnız bilgisayarda gösterebilirsin.
kozmetik-demo.codesla.com
Masaüstü · 1280 px
Tablet · 768 px
Telefon · 390 px
Hangi cihazı düzenlediğin hep görünür
Cihaza göre değişebilen ayarın yanında hangi cihaz için düzenlediğin yazar. Üst çubuktan cihazı değiştirince önizleme o genişliğe geçer, ayarlar da o cihazın değerlerini gösterir.
Masaüstü 1280, tablet 768, telefon 390 piksel; istersen kendi genişliğini yaz
Bölümü cihaza, tarih aralığına ve misafir, üye ya da bayi ayrımına göre göster
Profesyonel ve üstünde müşteri segmentine özel bölüm
Hızlı çalış
Aradığın ayar bir arama uzağında
Ayarlar en çok kullanılanlarla açılır; gerekince "Tüm ayarlar"a geçersin. Klavyeden çıkmadan geri alır, çoğaltır, kaydedersin.
Temel ve tüm ayarlar.Önce en çok kullanılanlar; tek tıkla hepsi.
Ayar ara.Ayarı adıyla bul ya da yalnız değiştirdiklerini listele.
Geri al ve yinele.Son 50 adım; yazarken yapılan değişiklikler tek adım sayılır.
Stil kopyala.Bir bölümün stilini kopyala, başka bölüme yapıştır.
Kopyala ve yapıştır.Bölümü ya da bloğu başka bir sayfaya taşı.
Odak modu.Yan panelleri daralt, önizlemeyi büyüt.
Temel / tüm ayarlar ve ayar aramaKlavye kısayolları (? tuşu)
Ana sayfa bölümleri
Vitrinin için hazır bölümler
Görüntüler demo mağazalarımızdan; hepsi tasarım editöründe birkaç tıkla eklenir ve ayarlanır. Slider'ın 5 düzeni var: tek slayt, yan bannerlı, küçük resim gezginli, sekmeli ve çoklu slayt.
Slider: küçük resim gezgini· Slaytlar alttaki küçük görsellerle değişir.moda-demo.codesla.comSlider: çoklu slayt· Birkaç slayt yan yana görünür, sırayla kayar.kuruyemis-demo.codesla.comSlider: yan bannerlı· Büyük slaytın yanında iki kampanya kutusu.elektronik-demo.codesla.comSlider: tek slayt· Kutulu slayt, yavaş yakınlaşma ve çizgi göstergeler.kozmetik-demo.codesla.comSlider: sekmeli· Slaytlar üstteki başlıklı sekmelerle değişir.saat-demo.codesla.comKampanya vitrini· Büyük görselin üstünde noktalar ve yanında kampanya ürünleri.ev-demo.codesla.comGörünümü satın al (lookbook)· Görseldeki noktalara dokununca ürünler açılır.moda-demo.codesla.comSekmeli ürün rafı· Simgeli sekmeler: çok sevilenler, yeni gelenler, indirimdekiler.kozmetik-demo.codesla.comKayan yazı şeridi· Sınırsız akan yazı, ayırıcı işaret ve hız ayarı.moda-demo.codesla.comKupon kartları· Yayındaki kuponlar, koşulları ve kalan süresiyle; kod tek dokunuşla kopyalanır.market-demo.codesla.comİndirim karoları· İndirim oranına göre alışverişe giden renkli karolar.market-demo.codesla.comKategori mozaiği· Kategori görselleri büyüklü küçüklü bir ızgarada.ev-demo.codesla.com
Ürün kartı
6 hazır kart düzeni
Düzeni bütün mağaza için ya da tek bir raf için seçersin; sonra görsel oranı, rozetler, taksit satırı, "Son 3 adet" uyarısı ve sepete ekle düğmesini tek tek değiştirirsin. Renk seçenekli ürünlerde kartın üstünde mini görseller çıkar.
Klasik
Minimal
Pazar yeri
Moda
Lüks
Teknik
Filtre ve ürün listesi
Müşterin aradığını iki dokunuşta bulsun
Filtreleri yanda, üstte ya da açılır panelde gösterirsin. Her seçeneğin yanında kaç ürün olduğu yazar; fiyat kaydırıcısı, hazır fiyat aralıkları ve "indirimli, stokta, kargo bedava" süzgeçleri hazır.
elektronik-demo.codesla.com/urunler
Çip, kutu, renk örneği ya da açılır liste görünümü
Uzun seçenek listelerinde arama
Sayfalı, "daha fazla göster" ya da sonsuz kaydırma
Telefonda tam ekran filtre ve "Sırala | Filtrele" çubuğu
Telefonda liste
Telefonda filtreler
Ürün sayfası
Satın alma kararını kolaylaştıran ürün sayfası
5 galeri düzeni ve 5 seçenek görünümü arasından seçersin. Satın alma alanına teslim tahmini, kupon kartı, taksit ve havale fiyatı, adet kademeli fiyat tablosu, birlikte al paketi gibi bloklar eklersin; ürün videosunu galeride ya da ayrı bir kartta gösterirsin.
moda-demo.codesla.com/urun/…
elektronik-demo.codesla.com/urun/…
Telefonda ürün sayfasıYorum özeti, müşteri fotoğrafları ve süzgeçlerBeden tablosu (içerik parçası)
Hazır temalar
64 temayla hızlı başla
Her tema renkleri, yazı tipleri ve örnek bölümleriyle gelir; 36 tanesi sektöre özel premium tema (Profesyonel ve üstü). Temayı değiştirince ürünlerin ve siparişlerin yerinde kalır.
Editörde yaptığın her şey taslakta kalır; ziyaretçilerin yalnız yayındaki tasarımı görür.
1
Taslakta çalış
Değişiklikler kendiliğinden taslağa kaydedilir; istersen taslağı tümüyle atarsın.
2
Önizleme bağlantısıyla göster
Taslağı 24 saat geçerli, giriş gerektirmeyen bir bağlantıyla ekibine gösterirsin; bağlantıları istediğin an iptal edersin.
3
Yayınla ya da zamanla
Hemen yayınlar ya da kampanya tasarımını başlangıç saatine zamanlarsın; bitiş tarihi verirsen önceki tasarıma kendiliğinden döner.
4
Sürüm geçmişinden dön
Her yayın sürüm geçmişine yazılır; eski bir sürümü önizler, tek tıkla taslağa geri alırsın.
Sürüm geçmişi
Önizleme bağlantısıEditörde telefon görünümü
Mağaza ve tasarım
Bu gruptaki bütün özellikler
Hazır bir temayla başlarsın, sayfalarını sürükle-bırak editörle düzenlersin. Slider, ürün rafı, kampanya vitrini, filtreler ve ürün sayfası ayarlardan değişir; taslakta denersin, hazır olunca yayınlarsın.
Sürükle-bırak tasarım editörü
Solda sayfanın bölümleri, ortada mağazanın canlı önizlemesi, sağda seçtiğin bölümün ayarları durur. Bölümleri sürükleyip sıralarsın; her değişiklik önce taslağa kaydedilir, son 50 adımı geri alırsın. Masaüstü, tablet ve telefon görünümü arasında tek tıkla geçer, beğenince yayınlarsın.
Sektöre göre hazır temalar
Her tema renkleri, yazı tipleri ve örnek bölümleriyle gelir; logonu ve renklerini girmen yeterli. Koyu zeminli üst alan ve altbilgi için logonun açık renkli sürümünü, fiyatlar için ayrı bir yazı tipi seçebilirsin. Temaları kitaplıkta önizler, canlı demosunu gezersin. Temayı değiştirdiğinde ürünlerin, müşterilerin ve siparişlerin yerinde kalır. Menülerini sürükle-bırak düzenlersin.
Beğendiğin demoyla başla
Demo mağazadaki "Bu mağazayı benim yap" ya da sektör sayfasındaki "Mağazanı aç" düğmesi kaydı o demonun sektörü ve temasıyla başlatır; kayıtta ikisini de değiştirebilirsin. Sektörün modülü varsa ek modüllerde seçili gelir. Çoğu demoda istersen mağazan demodaki örnek ürünlerle açılır; kendi ürünlerin hazır olunca örnekleri panelden tek tıkla silersin. Premium temalar Profesyonel ve üstü paketlerde kurulur.
Profesyonel ve üstü
Premium temalar
Premium temalar sektörün diline göre hazırlandı: Podyum tam ekran kapak görselleri ve şık yazı tipleriyle moda markaları için, Devre mega menü ve ürün karşılaştırmasıyla elektronik mağazaları için. Tema kitaplığında premium olanlar ayrıca işaretlidir.
Zamanlanmış yayın
Gece yarısı başlayan bir indirim için uyanık kalmana gerek yok. Tasarımı hazırla, başlangıç ve bitiş saatini seç; vitrin kendiliğinden değişir ve kampanya bitince önceki haline döner.
Bölüm kitaplığı ve hazır varyasyonlar
Kitaplıkta her bölümün ne işe yaradığı küçük bir çizimle gösterilir; adıyla arar ya da o sayfa için önerilenlerden seçersin. Hazır varyasyon, bölümü tek tıkla başka bir düzenle ekler; sonra istediğin ayarı değiştirirsin.
Cihaza göre ayar
Cihaza göre değişebilen ayarların yanında üç cihaz düğmesi bulunur; tablet ve telefon için değer girmezsen masaüstündeki geçerli olur. Bir bölümü yalnız telefonda ya da yalnız bilgisayarda gösterebilirsin. Önizlemeyi istediğin genişliğe getirip bakarsın.
Ayar arama, kısayollar ve stil kopyalama
Ayarlar en çok kullanılanlarla açılır, "Tüm ayarlar" ile hepsini görürsün; aradığın ayarı adıyla bulur ya da yalnız değiştirdiklerini listelersin. Ctrl+Z ile geri alır, Ctrl+D ile çoğaltır, Ctrl+S ile taslağı kaydedersin. Bir bölümün stilini kopyalayıp başka bölüme yapıştırırsın.
Taslak, önizleme bağlantısı ve sürüm geçmişi
Editörde yaptığın her şey taslakta kalır, yayınlayana kadar mağazan değişmez. Taslağı 24 saat geçerli bir önizleme bağlantısıyla ekibine gösterirsin; bağlantı için giriş gerekmez, istediğin an iptal edersin. Her yayın sürüm geçmişine yazılır; önceki bir sürümü önizler, tek tıkla taslağa geri alırsın.
Kayıtlı bölümler
Kampanya bandı ya da güven rozetleri gibi birçok sayfada olan bir bölümü bir kez düzenlersin, eklediğin her yerde güncellenir; istersen bağını koparıp o sayfada ayrı düzenlersin. Bir bölümü ya da bloğu kopyalayıp başka bir sayfaya yapıştırırsın.
Profesyonel ve üstü
Müşteri segmentine özel vitrin
Segmentler pazarlama otomasyonunda tanımladığın müşteri gruplarıdır; bölümü bu gruplara göre gösterir ya da gizlersin. Cihaza, tarih aralığına ve misafir, üye ya da bayi ayrımına göre gösterme ise her pakette vardır.
Slider düzenleri
Her slayta ayrı masaüstü ve telefon görseli, yazı, düğme, rozet ve geri sayım eklersin. Geçiş efekti, yavaş yakınlaşma, yazı animasyonu, ok ve nokta biçimleri ayarlardan seçilir.
Kampanya vitrini, lookbook ve kuponlar
Lookbook görselindeki noktalara ürün bağlarsın, müşteri dokununca ürünü görür. Kupon bölümü yayındaki kuponlarını kopyalama düğmeli kartlarla gösterir; indirim karoları "%20 ve üzeri" gibi oranlarla müşteriyi seçtiğin kampanyaya ya da listeye götürür. Slayt, kampanya vitrini, günün fırsatı ve raflardaki geri sayımı takvim tarihine ya da gün sonu, hafta sonu, ay sonu, "3 gün sonra" gibi biten her dönemde yeniden başlayan bir süreye bağlarsın. Sekmeli içerik, ürün akışı ve beden, renk gibi değerlere kısayollar da kitaplıkta.
Ürün rafları
Rafı elle seçtiğin ürünlerle ya da kategori, marka, yeni gelen, indirimli, son 7, 30 ya da 90 günün çok satanları gibi kaynaklardan doldurursun; stokta olma, puan ve indirim oranıyla süzersin. Sekme biçimi, başlık rozeti, geri sayım, iki sıra ve kendiliğinden kayma ayarlardan seçilir.
Ürün kartı düzenleri
Düzeni tema geneli için ya da tek bir raf için seçersin, sonra görsel oranı, rozetler, taksit satırı, kilo ya da litre fiyatı, sepete ekle düğmesi gibi ayarları değiştirirsin. Renk seçenekli ürünlerde kartta renk noktaları ya da mini görseller çıkar; üzerine gelince kart görseli o renge geçer.
Filtre ve ürün listesi
Filtreleri yanda, üstte ya da açılır panelde gösterirsin; seçeneklerin yanında kaç ürün olduğu yazar, uzun listelerde arama çıkar. Fiyat kaydırıcısı ve hazır fiyat aralıkları, indirimli, stokta, kargo bedava ve puan süzgeçleri hazır. Üstteki filtrede hangi özelliklerin önce, kaçının görüneceğini seçersin; kalanlar "Tüm filtreler" düğmesinin arkasında durur. Liste sayfalı, "daha fazla göster" düğmeli ya da sonsuz kaydırmalı olur; telefonda "Sırala | Filtrele" çubuğu ekranın altında durur.
Ürün sayfası düzenleri
Galeriyi tek görsel, ızgara, alt alta, mozaik ya da kaydırıcı olarak seçersin; görsel üzerine gelince, mercekle ya da tam ekranda büyür. Seçenekler renk dairesi, görselli kutu, metin kutusu, açılır liste ya da fiyatlı liste olarak gösterilir; tükenen seçenek üstü çizili görünür. Açıklama, özellikler ve yorumlar sekmeli ya da tek sayfada çapa menüsüyle dizilir.
Satın alma blokları
Ürün sayfasının satın alma alanına blok eklersin: kargo kesim saatine göre "Yarın kargoda" diyen teslim tahmini, ürünü kapsayan kuponu kopyalama düğmesi ve geri sayımla gösteren kart, taksit ve havale fiyatı kartları, birlikte alınan ürünleri tek düğmeyle sepete ekleyen paket, adet kademeli fiyat tablosu, öne çıkan özellik karoları, özellik tablosu ve ödeme logoları.
Profesyonel ve üstü
Özel CSS
Hazır ayarların yetmediği yerde bölüm ve bloklara özel CSS ekle; değişiklik yine taslakta önizlenir, sonra yayınlanır.
Kurumsal pakette
Özel HTML bölümü
Kendi hazırladığın bir tanıtım alanını ya da dış bir aracın kodunu, sayfanın istediğin yerine HTML bölümü olarak ekle.
Telefona uygun vitrin
Alışverişin çoğu telefondan yapılıyor. Temalar küçük ekranda rahat gezilir, alt menü ve hızlı arama hazır gelir. Müşterin mağazanı telefonunun ana ekranına ekleyip uygulama gibi açabilir.
Kolay üyelik ve misafir alışverişi
Üyelik zorunluluğu satış kaçırtır. Misafir alışverişi ve sipariş takibi açık gelir; üye olmak isteyen tek tıkla sosyal hesabıyla ya da telefonuna gelen kodla giriş yapar. Favori ürünleri hesabında durur. Üyelik formuna kendi sorularını (metin, seçim, evet/hayır) eklersin.
Kendi alan adını bağlama
Mağazan önce kullaniciadi.codesla.com adresinde açılır. Panelin "Alan adı" sayfasında kendi alan adını eklersin, alan adı sağlayıcında iki kayıt (CNAME ve sahipliğin için TXT) girersin; doğrulama ve SSL sertifikası kendiliğinden tamamlanır. Alan adını birincil adres yapınca eski adres kalıcı olarak (301) yeni adrese yönlenir, bağlantıların ve site haritan yeni adresi kullanır.
Editörde yaptığın değişiklikler taslakta kalır, yayınlayana kadar ziyaretçilerin görmez. Son 50 adımı geri alır ya da taslağı tümüyle atarsın. Yayınladıktan sonra da sürüm geçmişinden önceki bir yayını taslağa geri alıp yeniden yayınlarsın.
Temayı değiştirirsem ürünlerim ve siparişlerim etkilenir mi?
Hayır. Tema yalnız mağazanın görünümünü değiştirir; ürünlerin, müşterilerin, siparişlerin ve ayarların yerinde kalır. Yeni temayı önce önizler, editörde düzenler, hazır olunca yayınlarsın.
Mağazam telefonda farklı görünebilir mi?
Evet. Başlık boyutu, hiza, sütun sayısı, boşluk ve yükseklik gibi ayarları masaüstü, tablet ve telefon için ayrı verirsin; bir bölümü yalnız telefonda ya da yalnız bilgisayarda gösterebilirsin. Editörde cihazlar arasında tek tıkla geçip sonucu görürsün.
Teknik bilgim yok, mağazayı kendim yönetebilir miyim?
Evet. Hazır temalardan birini seçip logonu ve renklerini girmen yeterli; sayfaları sürükle-bırak tasarım editörüyle düzenlersin. Ürünleri tek tek ya da Excel ile toplu eklersin. Kod yazman gerekmez.
Destek nasıl alırım?
Mağazan açıldıktan sonra panelin üstündeki Yardım düğmesinden talep açarsın; bulunduğun sayfa ve mağaza bilgin talebe kendiliğinden eklenir, yanıtımız e-postana gelir. Destek kanalı: Paneldeki Yardım düğmesi ve e-posta. Yanıt süresi: 1 iş günü içinde. Tasarımında yardım gerekirse aynı yerden destek erişimini açarsın; ekibimiz tek kullanımlık, süreli bir bağlantıyla tasarım editörüne girer, yayın yapamaz ve her giriş kayda geçer. Mağaza açmadan önceki sorularını İletişim sayfasından yazarsın.
Editörü demo panelde kendin dene
Her demo mağazanın paneli şifresiz açılır: tasarım editörünü örnek bir mağaza üzerinde gezer, bölümleri seçer, ayarlara bakarsın. Demo panelde değişiklik kaydedilmez.