Forsid Start · İlk 100 girişimciye özel
Yeni Forsid Start paketi, yalnızca ₺5.000
E-ticarete yeni başlayan girişimciler için birebir fırsat, kontenjan dolunca fiyat yükselir.
Hemen Başla
Mağazanızı kod yazmadan, tıklayarak tasarlayın. Editörün her düğmesi, her element ve her ayar bu rehberde.
Theme Studio, Forsid mağazanızın görünümünü kod yazmadan düzenlediğiniz görsel editördür. Mağazanızı ziyaretçinin gördüğü haliyle karşınızda görür, değiştirmek istediğiniz yere tıklar ve ayarları sağdaki panelden yaparsınız.
Tüm Forsid mağazaları Nordia teması üzerine kuruludur. Nordia, düzinelerce hazır element, sayfa düzenleri ve renk, yazı tipi ayarlarıyla farklı sektörlere uyum sağlayan esnek bir temadır. Aynı tema ile moda, gıda, elektronik ya da matbaa mağazası birbirinden tamamen farklı görünebilir.
Forsid panelinde Mağaza Ayarları altındaki Tema ekranına gidin. Üst arama kutusuna tema yazarak da ulaşabilirsiniz.
Aktif temanın kartındaki Theme Studio'da düzenle butonuna tıklayın. Editör anasayfa açık olarak başlar.
İlk girişte kısa bir tanıtım çıkar. Anladım, başlayalım ile kapatıp düzenlemeye başlayın.
Tema ekranında ayrıca hazır tasarımlar, tema eklentileri ve aktif temanın son düzenlenme bilgisi bulunur.
Editör beş ana alandan oluşur. Numaralar aşağıdaki açıklamalarla eşleşir.
Temalara dönüş, düzenlenen sayfanın seçimi, tema dili, masaüstü tablet mobil önizleme, geri al ve ileri al, dışarı ve içeri aktarma, SEO ve sayfa ayarları ile Yayınla butonu.
Sayfadaki tüm satır ve elementlerin ağaç görünümü. Buradan element seçer, sürükleyerek sıralar, gizler ya da silersiniz. Sol panelden Element ekle sekmesine geçip kategorilere ya da aramaya göre element bulursunuz.
Mağazanızın gerçek ürünleri ve içerikleriyle birebir görünümü. Metne ya da görsele tıklamak o elementin ayarlarını açar. Seçili element mor çerçeveyle gösterilir.
Seçili elementin ayarları. Ayarlar İçerik, Düzen, Stil ve Gelişmiş gibi gruplara ayrılmıştır. Değişiklikler önizlemeye anında yansır.
Sayfanın en altına yeni bir satır ekler. Satıra eklediğiniz sütunların içine elementler yerleştirilir.
Ctrl + ZSon değişikliği geri alCtrl + Shift + ZGeri alınan değişikliği tekrar uygulaEscAçık paneli ya da pencereyi kapatÜst çubuktaki sayfa seçiciden düzenlemek istediğiniz sayfayı seçersiniz. Ürün ve kategori gibi sayfalarda yaptığınız tasarım tüm ürünler ve tüm kategoriler için ortak kullanılır, her ürüne ayrı tasarım yapmanız gerekmez.
Aşağıdaki sayfalar ödeme güvenliği ve dönüşüm için sabit tasarlanmıştır. Bu sayfalara bölüm eklenemez, ancak genel renkler, yazı tipleri, header ve footer bu sayfalarda da geçerlidir.
Hazır sayfalarla sınırlı değilsiniz. Sayfa seçicinin en altındaki Sayfa Ekle butonuyla kurumsal, kampanya ya da lookbook gibi istediğiniz kadar özel sayfa oluşturabilirsiniz. Oluşturduğunuz sayfalar menüde Manuel Sayfalar başlığı altında listelenir ve diğer sayfalar gibi satır ve elementlerle tasarlanır.
Her sayfa üst üste dizilen satırlardan oluşur. Her satır bir ya da birden fazla sütuna bölünür, elementler de bu sütunların içine yerleştirilir. Böylece yan yana iki banner, üç ikon kutusu ya da solda metin sağda görsel gibi düzenler kolayca kurulur.
Sütundaki artı işaretine tıklayın ya da sol panelde Element ekle sekmesini açın.
Elementler Slider, Banner, İçerik, Ürün, Pazarlama gibi kategorilere ayrılmıştır. Element ara kutusuna adını yazarak da bulabilirsiniz. Her elementin küçük bir önizlemesi gösterilir.
Eklenen element örnek içerikle gelir. Metne, görsele ya da butona tıklayarak kendi içeriğinizi girin.
Her elementin ayarları konularına göre gruplanır. Çoğu elementte İçerik grubunda yazı ve görseller, Düzen grubunda hizalama ve sütun sayısı, Stil grubunda renk ve boşluklar, Gelişmiş grubunda özel CSS bulunur. Ayarlarda karşınıza çıkacak alan türleri şunlardır.
Ziyaretçilerinizin büyük kısmı telefondan gelir. Üst çubuktaki cihaz düğmeleriyle önizlemeyi masaüstü, tablet ve mobil arasında değiştirerek her ekranı ayrı ayrı kontrol edin.
Genel tema ayarları mağazanın tüm sayfalarına aynı anda uygulanır. Sayfa seçicide Genel Tema Ayarları başlığından açılır. Buradaki renkler elementlerde tema rengi olarak seçildiğinde, ana rengi değiştirdiğiniz an tüm butonlar ve vurgular birlikte güncellenir.
Ana yazı tipi gövde metinlerinde, başlık yazı tipi tüm başlıklarda kullanılır. Seçilebilecek 18 yazı tipi bulunur ve sadece kullandığınız yazı tipleri sayfaya yüklenir, böylece hız etkilenmez.
Kampanya sayfası, koleksiyon tanıtımı, lookbook ya da hikayeniz gibi tamamen size özel sayfalar oluşturabilirsiniz. Özel sayfalar diğer sayfalar gibi satır ve elementlerle tasarlanır.
Üst çubuktaki sayfa seçiciyi açın ve en alttaki Sayfa Ekle butonuna tıklayın.
Sayfa adını yazın. Mağazadaki her dil için sayfa adresi addan otomatik oluşur, isterseniz değiştirebilirsiniz. Sayfayı oluştur ile editör yeni sayfayla açılır.
Boş sayfaya satır ekleyip elementlerle doldurun. Sayfa oluşturulduğu anda mağazada aktiftir, tasarımınız Yayınla ile ziyaretçilere ulaşır.
Özel sayfayı seçiliyken ayarlar düğmesindeki Sayfa Durumu alanından yönetirsiniz.
Üst çubuktaki ayarlar düğmesi seçili sayfanın SEO penceresini açar.
Mağazanızda birden fazla dil açıksa her dilin tasarımı ve içeriği ayrı tutulur. Üst çubuktaki tema dili seçicisinden düzenlemek istediğiniz dili seçin.
Eklentiler, tasarımdan bağımsız olarak tüm mağazada çalışan küçük araçlardır. Tema ekranındaki Tema Eklentileri bölümünden açılıp kapatılır ve ayarlanır.
Tasarımınızı yedeklemek ya da başka bir Forsid mağazasına taşımak için üst çubuktaki Dışarı ve İçeri Aktar düğmesini kullanın.
Tema ekranındaki hazır tasarımlar, Nordia için hazırlanmış farklı tarzdaki tam sayfa düzenleridir. Bir hazır tasarımı yüklediğinizde sayfa düzenleri o tasarıma göre kurulur, siz de kendi içeriğinizle değiştirerek hızlı başlarsınız.
Editörde yaptığınız değişiklikler Yayınla butonuna basana kadar sadece sizin ekranınızda durur, ziyaretçiler eski hali görmeye devam eder. Yayınla ile değişiklikler kaydedilir ve aynı anda mağazada canlıya alınır.
Theme Studio'daki tüm elementler. Kategoriye göre filtreleyin ya da adına göre arayın. Sabit sayfa bileşenleri kendi sayfalarında hazır gelir, görünümleri düzenlenebilir ama başka sayfaya eklenemez.
Tam genişlikte, çok slaytlı ana görsel alanı. Her slayta görsel, başlık, açıklama ve iki buton eklenir, otomatik geçiş ve okları ayarlanır.
Tüm sayfalarArka planda kayan görseller üzerinde sekmeli bir arama kutusu. Ziyaretçi ürün ya da kategori seçerek doğrudan aramaya başlar.
Tüm sayfalarBir ya da birden fazla büyük görselden oluşan karşılama alanı. Tek görsel ya da slider modunda çalışır, metin ve buton konumu ayarlanır.
Tüm sayfalarYan yana dizilen görselli kampanya kartları. Her kartın kendi başlığı, alt başlığı, butonu ve renkleri vardır.
Tüm sayfalarTek bir kampanyayı öne çıkaran geniş banner. Arka plan görseli, başlık ve yönlendirme butonuyla kullanılır.
Tüm sayfalarGörsel ve bağlantılardan oluşan serbest kutular. Kategori ya da koleksiyonlara hızlı geçiş vermek için idealdir.
Tüm sayfalarSayfa kaydırılırken yerinde kalan görsel ve yanında kayan içerik kartları. Hikaye anlatan vitrinler için uygundur.
Tüm sayfalarFarklı boyutlardaki banner görsellerini ızgara düzeninde dizer. Masaüstü ve mobil için ayrı görsel seçilebilir.
Tüm sayfalarKelimeleri sırayla değişen ya da yazılır gibi beliren dikkat çekici başlık.
Tüm sayfalarSayfa içinde yatay akan duyuru, kampanya ya da avantaj metinleri.
Tüm sayfalarBölümler arasında kullanılan tek başlık. Boyut, hiza ve renk ayarlanır.
Tüm sayfalarBaşlık ile altında açıklama metninden oluşan sade içerik bloğu.
Tüm sayfalarSerbest paragraf alanı. Yazı boyutu, satır aralığı ve hiza ayarlanır.
Tüm sayfalarZengin metin düzenleyicili içerik bloğu. Kalın yazı, liste, bağlantı ve görsel eklenebilir.
Tüm sayfalarTek başına kullanılan buton. Metin, bağlantı, stil ve hiza ayarlanır.
Tüm sayfalarTek görsel. Oran, yükseklik, sığdırma şekli ve tıklanınca gidilecek bağlantı ayarlanır.
Tüm sayfalarGörsel, başlık ve açıklamayı bir kart içinde birleştirir.
Tüm sayfalarBirden fazla görseli ızgara, slider ya da sürekli akan şerit olarak gösterir. Tıklanınca büyük görünür.
Tüm sayfalarOkları ve noktalarıyla kayan görsel listesi.
Tüm sayfalarİki görseli üst üste koyup ortadaki tutamaçla karşılaştırma imkanı verir. Önce ve sonra görselleri için idealdir.
Tüm sayfalarİkon, başlık ve kısa açıklamadan oluşan avantaj kutuları. Ücretsiz kargo, güvenli ödeme gibi mesajlar için kullanılır.
Tüm sayfalarRenkli arka planlı bilgi kartları. Her kartta başlık, metin ve buton bulunur.
Tüm sayfalarBaşlık altında dizilen bağlantılar. Üzerine gelince değişen görünümü ayarlanır.
Tüm sayfalarNumaralı adımlarla bir süreci anlatır. Nasıl sipariş verilir gibi anlatımlar için uygundur.
Tüm sayfalarAçılır kapanır soru ve cevap listesi. Sık sorulan sorular sayfası ve ürün altı bilgilendirme için kullanılır.
Tüm sayfalarYouTube, Vimeo ya da yüklenen video. Tek video ya da video listesi olarak gösterilir, otomatik oynatma ve ses ayarlanır.
Tüm sayfalarSürekli kayan büyük yazı şeridi. İkon, hız ve yön ayarlanır.
Tüm sayfalarZiyaretçinin dil ve para birimi seçebildiği seçici.
Tüm sayfalarKendi HTML ve CSS kodunuzu ekleyebileceğiniz serbest alan. Hazır elementlerle yapılamayan özel tasarımlar için kullanılır.
Tüm sayfalarMağazadaki aktif kampanyaları kartlar halinde listeler.
Kampanyalar sayfasıSekmeli ürün vitrini. Her sekme farklı kategori, marka ya da etiketten ürün çekebilir.
Tüm sayfalarSeçilen kategorinin ürünlerini slider ya da ızgara olarak gösterir.
Tüm sayfalarBir görselin yanında birlikte satın alınabilecek ürünleri listeler. Kombin ve set satışları için uygundur.
Tüm sayfalarMüşteri yorumlarını kayan kartlar halinde gösterir. Yorumlar otomatik ya da elle seçilebilir.
Tüm sayfalarKısa ürün videolarını, videodaki ürünle birlikte satın alma butonuyla gösterir.
Tüm sayfalarMarka logolarını şerit ya da ızgara halinde gösterir. Markalar otomatik ya da elle seçilir.
Tüm sayfalarKampanya bitişine geri sayım. Bitiş tarihi, başlık ve buton ayarlanır.
Tüm sayfalarİşletmenizin Google yorumlarını kartlar halinde gösterir.
Tüm sayfalarInstagram gönderilerinizi görsel ızgarasında gösterir.
Tüm sayfalarEposta bülteni kayıt formu. Başlık, açıklama ve arka plan ayarlanır.
Tüm sayfalarSosyal medya hesaplarınızın ikonlu bağlantıları.
Tüm sayfalarBlogdaki son yazıları kartlar halinde gösterir.
Tüm sayfalarKategorileri görselli kartlar ya da daireler halinde listeler.
Tüm sayfalarKategori sayfasının üstündeki başlık alanı. Arka plan görseli ve renkleri ayarlanır.
Kategori sayfasıKategoriye yazdığınız açıklamayı gösterir. SEO metinleri için kullanılır.
Kategori sayfasıKategori sayfasının ana ürün listesi. Filtreler, sıralama, ürün kartı görünümü ve sayfa başına ürün sayısı ayarlanır.
Kategori sayfasıÜrün sayfasındaki görsel galerisi. Görsel oranı, küçük görsellerin yeri ve filigran ayarlanır.
Ürün sayfasıÜrün adı, fiyat, varyant seçimi, sepete ekle, taksit, kargo bilgisi ve paket teklifleri gibi satın alma alanı.
Ürün sayfasıÜrün açıklaması, özellikler, yorumlar ve soru cevap sekmeleri.
Ürün sayfasıÜrünle birlikte alınabilecek tamamlayıcı ürünleri gösterir.
Ürün sayfasıZiyaretçinin mesaj gönderebildiği form. Alanlar ve görünüm ayarlanır.
Tüm sayfalarAdres, telefon, eposta ve hızlı iletişim butonları.
Tüm sayfalarGoogle Haritalar üzerinde mağaza konumu.
Tüm sayfalarFiziksel mağazalarınızın adres ve iletişim bilgileriyle listesi.
Tüm sayfalarZiyaretçinin sitedeki konumunu gösteren yol izi. Ürün, kategori ve marka sayfalarında kullanılır.
Ürün, kategori, marka sayfalarıBölümler arasında çizgi, nokta ya da ikonlu ayraç.
Tüm sayfalarBölümler arasına istediğiniz yükseklikte boşluk ekler.
Tüm sayfalarHakkımızda sayfasının görselli giriş alanı.
Tüm sayfalarLogo, menü, arama, favoriler, hesap ve sepet alanı. Yapışkan davranış, arka plan ve tüm ikonlar ayarlanır.
Header alanıSayfanın en üstündeki ince duyuru şeridi.
Header alanıHeader üstünde iletişim bilgileri ve kısa bağlantılar içeren şerit.
Header alanıÜst şeritte telefon ve eposta.
Header alanıÜst şeritte kısa bağlantılar, örneğin sipariş takibi ya da yardım.
Header alanıLogo, menü sütunları, iletişim, bülten, sosyal medya ve alt çubuktan oluşan footer alanı.
Footer alanıFooter içindeki logo.
Footer alanıFooter altında sayfa genişliğinde büyük logo.
Footer alanıFooter bağlantı sütunları.
Footer alanıFooter içinde adres, telefon ve eposta.
Footer alanıFooter içinde bülten kayıt formu.
Footer alanıFooter içinde sosyal medya ikonları.
Footer alanıKabul edilen kart ve ödeme yöntemlerinin logoları.
Footer alanıGizlilik, mesafeli satış ve KVKK gibi sözleşme bağlantıları.
Footer alanıFooter içinde kayan yazı şeridi.
Footer alanıTelif hakkı metni.
Footer alanıSepet ürünleri, kupon, hediye paketi ve sipariş özeti.
SepetAdres, kargo ve ödeme adımlarından oluşan güvenli ödeme akışı.
ÖdemeÖdeme başarılı, başarısız ya da işleniyor ekranları.
Ödeme sonucuÖdemede teslimat ve fatura adresi seçimi.
ÖdemeMüşteri giriş ve şifre sıfırlama formu. Görünümü düzenlenebilir.
GirişYeni müşteri kayıt formu. Görünümü düzenlenebilir.
KayıtMüşterinin siparişleri, adresleri, favorileri ve bilgileri.
HesabımTek siparişin ürünleri, kargo durumu, iade ve iptal işlemleri.
Sipariş detaySipariş numarası ve eposta ile kargo durumunu sorgulama.
Sipariş takibiBlog yazılarının arama ve sayfalama ile listesi.
BlogBlog yazısının okuma sayfası. Başlık düzeni ve okuma deneyimi ayarlanır.
Blog detaySözleşme metinlerinin gösterildiği sayfa.
SözleşmePanelden oluşturulan içerik sayfalarının gösterimi.
SayfaArama yapıldığında ürün listesini gösterir.
AramaTüm markaların listesi.
MarkalarMarkanın ürünleri ve marka bilgisi.
Marka detayÜrün sayfasının altında benzer ürünleri gösterir.
Ürün sayfasıOlmayan bir adrese gidildiğinde görünen sayfa. Metin, buton ve arama ayarlanır.
404Anasayfada her şeyi göstermeye çalışmayın. Güçlü bir slider, öne çıkan kategoriler, bir ürün vitrini ve güven veren ikon kutuları çoğu mağaza için yeterlidir.
Her değişiklikten sonra mobil önizlemeye bakın. Mobilde uzun metinleri kısaltın, dikey görseller kullanın.
Elementlerde sabit renk yerine tema rengini seçerseniz, kampanya dönemlerinde tek ayarla tüm siteyi yeni renge geçirebilirsiniz.
Slider ve banner için en az 1920 piksel genişlik, ürün görselleri için kare ve en az 1000 piksel önerilir. Görseller otomatik optimize edilir.
Dönemsel bölümleri silmek yerine gizleyin. Bir sonraki kampanyada tek tıkla geri getirirsiniz.
Büyük bir tasarım değişikliğinden önce dışarı aktararak yedek alın.
Değişiklikler Yayınla butonuna basana kadar sadece editörde durur. Yayınla ile hem kaydedilir hem de mağazada canlıya alınır. Ayrı bir taslak aşaması yoktur.
Yayınlamadan önce Ctrl+Z ile geri alabilirsiniz. Mac üzerinde Cmd+Z kullanılır. İleri almak için Ctrl+Shift+Z.
Sepet, ödeme, hesabım ve sonuç sayfaları güvenlik ve dönüşüm için sabit tasarlanmıştır. Renkler ve yazı tipleri genel tema ayarlarından bu sayfalara da uygulanır.
Elementi seçip cihaz görünürlüğü ayarından mobil için gizleyin. Element masaüstünde görünmeye devam eder.
Evet. Dışarı aktar ile seçtiğiniz sayfaları JSON dosyası olarak indirip diğer mağazada İçeri aktar ile yükleyebilirsiniz.
Özel HTML + CSS elementi ile serbest kod ekleyebilir, her elementin Gelişmiş sekmesinden elemente özel CSS yazabilirsiniz.
Her dilin içeriği ayrı tutulur. Editörde dili İngilizce yapın ve o dilin içeriğini düzenleyin. Boş dilde mevcut tasarımla başlama seçeneği sunulur.
Görseller ekran boyutuna göre otomatik küçültülür. Kaynak görselin genişliğinin en az görüneceği alan kadar olmasına dikkat edin. Banner için en az 1920 piksel önerilir.