Ticimax'ta Tasarım Ayarları: E-Ticaret Sitenize Kimlik Kazandırma Rehberi
E-ticaret dünyasında başarı, yalnızca sunduğunuz ürünlerle değil, aynı zamanda müşterilerinize sunduğunuz görsel deneyimle de yakından ilişkilidir. Bir web sitesinin tasarımı, markanızın kişiliğini yansıtır, güven oluşturur ve kullanıcıların sitenizde daha keyifli vakit geçirmesini sağlar. Ticimax altyapısı, bu noktada sunduğu esnek tasarım ayarlarıyla işletmelere kendi kimliklerini en iyi şekilde yansıtma imkanı sunar.
Tasarım Ayarları Nasıl Yapılır?
Ticimax yönetim panelindeki Tasarım menüsü altında, sitenizin görünümünü şekillendirebileceğiniz birçok alt menü bulunur. İşte bu menüler ve temel işlevleri:
Tasarım Ayarları: Sitenizin genel renk paleti, fontları, logo boyutu gibi temel tasarım unsurlarını buradan yönetirsiniz.
Footer Tasarımı: Sitenizin en alt kısmında yer alan footer (alt bilgi) bölümünü düzenlersiniz. Buraya iletişim bilgileri, sosyal medya ikonları, ödeme yöntemleri ve aydınlatma metni gibi önemli bilgileri ekleyebilirsiniz.
Header Tasarımı: Sitenizin en üst kısmında yer alan header (üst bilgi) bölümünü düzenlersiniz. Logo, arama çubuğu, sepet ve kullanıcı menülerinin konumlarını ve stillerini buradan belirlersiniz.
Tema Yönetimi: Sitenizin görsel iskeletini oluşturan temaları seçip aktif hale getirebileceğiniz menüdür. Farklı sektörlere ve estetiklere uygun hazır temalara buradan ulaşabilirsiniz.
Menü Yönetimi: Sitenizin ana menülerini ve alt menülerini oluşturup düzenlersiniz. Kategorilerinizi, alt kategorilerinizi ve statik sayfalarınızı (hakkımızda, iletişim gibi) bu menülere ekleyebilirsiniz.
Slider Yönetimi: Ana sayfanızın en üstünde yer alan ve genellikle duyurular, kampanyalar veya yeni ürünler için kullanılan büyük görsel alanları (sliderları) buradan yönetirsiniz.
Mobil Slider Yönetimi: Mobil cihazlar için özel olarak tasarlanmış sliderları buradan yükleyip düzenlersiniz. Bu, mobil kullanıcı deneyimini optimize etmek için önemlidir.
Tasarım Ayarları Paneline Giriş ve Kullanım
Ticimax'ta sitenizin tasarımını kişiselleştirmek için yönetim panelinizden Tasarım > Tasarım Ayarları menüsüne giriş yapın. Bu bölümden, sistemde standart olarak bulunan temaların örneklerini inceleyebilirsiniz. Bir tema seçimi yaptıktan sonra, responsive seriler hem kullanıcı deneyimi (UX) hem de SEO açısından daha avantajlı olacaktır.
Ana Sayfa Banner Boyutu: Ana sayfanızda kullanacağınız banner görsellerinin boyutlarını Anasayfa Banner Resim Boyutu alanından belirleyebilirsiniz. Bu alan aynı zamanda "Thumb" olarak adlandırılan küçük resimlerin boyutunu da ayarlamanıza olanak tanır.
Favicon ve Logo: Sitenizin favicon ve logosunu bu panelden yükleyebilirsiniz.
Slider Ayarları: Ana sayfanızda bir slider kullanmak isterseniz, Slider Aktif seçeneğini işaretleyerek, slayt geçiş efektini ve geçiş süresini milisaniye cinsinden ayarlayabilirsiniz. Ayrıca, Kategoride Slider Göster seçeneğini aktif ettiğinizde, slider'ın kategori sayfalarında görünmesi için Kategori Yönetimi'nden slider eklemeniz gerekir.
Site Düzeni ve Genel Görsel Uyum Sağlama
Sitenizin genel estetiği için görsellerin boyutları önemlidir. Ticimax, sitenizde kullanacağınız görseller için ideal resim boyutları sunar. Bu ölçülere uygun görseller yüklerseniz, sitenizde daha kaliteli görseller elde edersiniz. Eğer görselleri bu ölçülerin dışında yüklerseniz, sistem bunları otomatik olarak boyutlandıracaktır, ancak bu durum görsellerin kalitesini düşürebilir.
Tasarım Ayarlarında Marka Kimliğini Yansıtma
Özel Tasarım Hizmeti: Eğer markanıza özel, benzersiz bir tasarım istiyorsanız, tema seçim ekranında "Ticimax Özel Tasarım" seçeneğini kullanabilirsiniz.
Temanın Özelleştirilmesi: Standart bir temayı kendi markanıza uygun şekilde düzenlemek isterseniz, Admin Panelinizden Tasarım > Tema Yönetimi sayfasına giderek mevcut temaların CSS / JS kodlarına müdahale edebilirsiniz. Tema yönetimi alanı, sistemdeki tüm temaların CSS ve JavaScript kodlarına erişim sağlayarak bu kodlar üzerinde değişiklik yapmanıza olanak tanır.
Header ve Footer Tasarımları: Sitenizin üst (header) ve alt (footer) bölümlerini Header Footer Tasarımları sekmesinden özelleştirebilirsiniz. Bu alanlara metin, logo ve diğer görselleri ekleyebilir, marka kimliğinizi yansıtan mesajlar oluşturabilirsiniz.
Site Düzeni ve Genel Görsel Uyum Sağlama
Sitenizin genel estetiği için görsellerin boyutları önemlidir. Ticimax, sitenizde kullanacağınız görseller için ideal resim boyutları sunar. Bu ölçülere uygun görseller yüklerseniz, sitenizde daha kaliteli görseller elde edersiniz. Eğer görselleri bu ölçülerin dışında yüklerseniz, sistem bunları otomatik olarak boyutlandıracaktır, ancak bu durum görsellerin kalitesini düşürebilir.
Tasarım Ayarlarında Marka Kimliğini Yansıtma
Özel Tasarım Hizmeti: Eğer markanıza özel, benzersiz bir tasarım istiyorsanız, tema seçim ekranında "Ticimax Özel Tasarım" seçeneğini kullanabilirsiniz.
Temanın Özelleştirilmesi: Standart bir temayı kendi markanıza uygun şekilde düzenlemek isterseniz, Admin Panelinizden Tasarım > Tema Yönetimi sayfasına giderek mevcut temaların CSS / JS kodlarına müdahale edebilirsiniz. Tema yönetimi alanı, sistemdeki tüm temaların CSS ve JavaScript kodlarına erişim sağlayarak bu kodlar üzerinde değişiklik yapmanıza olanak tanır.
Header ve Footer Tasarımları: Sitenizin üst (header) ve alt (footer) bölümlerini Header Footer Tasarımları sekmesinden özelleştirebilirsiniz. Bu alanlara metin, logo ve diğer görselleri ekleyebilir, marka kimliğinizi yansıtan mesajlar oluşturabilirsiniz.
Ticimax’te Footer Tasarımı
Web sitenizin alt bilgi (footer) bölümü, sadece estetik bir unsur değil, aynı zamanda kullanıcı deneyimi ve SEO için de kritik bir alandır. Ticimax, footer alanını markanızın kimliğine uygun ve işlevsel bir şekilde tasarlamanız için esnek ayarlar sunar. Unutmayın ki, seçtiğiniz temaya göre footer bölümlerinin düzeninde ve özelliklerinde farklılıklar olabilir.
Footer bölümüne menü ve link ekleme
Footer, müşterilerin aradığı bilgilere hızlıca ulaşabilmesi için önemli bir navigasyon noktasıdır.
Menü Ekleme: Sitenizin footer alanına sık kullanılan menüleri (örneğin, "Hakkımızda," "Sıkça Sorulan Sorular," "Gizlilik Politikası" gibi) ekleyerek site içi gezinmeyi kolaylaştırabilirsiniz.
Link Yapılandırması: İlgili linkleri kategorize ederek ve anlaşılır başlıklar altında gruplayarak daha düzenli bir görünüm sağlayabilirsiniz. Bu, kullanıcıların istedikleri sayfalara daha hızlı ulaşmasına yardımcı olur.
İletişim ve sosyal medya ikonlarını düzenleme
Sosyal medya ikonları ve iletişim bilgileri, müşterilerinizle bağ kurmanızı ve onlara güven vermenizi sağlar.
İletişim Bilgileri: Adres, telefon numarası ve e-posta gibi iletişim bilgilerinizi footer'a ekleyerek müşterilerinizin size kolayca ulaşmasını sağlayabilirsiniz.
Sosyal Medya İkonları: Facebook, Instagram, Twitter gibi sosyal medya hesaplarınızın ikonlarını footer'a yerleştirerek takipçi sayınızı artırabilir ve sosyal platformlarda da marka bilinirliğinizi güçlendirebilirsiniz. Bu ikonlar genellikle hazır olarak temalarda bulunur ve ilgili linkleri eklemeniz yeterlidir.
Footer alanını SEO uyumlu hale getirme
Footer, sitenizin SEO performansını artırmak için stratejik olarak kullanılabilir.
Anahtar Kelime Kullanımı: Footer'da bulunan açıklamalarda ve menü başlıklarında, hedeflediğiniz anahtar kelimeleri doğal bir şekilde kullanarak arama motorlarının sitenizi daha iyi anlamasına yardımcı olabilirsiniz.
İç Linkleme: En önemli kategori ve ürün sayfalarınıza footer'dan link vererek bu sayfaların arama motorlarındaki otoritesini artırabilirsiniz. Ancak bu linkleri aşırıya kaçmadan ve kullanıcılar için faydalı olacak şekilde eklemeye özen göstermelisiniz.
Site Haritası: Sitenizin tam bir site haritasını footer'a ekleyerek arama motoru botlarının sitenizdeki tüm sayfaları kolayca taramasını sağlayabilirsiniz.
Ticimax'ta Header Tasarımı
Web sitenizin en üst kısmında yer alan "header" bölümü, marka kimliğinizi yansıtmanın yanı sıra kullanıcıların site içinde kolayca gezinmesini sağlayan en önemli navigasyon aracıdır. Ticimax, header alanınızı markanızın ihtiyaçlarına göre şekillendirmeniz için çeşitli tasarım ve ayar seçenekleri sunar.
Logo ve menü yapısını düzenleme
Logo Yükleme: Sitenizin logosunu Ticimax yönetim panelindeki Tasarım > Tasarım Ayarları sekmesinden kolayca yükleyebilirsiniz. Bu alanda, sitenizin logosunun nasıl görüneceğini belirleyebilir, marka kimliğinizi doğrudan yansıtabilirsiniz.
Header ve Footer Tasarımları: Sitenizin üst (header) ve alt (footer) bölümlerini Header Footer Tasarımları sekmesinden özelleştirebilirsiniz.
Menü Yapısı: Menülerinizi kategorilere ayırmak ve ana sayfaya, iletişim veya sepet gibi önemli sayfalara linkler eklemek, müşterilerinizin aradıkları bilgiye hızlıca ulaşmasını sağlar. Sitenizin navigasyonunu basitleştirmek, kullanıcı deneyimini doğrudan artırır.
Arama çubuğu ve kullanıcı deneyimini geliştirme
Arama Çubuğu Konumu: Header'da yer alan arama çubuğu, özellikle geniş ürün yelpazesine sahip sitelerde hayati öneme sahiptir. Arama çubuğunu kolayca bulunabilir bir konuma yerleştirerek kullanıcıların istedikleri ürüne doğrudan ulaşmasını sağlayabilirsiniz.
Hızlı Arama: Müşterilerin arama yaparken onlara öneriler sunan veya popüler aramaları gösteren bir hızlı arama özelliği, kullanıcı deneyimini zenginleştirir.
Header tasarımında mobil uyumluluk
Responsive Tasarım: Sitenizin headers'ının mobil uyumlu (responsive) olması, akıllı telefonlardan veya tabletlerden gelen ziyaretçiler için sorunsuz bir alışveriş deneyimi sunar. Ticimax'ın responsive temaları, headers'ın farklı ekran boyutlarına otomatik olarak uyum sağlamasını sağlar.
Gizlenen Menüler: Küçük ekranlarda yer kazanmak için menülerin hamburger menü gibi gizlenen bir yapıda olması ve kolayca açılabilir olması önemlidir.
Ticimax'ta Tema Yönetimi
Ticimax'ta tema yönetimi, sitenizin hazır bir temayı kullanarak veya temayı kod düzeyinde düzenleyerek marka kimliğinize uygun hale getirmenizi sağlar. Bu bölümde, sitenizin görsel bütünlüğünü ve kullanıcı deneyimini doğrudan etkileyen tema ayarlarını yönetebilirsiniz.
Hazır tema seçimi nasıl yapılır?
Ticimax yönetim panelinizden Tasarım > Tasarım Ayarları > Tasarımlar menüsüne giderek sistemde mevcut olan hazır temaların örneklerini inceleyebilirsiniz. Bir tema seçimi yaptıktan sonra, sayfanın en üstünde yer alan Tema alanından seçtiğiniz temayı belirleyip kaydedebilirsiniz.
Tema renklerini ve fontları özelleştirme
Hazır bir temayı kendi markanıza uyarlamak isterseniz, panelinizden Tasarım > Tema Yönetimi sayfasına giderek mevcut temaların kodlarına müdahale edebilirsiniz. Bu bölüm, sistemdeki tüm temaların CSS ve Javascript dosyalarına erişim imkanı sunar.
Tema Klonlama: Mevcut bir temayı düzenlemek için öncelikle Tema Yönetimi sayfasında Yeni Ekle butonuna tıklayarak temayı klonlayabilir ve üzerinde değişiklik yapabileceğiniz bir kopya oluşturabilirsiniz.
Kod Düzenleme: Oluşturduğunuz klon temayı seçerek sol taraftaki butonlar aracılığıyla tema kodlarına erişebilir ve renk, font gibi ayarları doğrudan CSS dosyaları üzerinden değiştirebilirsiniz. Düzenlemelerin sitenize yansıması için Kaydet dedikten sonra, Tasarım > Tasarım Ayarları > Tasarımlar menüsünden yeni temayı seçmeniz gerekir.
Tema yönetiminde görsel bütünlük sağlama
Sitenizin genel görsel kalitesini korumak için, görselleri yüklerken ideal resim boyutlarını kullanmak önemlidir. Sistem, farklı boyutta yüklenen görselleri otomatik olarak boyutlandırabilir, ancak bu durum kalite kaybına yol açabilir. Bu nedenle, en iyi sonuçlar için görselleri panelde belirtilen ölçülere uygun olarak hazırlamanız önerilir.
Ticimax'ta Menü Yönetimi
Ticimax'ta menü yönetimi, e-ticaret sitenizin gezinme yapısını ve kategori hiyerarşisini oluşturmanızı sağlar. Doğru yapılandırılmış bir menü, müşterilerinizin ürünlere kolayca ulaşmasına ve sitenizdeki kullanıcı deneyiminin gelişmesine yardımcı olur.
Ana menü oluşturma ve düzenleme
Ana menünüzü oluşturmak için yönetim panelinizde Ürünler > Kategori Yönetimi menüsüne gidin.
Kategori Ekleme: Açılan sayfada sol üstte bulunan Ana Kategori Ekle menüsünden kategorilerinizi oluşturabilirsiniz.
Kategori Bilgileri: Yeni kategori eklerken, kategori adını (Kategori Adı) girin; kategori adresi (Kategori Adresi) otomatik olarak oluşturulacaktır. Gerekli olmasa da, tedarikçi konumundaysanız ürünlerinizi XML formatında dışarıya vermek için bir kategori kodu da belirleyebilirsiniz.
Sıralama ve Taşıma: Kategorilerinizi tut-sürükle-bırak yöntemiyle taşıyabilir veya sıralarını değiştirebilirsiniz. Sürüklemek istediğiniz kategorinin yanında çıkan yeşil onay işareti, hedef alana bırakıldığında taşınacağını gösterir.
Alt menü ve kategori bağlantıları ekleme
Sitenizin menü yapısını daha detaylı hale getirmek için alt kategoriler ekleyebilirsiniz.
Alt Kategori Ekleme: Mevcut bir kategoriye sağ tıklayarak Alt Kategori Ekle seçeneğini kullanabilirsiniz.
Hiyerarşi Belirleme: Excel üzerinden toplu ürün yüklerken, kategorileri birbiriyle ilişkilendirmek için büyüktür (>) işaretini kullanabilir ve yeni bir kategori kırılımına geçmek için noktalı virgül (;) işaretini kullanabilirsiniz.
Menü tasarımında kullanıcı deneyimini artırma
Kategori ve menü ayarları, sitenizin genel kullanıcı deneyimini doğrudan etkiler.
Görsel ve İçerik Yönetimi: Kategori sayfalarına ürünlerden önce görünmesini istediğiniz resim, yazı veya video ekleyebilirsiniz. Ayrıca, kategori sayfasına özel bir slider eklemek için Slider seçeneğini aktif edebilirsiniz.
SEO Ayarları: Arama motorlarındaki görünürlüğünüzü artırmak için kategori başlığının nasıl çıkacağını (SEO Title) ve açıklamasını (SEO Description) belirleyebilirsiniz. Kategori sayfasının dizine eklenmesini engellemek için SEO No Index, bağlantılarının takip edilmesini engellemek için ise SEO No Follow seçeneklerini kullanabilirsiniz.
Gelişmiş Seçenekler:
Stokta olmayan ürünleri listenin sonunda gösterebilir veya listeden gizleyebilirsiniz.
Ürünlerinizin varyasyonları varsa, bunları kategori sayfasında görünür hale getirebilirsiniz.
Kategori sayfasındaki videoların otomatik oynatılıp oynatılmayacağını belirleyebilirsiniz.
Ticimax’te Slider Yönetimi
Ticimax, e-ticaret sitenizin ana sayfasında yer alan slider (dönen banner) alanını kolayca yönetmenizi sağlar. Doğru yapılandırılmış bir slider, sitenizin en önemli kampanyalarını ve duyurularını ziyaretçilerinize etkili bir şekilde sunmanıza yardımcı olur.
Ana sayfaya slider ekleme adımları
Menüye Erişim: Sitenizin yönetim panelinden Tasarım > Slider Yönetimi menüsüne giderek slider alanını yönetebilirsiniz.
Slider Oluşturma: Yeni bir slider eklemek için Yeni Ekle butonuna tıklayın. Bu ekranda, slider’ınızın adını, açıklamasını, resmini ve yönlendireceği hedef linki belirleyebilirsiniz.
Sıralama ve Durum: Slider'larınızı sıra numarasına göre sıralayabilir, tut-sürükle-bırak yöntemiyle düzenleyebilir, veya slider'ı aktif/pasif duruma getirebilirsiniz.
Görsel Boyutları: Slider genişliğinin, Tasarım > Tasarım Ayarları > Anasayfa Banner Resim Boyutu alanında belirtilen piksel (px) ölçülerinde olması önemlidir. Yükseklik ölçüleri size bağlıdır ancak tüm slider'larınızın aynı yükseklikte olması önerilir.
Slider görsellerinde SEO uyumlu içerik kullanımı
Slider görsellerinize ekleyeceğiniz metinler ve açıklamalar, sadece ziyaretçiler için değil, arama motorları için de önemlidir. Slider'ın altında görünmesini istediğiniz açıklama bilgisini, içeriği özetleyecek şekilde yazmalısınız.
Slider düzeninde marka kampanyalarını öne çıkarma
Sliderlar, anlık kampanyaları ve fırsatları duyurmak için idealdir.
Hedef Linkler: Her bir slider görseline, ilgili kampanya veya ürün sayfasına yönlendiren bir hedef link (Hedef Link) ekleyerek müşterilerinizi doğrudan alışveriş yapmaya teşvik edebilirsiniz.
Geçiş Ayarları: Slider Ayarları menüsünden slayt geçiş efektini ve geçiş süresini milisaniye cinsinden ayarlayarak ziyaretçilere en uygun deneyimi sunabilirsiniz.
Mobil Uyumluluk: Ziyaretçilerinizin büyük bir kısmı mobil cihazlardan geldiği için slider'larınızın mobil uyumlu olmasına dikkat etmelisiniz. İstenmeyen durumlarda, Ayarlar > Genel Ayarlar > Site Yönetim Araçları > Anasayfada Animasyonu Göster parametresini pasif duruma getirerek ana sayfadaki slider alanını kaldırabilirsiniz.
Ticimax’te Mobil Slider Yönetimi
E-ticaret sitenizin mobil uyumluluğu, günümüz alışveriş alışkanlıkları için kritik bir öneme sahiptir. Ticimax’ta, masaüstü slider'larınızdan bağımsız olarak mobil cihazlara özel sliderlar oluşturabilir ve yönetebilirsiniz.
Mobil cihazlara özel slider ekleme
Görsel Boyutları: Mobil slider’larınızı eklerken, ekranın dikey formatına uygun görseller kullanmalısınız. Tasarım > Tasarım Ayarları > Anasayfa Banner Resim Boyutu alanından mobil cihazlara uygun piksel (px) ölçülerini belirleyebilirsiniz. Ticimax, yükseklik ölçülerini sizin belirlemenize izin verir, ancak tüm slider'ların aynı yükseklikte olmasını önerir.
Slider Alanı: Mobil slider’ları eklemek için Tasarım > Slider Yönetimi menüsüne gidin. Burada, Yeni Ekle butonuna tıklayarak mobil cihazlara özel slider'lar oluşturabilirsiniz.
Mobil slider boyut ve hız ayarları
Otomatik Boyutlandırma: Eğer görsellerinizi önerilen boyutlarda yüklemezseniz, sistem bunları otomatik olarak boyutlandırır ve bu durum kalite kaybına yol açabilir. Kaliteli bir mobil deneyim için görsellerinizi önerilen boyutlarda yüklemelisiniz.
Geçiş Hızı: Slider geçiş hızını milisaniye cinsinden ayarlayabilirsiniz. Bu ayar, mobil cihazlarda kullanıcıyı yormayacak bir hızda olmalıdır.
Mobil slider ile kullanıcı deneyimini geliştirme
Kampanya Tanıtımı: Mobil slider'lar, mobil kullanıcılara özel kampanyalar, indirimler veya yeni gelen ürünler gibi bilgileri anında sunmak için idealdir. Her bir slider’ı ilgili ürün veya kampanya sayfasına bağlayarak (Hedef Link) mobil alışverişi kolaylaştırabilirsiniz.
Gezinme Kolaylığı: Mobil cihazlarda kullanıcılar genellikle tek elle gezinir. Slider'ları aktif/pasif yapabilir veya tut-sürükle-bırak yöntemiyle yeniden sıralayarak en önemli kampanyalarınızın kolayca görülebilir olmasını sağlayabilirsiniz.
Gereksiz Slider'ları Kaldırma: Eğer sitenizde slider alanı kullanmak istemiyorsanız, Ayarlar > Genel Ayarlar > Site Yönetim Araçları > Anasayfada Animasyonu Göster parametresini pasif hale getirerek bu alanı kapatabilirsiniz.