Aşağıdaki makale size yardımcı olacaktır:Shopify Mağazanıza Kolayca Kenar Çubuğu Nasıl Eklenir (& Düzenlenir)
E-ticaret markaları, alışveriş deneyimlerinin markalarına özgü olduğundan emin olmak için büyük çaba harcıyor. Sonuçta alıcınızın yolculuğu bir satış yapabilir veya bozabilir.
Ancak markalar, ister CTA yerleştirme, ürün sayfası hileleri veya gezinme yükseltmeleri olsun, güçlü bir müşteri deneyimi için mağazalarına neleri dahil edecekleri konusunda hâlâ birbirlerinden ilham alıyor.
Mağazaların sitelerinde veya ürün koleksiyonlarında gezinmeyi geliştirmek için kullanabileceği belirli bir bileşen kenar çubuğu menüsüdür.
Shopify’da kenar çubuğu menü özelliği her zaman bir seçenek değildir. Bazı temalarda var, çoğunda yok.
Temanız bu özelliği içerse de içermese de mağazanıza ekleyebilirsiniz. Temanız donanımlıysa gezinme ihtiyaçlarınıza uyacak şekilde düzenleyebilirsiniz.
Bu yazıda şunları ele alacağız:
Öncelikle mağazanızda kenar çubuğu menüsünün ne amaçla kullanılabileceğinden bahsedelim.
#cta-visual-pb#
Shopify’da kenar çubuğu menüsü nedir?
Kenar çubuğu menülerinin hem e-ticaret hem de diğer web sitelerinde çeşitli amaçları vardır.
Birçok site için bu, kullanılmayan alandan yararlanmanın ve ziyaretçilerin sitede daha kolay gezinmesine yardımcı olmanın bir yoludur.
Çoğu zaman aşağıdaki gibi özellikleri görürsünüz:
- Ana gezinme menüsü öğeleri
- Harekete geçirici mesajlar veya abonelik formları (örneğin, bu blog yazısının sol tarafındaki gibi)
- Öne çıkan içerik veya içerik kategorilerine bağlantılar (bloglar için)
- Görüntülü reklamlar
- Sosyal medya simgeleri
- Ürün filtreleri
Bir Shopify mağazasında büyük olasılıkla gezinme menüsü bağlantıları, sosyal medya simgeleri ve ürün filtreleri bulacaksınız.
Gördüğünüz gibi kenar çubuğunun tanımı kesin değildir. Hepsinin ortak noktası sayfanın yan tarafında bir çubuk olmasıdır.
Amazon, aklınıza gelebilecek hemen hemen her ürün filtresi için teslimat özellikleri, yıldız derecelendirmeleri, markalar, departmanlar, fiyatlandırma, stiller ve daha fazlasını içeren bir kenar çubuğu kullanır. Hatta orada bir veya iki reklam bile alıyorlar.
Resim: Amazon
Yararlı bir alışveriş deneyimi yaratma konusunda Amazon taklit edilecek kadar kötü bir deneyim değil (görsellik açısından değil işlevsellik açısından).
Dolayısıyla kenar çubuğunu ne amaçla istediğinize bağlı olarak Shopify mağazanız ve temanız için farklı yaklaşımlar uygulamanız gerekecektir.
Bazı temaların kenar çubukları vardır ancak yalnızca gezinme içindir. Diğerlerinde ürün filtreleme için kenar çubukları bulunur. Çoğunun kenar çubuğu yoktur.
Kenar çubukları olanlar için bunu beğeninize göre nasıl düzenleyeceğimiz konusuna gireceğiz. Olmayanlar için, ihtiyaç duyduğunuz yerde kenar çubukları oluşturmanın yollarını keşfedeceğiz.
Tüm temalar kenar çubuğu işlevine sahip değildir. En yaygın temalardan ikisi, İlk çıkış Ve Şafakkenar çubuğu seçeneğiniz yok.
Aslında, ücretsiz Çevrimiçi Mağaza 2.0 temalarının hiçbirinde kenar çubuğu işlevi yoktur; bunun yerine, aşağıda göreceğiniz gibi, koleksiyon sayfasının en üstünde yer alan basit bir ürün filtreleme sistemini kullanmayı tercih ederler. Algı tema.
Resim: Shopify
Temaların kenar çubuğu içermemesinin iyi nedenleri vardır; zira bu, aradıkları genel estetik ve işlevselliğe uymayabilir.
Temanıza dahil etmeniz gerekiyorsa, kenar çubuğu özelliğine sahip birkaç ücretsiz temayı burada bulabilirsiniz.
Sınırsız
Shopify’ın Sınırsız teması, gezinme amacıyla bir kenar çubuğuyla birlikte gelir. Bir ziyaretçi sol üst köşedeki hamburger düğmesine tıkladığında kenar çubuğu menüsü açılacaktır.
Kenar çubuğunda kullanmak istediğiniz iki menüyü belirtebilir ve sosyal medya bağlantılarınızdan herhangi birini ekleyebilirsiniz.
Kenar çubuğu menüsü, sitenin tamamında göründüğü için tema düzenleyicinizdeki herhangi bir sayfadan özelleştirilebilir.
Tedarik
Tedarik temasında kenar çubuğu menüsü, çok sınırlı özelleştirme seçenekleriyle koleksiyon sayfalarında kullanılabilir.
Kenar çubuğunu etkinleştirmeyi ve ürün filtreleme için etiketleri veya grupları kullanmayı seçebilirsiniz. Ana gezinme işlevine sahip değildir.
Basit
Basit tema ismine sadıktır. Kenar çubuğu menüsüne sahip olmasının nedeni, geleneksel başlık menüsünün yerini alması ve ürünleri sayfanın en üstüne getirmesidir.
Bu menüyü tema düzenleyicisindeki herhangi bir sayfadan özelleştirebilirsiniz çünkü bu menü her sayfada kalır. Bir kenar çubuğu temasına ihtiyacınız olan tek şey gezinmekse, bu sizin için işe yarayabilir.
Shopify temanızın kenar çubuğu özelliğini özelleştirmek temadan temaya farklılık gösterir. Daha önce de belirttiğim gibi, pek çok tema kenar çubuğunu içermiyor ve onu farklı şekillerde kullanan temalar var.
Bununla birlikte, hangi temayı kullanırsanız kullanın, kenar çubuğunuzu düzenleme süreci oldukça benzerdir.
1. Adım: Shopify kontrol panelinizden Online Mağaza > Temalar’a gidin
Öncelikle şuraya giderek temalarınızı bulun: Çevrimiçi Mağaza > Temalar. Burada mevcut canlı temanızı ve kayıtlı tema kitaplığınızı bulacaksınız.
Adım 2: Temanızda Özelleştir’e tıklayın
Değişiklik yapmak istediğiniz temayı bulun ve Özelleştirmek düğme. Bu sizi Shopify tema düzenleyicinize götürecektir.
3. Adım: Tema düzenleyicide istediğiniz sayfa şablonuna gidin
Sayfanın üst kısmındaki açılır menüden tema düzenleyicinizdeki çeşitli sayfa şablonlarına gidebilirsiniz.
Bazı temalar için kenar çubuğu, koleksiyon sayfasının bir işlevidir ve alışveriş yapanların bir koleksiyon içindeki ürün etiketlerine göre filtreleme yapmasına olanak tanır. Bu durum Tedarik tema.
Kenar çubuğu durumunuz bu şekilde açıklanıyorsa “Koleksiyonlar”a gidecek ve düzenlemek için “Varsayılan koleksiyon” sayfa şablonunu seçeceksiniz.
Bu temada kenar çubuğu seçenekleri başka bir sayfa bölümündedir
Diğer temalar kenar çubuğunu gezinme menüsü olarak kullanır. Basit Ve Sınırsız temalar.
Bu temalar için, özellik mağazanın tamamında kullanıldığından kenar çubuğunu herhangi bir sayfa şablonunda düzenleyebilirsiniz.
Bu temanın sayfa şablonlarında bulunan bir kenar çubuğu bölümü vardır
4. Adım: Kenar çubuğu bölümünüzü özelleştirmeye başlayın
Sayfa şablonuna girdikten sonra, Kenar çubuğu (veya Kenar çubuğu menüsü) bölümü sayfanın sol tarafında yer alır (kendisi de bir kenar çubuğudur!).
Not: Bazı temalar, örneğin Tedarikfarklı bir bölümde kenar çubuğu ayarlarına sahip olabilir, örneğin Toplamak.
Sayfanın sağ tarafında kenar çubuğu menünüze ilişkin özelleştirme seçeneklerini göreceksiniz.
Burada hangi gezinme menülerinin dahil edileceğini ve kenar çubuğunuza hangi sosyal medya simgelerinin eklenmesini istediğinizi seçebilirsiniz. Gördüğünüz gibi tema düzenleyicide özelleştirme seçenekleri oldukça sınırlıdır.
İsteğe bağlı: Kenar çubuğuna dahil edilen gezinme menülerinizi değiştirin
Tema düzenleyicide kenar çubuğunuza eklediğiniz menüler, tema düzenleyicide düzenlenemez.
Gezinme menülerinizi güncellemek için şuraya gidin: Çevrimiçi Mağaza > Gezinme ve düzenlemek istediğiniz menüye tıklayın (veya benim yaptığım gibi yeni bir menü ekleyin).
Menünüze istediğiniz ismi verebilirsiniz. Bunun için buna “Kenar Çubuğu” adını verdim.
İlgili sayfalara bağlantılar içeren menü öğelerini buraya ekleyin. Kenar çubuğu menüm koleksiyonlar etrafında oluşturuluyor, bu yüzden altına Sandalyeler ve Masalar alt koleksiyonları yerleştirilmiş bir Mobilya koleksiyonu ekliyorum.
Menü öğelerinizi iç içe yerleştirmek, öğeyi tutup yerine sürüklemek kadar basittir. Üç seviyeye kadar iç içe yerleştirebilirsiniz.
Menünüzü kaydettikten sonra tema düzenleyicisine geri dönebilir ve temanızda halihazırda yayında olan değişiklikleri görebilirsiniz.
#cta-visual-pb#
Daha önce de belirttiğimiz gibi temanızda kenar çubuğu özelliği bulunmayabilir, dolayısıyla yukarıdaki örneklerde olduğu gibi tema düzenleyicinizde bu özelliği bulamazsınız.
Açıkçası Shopify mağazanıza kenar çubuğu eklemenin en kolay yolu bu işlevselliğe sahip bir tema kullanmaktır.
Düzeninizi korumayı ancak bir kenar çubuğu eklemeyi tercih ediyorsanız, bunu gerçekleştirmek için temanızın şablon dosyalarına ekleme yapabilir ve bunları düzenleyebilirsiniz. Bu oldukça teknik bir süreçtir.
Adımlar, söz konusu sayfa için ayrı şablon bölümü dosyasını düzenlemeyi, mevcut kodu düzenlemeyi ve birden fazla yeni kod satırı eklemeyi ve Shopify kontrol paneliniz aracılığıyla eklenip özelleştirilebilmeleri için kenar çubuğunuza bölümler atamak üzere Liquid kodu eklemeyi içerir.
Kod temadan temaya ve şablondan şablona farklılık gösterdiğinden, burada herkes için geçerli olabilecek herhangi bir örnek kod sunamıyoruz.
Bunun yerine Shopify temalarında kullanılan HTML, CSS ve Liquid gibi kodlara aşina olmanız gerekir.
Başlamanıza yardımcı olacak bazı harika kaynaklar ve öğreticiler:
Kodlarla uğraşmak istemiyorsanız sizin için mükemmel bir çözümümüz var.
Sayfa Oluşturucu ile Shopify mağazanıza kenar çubuğu ekleyin
Shopify mağazanıza kenar çubuğu eklemenin başka bir yolu da Shogun Page Builder gibi görsel bir araç kullanmaktır.
Mağaza sayfaları oluşturmak için bölümleri yalnızca sürükleyip bırakmakla kalmaz, aynı zamanda yeni ve mevcut sayfalara bir kenar çubuğu da entegre edebilirsiniz.
Bu, sayfayı dikey bölümlere ayıran Sütunlar öğesiyle yapılır. Bunu sayfaya şu şekilde sürüklemeniz yeterlidir:
Bu yaklaşımla, sayfanızın gövdesini birden çok sütuna bölerken başlık gezinmenizi sağlam tutabilirsiniz.
Bu sütunlardan biri, site genelinde gezinmek veya ürünlere etiketlerle bağlantı vermek için kullanılabilecek bir kenar çubuğu menüsüne dönüştürülebilir.
Ancak hepsi bu değil. Sayfa Oluşturucu ile istediğiniz öğeleri bu ekstra sütuna sürükleyebilirsiniz. Hayal gücünüz sizin rehberinizdir.
Varsayılan olarak iki sütundur, ancak ihtiyaçlarınıza uyacak şekilde sütunlar ekleyebilirsiniz. Bu örnekte, üç sütunla gideceğiz ve en sağdaki sütunun genişliğini kenar çubuğu olarak kullanacak şekilde daraltacağız.
Bunun için üç sütun kullanıyorum ve kenar çubuğu için en soldaki sütunu küçültüyorum
Daha sonra sağdaki sütuna gezinme öğelerimiz olacak başlıklar ekleyebiliriz. Buradaki örneğim için, Tedarik temasının (daha önce bahsettiğim) koleksiyon sayfalarında yaptıklarını, ürün etiketi gruplamalarına bağlantı vererek kopyalıyorum.
Ayrıca en önemli bağlantılarınızı, sosyal medya simgelerinizi, bülten kayıt formunu ve daha fazlasını içeren bir hızlı bağlantı gezinme menüsü de oluşturabilirsiniz.
Sayfa Oluşturucu’da oluşturduğunuz sayfa bir Shopify şablonu olmasa da Sayfa Oluşturucu’da oluşturduğunuz herhangi bir yeni sayfa için kullanılacak bir şablon olarak kaydedebilirsiniz.
Sayfanın yapısını yalnızca bir veya iki kez kopyalamanız gerekiyorsa bunu da çoğaltabilirsiniz.
Bir sayfa şablonunu kaydettikten sonra, şablonda değişiklik yapabilir ve onu, Shogun’daki diğer şablonlar gibi, yeni sayfalar eklerken kullanabilirsiniz.
Her mağazanın kişiselleştirme ihtiyaçları benzersiz olduğundan Shogun’da kenar çubuğunuzu oluşturma şekliniz farklı olacaktır.
Yukarıdaki sayfa örneğini birkaç dakika içinde oluşturdum, bu nedenle sizin için en iyi olanı bulmak için etrafta dolaşmak çok kolaydır.
Sizi onunla eğlenmeye teşvik ediyoruz.
Müşterileriniz için güçlü bir alışveriş deneyimi yaratın
Mağazanızı hayal ettiğiniz unsurları içerecek şekilde özelleştirebilmek hem siz hem de müşterileriniz için son derece önemlidir.
Kenar çubuğu menüsü, kullanıcı deneyimine ekstra destek sağlayarak mağazanızda gezinmeyi kolaylaştırabilir.
Günümüzde pek çok temada mevcut olmasa da, bu özelliği kodlarla uğraşmanıza gerek kalmadan ekleyebilirsiniz. Sadece bu değil, Shogun Sayfa Oluşturucu ile mağaza sayfalarınızın diğer tüm yönlerini de özelleştirebilirsiniz.
#cta-visual-pb#
