Çevrimiçi İşinizi Bir Sonraki Seviyeye Taşıyan En İyi BigCommerce Vitrin Tasarımları (2023)

Yayınlanan: 2023-01-27

Giriş

BigCommerce mağazalarında satış yapmak üzere herhangi bir ürün eklemeden önce ilk adım, bir BigCommerce vitrin tasarımı oluşturmaktır.

Ancak, göründüğü kadar basit değil… Bir temaya karar vermeyi, gerekli üçüncü taraf eklentileri yüklemeyi, içerik sayfaları oluşturmayı ve daha pek çok şeyi içerir…

Bir BigCommerce mağazası oluşturmaya hazır ancak aşırı yüklenmiş hissediyor musunuz?

Bir sonraki bölümde, bunların nasıl yapılacağına ilişkin ayrıntılı yönergeleri yalnızca bir makalede bulacaksınız. Daha ne? LitExtension – 1 Numaralı Dünya Alışveriş Sepeti Taşıma Uzmanı , bir sonraki büyük fikriniz için kullanabilmeniz için en sevdiğimiz 3 BigCommerce vitrin tasarımımızın bir listesini de oluşturur!

Bu ipuçlarını kullanın ve BigCommerce mağazanız müthiş bir başarı olacak!

O halde, her bölümü (her zaman tavsiye ettiğimiz) okuyalım veya doğrudan sizi en çok ilgilendiren mağazaya gidelim:

  • BigCommerce nedir?
  • 6 basit adımda bir BigCommerce vitrin tasarımı nasıl oluşturulur?
  • En iyi BigCommerce vitrin tasarım örnekleri

BigCommerce'e geçmek ister misiniz?

BigCommerce'e geçmeyi düşünüyorsanız , LitExtension, verilerinizi mevcut e-Ticaret platformundan yenisine doğru ve acısız bir şekilde en yüksek güvenlikle aktarmanıza yardımcı olan harika bir taşıma hizmeti sunar.

ŞİMDİ BIGCOMMERCE'E GEÇİN

BigCommerce nedir?

Hızlı büyümesiyle tanınan Austin, Teksas merkezli BigCommerce , dünya çapında en önde gelen çevrimiçi mağaza yönetim sistemlerinden biri haline geldi. 2009 yılında kurulan şirket, 120 farklı ülkede 80.000'den fazla çevrimiçi perakendeciye genişledi ve hizmet verdi.

BigCommerce web sitesi
BigCommerce ana sayfası

Pek çok e-Ticaret platformu arasında BigCommerce, tüccarların tek bir çevrimiçi vitrinden sonsuz çeşitlilikte dijital, fiziksel ve hizmet tabanlı mal satmasına olanak tanıyan, üst düzey barındırılan bir e-Ticaret platformudur .

Bunun da ötesinde, BigCommerce her satın alımda sıfır işlem ücreti alır . Bu nedenle, satışlarınızı optimize edebilir ve karınızı maksimize edebilir .

BigCommerce ile hızlı bir şekilde bir mağaza kurabilir ve hemen her şeyi satmaya başlayabilirsiniz . Bununla birlikte, BigCommerce, teknoloji meraklısı kullanıcıların BigCommerce mağazalarını daha da özelleştirmeleri için hala biraz yer bırakıyor.

Aslında, bilgisayar, web tarayıcısı ve internet erişimi olan herhangi bir yerden bir BigCommerce mağazası kurabilirsiniz.

Hâlâ düşünüyor musunuz? Platform hakkında daha fazla fikir sahibi olmak için şu makaleleri okuyun:

  • 200 Doların Altındaki En İyi 8 BigCommerce Teması
  • BigCommerce'te Başarı İçin A'dan Z'ye Yönelik Kılavuz
  • BigCommerce İncelemesi: Bilmeniz Gereken Her Şey

Bir SaaS olduğu için bu platform, çevrimiçi mağazanızın tasarımı için bir başlangıç ​​noktası olarak kullanılabilecek çeşitli düzenlenebilir BigCommerce temaları da sağlar. Web sitesi şablonları için istikrarlı mali kaynaklarınız yoksa bu e-Ticaret platformu, aralarından seçim yapabileceğiniz birkaç ücretsiz BigCommerce teması da sağlar.

Başka bir deyişle, neyi satmaya çalıştığınızın veya nasıl satmayı planladığınızın bir önemi yoktur; BigCommerce süreci basitleştirecek.

Platformun daha gelişmiş özelliklerinin öğrenilmesi biraz zaman alabilir, ancak çoğu BigCommerce web tasarımcısı, 1-2 hafta sonra ve özel 7/24 müşteri hizmetinin yardımıyla hiçbir zorluk yaşamaz.

İpuçları: Henüz bir taahhüt için hazır değil misiniz? Uygun olup olmadığını görmek için 15 günlük deneme için kaydolun!


BigCommerce Vitrin Tasarımı: Adım Adım Kılavuz

BigCommerce vitrin tasarımı

BigCommerce tasarımının nasıl özelleştirileceğini daha ayrıntılı olarak öğrenelim.

1 numara. BigCommerce sayfa oluşturucuyu başlatın

Sezgisel sürükle ve bırak yaklaşımıyla sayfa oluşturucu, BigCommerce vitrin tasarımında değişiklik yapmak için popüler bir yöntemdir . Bu nedenle, herkesin kodlamayı öğrenmeye gerek duymadan bir BigCommerce vitrini oluşturmasını kolaylaştırır.

Zaten bir temanız varsa başlatmadan önce temanızın ayarlarının bir kopyasını kaydetmeyi unutmayın.

Sayfa Oluşturucu'ya erişmek için Vitrin > Temalar'a gidin. Temalar sayfasında vurgulanmış bir " Özelleştir " düğmesi vardır.

BigCommerce vitrin tasarımı
Düğmeyi özelleştir

Arka uçtaki vitrine erişirken, sağ üstte "Bu sayfayı Sayfa Oluşturucu'da tasarla" yazan yere tıklayarak bu işleve erişebilirsiniz.

Ardından, Sayfa Oluşturucu arayüzünü açacaktır!

  • Sayfa Oluşturucuyu etkinleştirdiğinizde sağda bir ana sayfa gösterilir
  • Bazı yapılandırma seçenekleri solda görüntülenir.
  • Üste monte edilmiş seçenekler, önizleme ekranının türünü değiştirmenize, değişikliklerinizi kaydedip geri almanıza ve hatta temanızı yayınlamanıza olanak tanır.

Değişiklik yapmayı bitirdiğinizde, önizleme moduna geçerek bunların site ziyaretçilerine nasıl görüneceğini görebilirsiniz. Bu, kullanıcılara yayınlamadan önce BigCommerce vitrin tasarımını değerlendirmeleri için daha fazla zaman verir.

Bonus okuma! BigCommerce'in diğer sayfa oluşturucularla karşılaştırmasını görün:

  • BigCommerce ve Shopify: Hangisi Daha İyi? [2023 Güncellendi]
  • Wix ve BigCommerce: Hangisi Öne Çıkıyor?
  • BigCommerce ve Squarespace: 2023'te Kim Kazandı?

2 numara. Tema stilini düzenle

BigCommerce, satıcılarına çevrimiçi mağazaları için en iyi stilleri seçmeleri için çeşitli özelleştirilebilir şablonlar sağlar . Benzer şekilde, markanıza daha iyi uyması için BigCommerce tema stiline geçebilirsiniz.

BigCommerce tema stilini nasıl düzenleyeceğinizi öğrenmek için bu belgeye göz atın, ancak bu işlemi tamamlamak için yeterli kodlama bilgisine ihtiyacınız olabileceğini lütfen unutmayın.

BigCommerce vitrin tasarımı
BigCommerce şablonları

Temanın nasıl düzenleneceğini bilmiyorsanız, aşağıdaki tavsiyeyi göz önünde bulundurun:

  • Etkileyici özellikler ekleyin: İdeal olarak, dev menüler, fiyat filtreleri, ürünlerin "hızlı görünümü" gibi güçlü özelliklere sahip BigCommerce tasarımlarını seçmelisiniz. Bu araçları kullanarak, perakendeciler ana navigasyonun bütünlüğünü bozmadan ziyaretçi çekebilirler.
  • Mobil uyumlu bir düzen oluşturun: Müşterileriniz ve site ziyaretçileriniz, herhangi bir mobil cihazda harika bir deneyim yaşayacaklarını bilerek güvenle satın alabilirler. Ayrıca, mağazanızın estetiğinin hedef pazarınızın talepleriyle eşleşmesi de önemlidir.
  • Bir blog bölümü ekleyin: Tüketicilerin alışverişe gittiklerinde hatırlamalarını sağlamak için akılda kalıcı bir değer sağlamaları gerekir. Bu nedenle, bir blog bölümü içeren bir tema, bir şirketin Google'da yüksek bir page rank elde etmesine önemli ölçüde yardımcı olacaktır.

#3. Widget ekle

Metin, fotoğraflar, afişler, videolar ve düğmeler veya genel olarak "Widget'lar", Sayfa Oluşturucu kullanılarak birkaç dakika içinde hızlı bir şekilde eklenebilir.

Bir pencere öğesi eklemek için onu Sayfa Oluşturucu menüsünün sol tarafından alın ve belirlenen alanlardan birine bırakın.

Bir sayfaya widget yerleştirdiğinizde, seçenekleri Sayfa Oluşturucu menüsünde görüntülenecektir. Ardından, widget'ın tasarımı sağdaki Tasarım bölümünde görünecektir.

BigCommerce vitrin tasarımı
Sayfa Oluşturucu'nun anlık görüntüsü
Biliyor musun? Widget Builder, geliştiricilerin shop.BigCommerce vitrin tasarımı için benzersiz widget'lar oluşturmasına, değiştirmesine ve değerlendirmesine olanak tanıyan bir Sayfa Oluşturucu alternatifidir.

#4. Favicon, logo ve banner'ı özelleştirin

Favicon & Logo

Bir web sitesini ziyaret ettiğinizde, tarayıcınız sayfa başlığının solunda favicon adı verilen küçük bir simge görüntüleyebilir. Değiştirmezseniz, BigCommerce simgesi mağazanızın favicon'u olur. Bununla birlikte, BigCommerce vitrin tasarımınızı daha göze çarpan hale getirmek için onu bir marka resmiyle değiştirmelisiniz.

BigCommerce vitrin tasarımı
Bir web sitesinin Favicon'u

BigCommerce favicon'unu özelleştirmek için logonuz olarak kullanmak üzere " Özel bir resim yükle "yi seçin, ardından " Bilgisayarınızdan bir resim seçin "e tıklayın veya bir logo yüklemek için kutuya bir resim sürükleyin.

Aynı prosedür ile Logo bölümünde de (Vitrin > Logo) mağazanızı değiştirebilirsiniz.

Sayfa Oluşturucu'da değişiklikler yaptıktan sonra, orada çalışmaya devam etmek için Kaydet'e ve bu değişiklikleri vitrine iletmek için Yayınla'ya tıklayın.

Afiş

Afişler, fırsatları tanıtabilir, indirim kuponlarını ve diğer promosyonları gösterebilir, kritik bilgileri iletebilir ve bir web sitesinin tasarımında fotoğraf ve video gibi görsel bileşenler içerebilir.

BigCommerce vitrin tasarımı
ana sayfa oluşturucu

Bir banner'ı özelleştirmek için şunları yapmalısınız:

  1. Pazarlama > Afişler > Afiş Yap'a gidin.
  2. Afişinize bir isim verin (Şirketinizin dışında hiç kimse bunu görmeyecek, bu yüzden beğeninize göre isimlendirmekten çekinmeyin).
  3. Ardından, banner'ınızın metnini doldurun.
  4. Banner'ın görüntülenmesini istediğiniz sayfayı belirtin. Afişler bir defada yalnızca bir sayfaya yerleştirilebilir. Ancak aynı banner'ı birçok sayfada kullanmak isterseniz çoğaltabilirsiniz.
  5. Daha sonra başlığın görüntülenip görüntülenmeyeceğini seçebilirsiniz. Başlığı taslak olarak kaydetmek istiyorsanız bu kutudaki onay işaretini kaldırın.
  6. Son olarak, düzenlenen dosyanızı kaydedin .

# 5. BigCommerce vitrin tasarımınız için bir döngü kullanın

Müşterilerin dikkatini çekmek için, online mağazanızın ana sayfasında bir karusel, bir slayt gösterisi veya bir dizi dönen afiş kullanabilirsiniz.

Burada, her slayt farklı bir ürüne veya web sitesine yönlendirecek şekilde en fazla 5 resim ve metin slaytı gösterilebilir. Spesifik olarak, yeni bir resim birkaç saniyede bir öncekinin yerini alacaktır.

BigCommerce vitrin tasarımı
Döngü örneği

BigCommerce vitrin tasarımına Karusel'e nasıl resim ekleyeceğiniz aşağıda açıklanmıştır:

  1. Vitrin > Ana Sayfa Döngüsü'ne giderek Döngü bölümüne erişin.
  2. İçeriği olmayan bir slayt küçük resmi seçin . Yüklemek için bir resim seçtiğinizde, önizleme bunu yapmanızı isteyen bir bildirime dönüşecektir.
  3. Ardından, resimlerin depolandığı konuma gidin ve resmi Carousel ön izleme penceresine sürükleyip bırakın. (Alternatif olarak, Dosya Seç düğmesine tıklayarak bilgisayarınızdan bir resim seçebilirsiniz).
  4. Değiştirilen dosyayı yayınlayın .

#6. İçerik sayfalarını düzenle

Kullanışlı sürükle ve bırak düzenleyicimizi kullanarak web sayfalarınızın içeriğini değiştirebilirsiniz. Sayfanızın içeriğinde değişiklik yapmak için sayfanın üç noktasına ve ardından “ Düzenle ” seçeneğine tıklayın.

BigCommerce vitrin tasarımı
"Web Sayfalarını Görüntüle" paneli

Sağ tarafta, belgenize sürükleyebileceğiniz bir hazır düzenler koleksiyonu olacaktır.

Buradan, BigCommerce vitrin tasarımınızı benzersiz kılacak çeşitli işlevler arasından seçim yapabilirsiniz, örneğin:

  • Bir resmin üzerine gelin ve kendi resimlerinizi eklemek için kamera simgesine tıklayın.
  • Değişiklik yapmak için fare işaretçinizi bağlantının üzerine getirin.
  • Simgeleri, üzerlerine tıklayarak ve yenisini seçerek değiştirin.
  • YouTube'dan bir videoyu gömmek istiyorsanız, URL'yi kopyalayın ve kutuya yapıştırın.

Size İlham Verecek En İyi BigCommerce Vitrin Tasarımı

Yukarıdaki adımlarla, BigCommerce mağaza tasarımınızı kişiselleştirmek için daha yetkin olmalısınız. En iyisinden öğrenmek iyi bir uygulama olduğundan, referans olması için bazı en iyi BigCommerce web sitesi örneklerini ele alalım:

1 numara. Kurukafa şekeri

BigCommerce vitrin tasarımı
SkullCandy web sitesi

İlk ses şirketi Skullcandy, modayı en son teknolojiyle birleştiriyor. Kablosuz seçenekler, kulaklıklar ve kulaklıklar dahil olmak üzere en iyi kulaklıklardan bazılarını dünyaya tanıttılar.

Skullcandy web sitesi, orijinalliği, çekici renk şeması ve gösterişli düzeni sayesinde en iyi BigCommerce mağazasıdır.

Aslında, bir web sitesinde hiç gezinme olmaması oldukça nadirdir, bu web sitesinin parlamasının bir nedeni de budur!

İşte göze çarpan özelliklerden bazıları:

  • Canlı renkli dev bir afişle karıştırılan siyah beyaz başlık , çarpıcı ve çağdaş bir tasarım oluşturur.
  • "Inside a SkullCandy"nin üzerine gelin ve sizi sitenin diğer bölümlerine götürecek bağlantılar var .
  • Ayrıca alt kısımdaki butonları da onlarla iletişime geçmek için kullanabilirsiniz.

2 numara. Pandora

BigCommerce vitrin tasarımı
Pandora web sitesi

2000 yılında, Pandora ilk olarak artık ikonik cazibesini yaratmaya başladı. Her bir tılsım, bireysel stilleri tamamlamak için el yapımıdır ve sahipler ona özenle değer verir.

Bu nedenle Pandora, bir web sitesi oluştururken şu hisleri de aktarır:

  • Yüksek moda bir premium marka oluşturmak için Pürüzsüz, temiz, düzenli bir düzen kullanırlar.
  • Doğrudan ana sayfanın üst kısmında, ziyaretçileri cezbetmek için farklı fırsatlar ve resimler gösteren bir afiş ve karusel bulunur.
  • Yavaşça aşağı kaydırıp “Bültenimize kaydolun” widget'ı ile sonlandırdığınızda öne çıkan ürünleri görebilirsiniz.

#3. Ben & Jerry'ler

BigCommerce vitrin tasarımı
Ben & Jerry'nin web sitesi

Ben & Jerry's, lezzetli ve tatlı içeriklerin kombinasyonlarına dayanan yaratıcı dondurma lezzetleriyle tanınmaktadır. Dondurulmuş ikramların hayranları muhtemelen Ben & Jerry'nin çeşitlerine aşinadır, ancak web'deki ticaret mağazasına da takıntılı olduklarını biliyor muydunuz?

Web sitesinin dikkate değer özelliklerinden bazıları şunlardır:

  • Dondurmalı pasta, yemek servisi ve hediye kartları gibi popüler öğeler , hızlı satın alımları kolaylaştırmak için belirgin bir şekilde öne çıkar.
  • Müşteriler, sitenin basit gezinme özelliği sayesinde ihtiyaç duydukları şeyi hızlı bir şekilde bulabilirler.
  • Mağaza tasarımı için uygulamaları etkin bir şekilde kullanın

BigCommerce Vitrin Tasarımı – SSS

BigCommerce mağazamı nasıl özelleştiririm?

BigCommerce temasını özelleştirmek için Vitrin > Temalarım bölümüne gidin ve o anda etkin olan temanın yanındaki Özelleştir düğmesine tıklayın.

Burada, vitrinin görünümünden iletişim formlarının düzenine kadar çevrimiçi mağazalarını özelleştirmek için çok sayıda seçenek bulacaksınız.

BigCommerce'in şablonları var mı?

Evet, BigCommerce, aralarından seçim yapabileceğiniz çok çeşitli çarpıcı temalara sahiptir! Yine de temel değil. Bunun yerine, zaten bir ton kullanışlı özelliği olan yüksek kaliteli, tamamen duyarlı şablonlar içerir.

Bunu kullanarak, daha sonra tam olarak istediğiniz gibi görünmesini sağlamak için bazı yönleri değiştirebilirsiniz.

BigCommerce ve Shopify arasındaki fark nedir?

BigCommerce özelleştirilebilir mi?

BigCommerce, tasarım ve kişiselleştirme seçenekleri sunar. Ancak, özel BigCommerce yeni başlayanlar için kullanımı o kadar kolay olmadığından, temayı değiştirmek için genellikle Sayfa oluşturucuyu kullanmanızı öneririz.

BigCommerce daha fazla yerel yeteneklere sahiptir, ancak Shopify'ın uygulama mağazası 8.000'den fazla uygulama sağlar. Hem ücretli hem de ücretsiz sürümler, yalnızca BigCommerce 15 günlük deneme sunar.

BigCommerce için öğrenme süreci biraz karmaşıktır, ancak bu özellikler iş büyüdükçe çok faydalı olabilir.


Son sözler

Bu makale, en iyi BigCommerce mağazalarıyla birlikte BigCommerce vitrin tasarımını değiştirmeye yönelik basit bir süreci vurgulamaktadır.

Umarız bu web sitelerinden öğrenebilir ve satışları ve trafiği artırmak için bunları kendi BigCommerce mağazanız için kullanabilirsiniz.

E-Ticaret mağazaları oluşturma konusunda daha fazla fikriniz mi var? Gelişen e-Ticaret topluluğumuza katılın ve diğer binlerce işletme sahibinin deneyimlerinden öğrenin.