BigCommerce Mağaza Tasarımları Nasıl Özelleştirilir

Yayınlanan: 2017-04-06


BigCommerce Mağaza Tasarımlarını Özelleştirin ve Benzersiz Markanızı Oluşturun

BigCommerce, sizin gibi işletme sahiplerine BigCommerce mağaza tasarımlarını kendiniz kurma ve özelleştirme (veya bunu sizin için yapmamız için bizim gibi uzmanlar tutabilirsiniz) dahil olmak üzere eksiksiz e-Ticaret paketi sağlayan kapsamlı bir platformdur. E-Ticaret işinizi başlatmak ve başarılı kılmak için ihtiyacınız olan her şeye sahiptir. Karmaşık kurulumlar ve entegrasyonlar yoktur ve biraz da şansla zamana dayanacak bir şey yaratabilirsiniz.

BigCommerce'in e-ticaret dünyasında bu kadar popüler olmasının bir nedeni var. Mevcut temaları (ücretli veya ücretsiz) almanıza ve bunları olağanüstü bir şey yaratmak için özelleştirmenize izin veren yerleşik sistemlerle birlikte gelir. Söylemeye gerek yok, her markanın kendi benzersiz sesine ve görünümüne ihtiyacı var. Standart şablonlar son derece iyi performans gösterse de, bunları kullanarak rekabette öne çıkamazsınız. Aynı temayı kullanan sizin gibi pek çok kişi mutlaka vardır ve markanız bu karışımda kimliğini kaybedebilir. Markanıza ek bir kişilik katmanı kazandırmak için BigCommerce temalarını özelleştirmeniz gerekir.

BigCommerce şablonlarıyla ilgili olan şey, hepsinin HTML ve CSS kullanmasıdır. Bu, şablon özelleştirmeleri devam ettiği sürece size sınırsız çok yönlülük sağlar. Bu nedenle, Tasarım Modu aracılığıyla temel değişiklikleri kolayca yapabilirsiniz, ancak daha karmaşık olanlar HTML ve CSS bilmenizi gerektirir. Hepsini kendi başınıza yapacak vaktiniz yoksa BigCommerce tasarımlarını size özel özelleştirmek için 1 Dijital Ajans gibi profesyonellere başvurabilirsiniz.

Tasarım Moduyla BigCommerce'i Özelleştirin

Tasarım Modu gerçekten türünün tek örneği ve her yerde bulabileceğiniz en basit özelleştirme sistemidir. Size basit bir sürükle ve bırak menüsü kullanarak BigCommerce temalarını özelleştirme fırsatı verir. Mağazanızın herhangi bir sayfasındaki öğeleri yeniden sıralayabilir veya kaldırabilirsiniz. Ne yazık ki, en büyük gücü aynı zamanda zayıflığıdır. BigCommerce tasarımlarını özelleştirmek için Tasarım Modu'nu kullandığınızda, web sayfalarınızdaki şeyleri yeniden sıralamak veya bir şeyi tamamen kaldırmak dışında başka bir şey yapamazsınız.

Her durumda, Tasarım Modunun kullanımları vardır, özellikle de temel değişiklikler arıyorsanız. Mağaza Tasarımı sekmesine ve ardından Denetim Masası'ndaki Tasarım Modu sekmesine tıklayarak erişebilirsiniz. Bunu yaptığınızda, tasarım modu etkinleştirilir ve özelleştirmeye başlayabilirsiniz.

Tasarım modunu kullanmak için mağazanızın özelleştirmek istediğiniz sayfasını ziyaret etmeniz gerekir. Sayfanın üst kısmında (aşağıya bakın) görebileceğiniz ve Tasarım modunun etkinleştirildiğini gösteren bir araç çubuğu bulunmalıdır.

BigCommerce Mağaza Tasarımları Nasıl Özelleştirilir

Sürükle ve bırak işlevi, parkta bir yürüyüştür. Özelleştirmek istediğiniz herhangi bir sayfada işaretçinizi taşımak istediğiniz öğeye getirin. İşaretçi şekil değiştirecektir. Şimdi bu öğeyi sol fare düğmesini kullanarak görünmesini istediğiniz yere sürükleyin ve bırakın. Bir öğeyi kaldırmak istiyorsanız, üzerine sağ tıklayın ve menüden Paneli Kaldır'ı seçin. Bir sayfada tüm ayarlamaları yaptıktan sonra kaydedin ve el çalışmanızın keyfini çıkarın.

Mağazanızı Değiştirmek için Hızlı Düzenlemeyi Kullanma

Daha önce söylediğimiz gibi, BigCommerce şablonlarını Tasarım Modunu kullanarak özelleştirebilirsiniz, ancak bu neredeyse hiç yeterli değildir. Tasarımlarınızdaki öğeleri yeniden sıralamak ve kaldırmakla yapabileceğiniz çok şey var.

BigCommerce şablonlarını özelleştirmenin başka bir yolu da stil sayfası düzenleyicisidir. Mağaza Tasarımı sekmesindeki Şablon Dosyalarına Gözat seçeneği, temanızın herhangi bir şablon dosyasının CSS'sini düzenlemenize olanak tanır. BigCommerce'i buradan özelleştirebilmek için HTML ve CSS bilmeniz gerekir, ancak bunu yapmanın daha etkili yolu bu. Aslında, bizim gibi profesyonellerin temalarda yaptığı özelleştirmelerin çoğu Hızlı Düzenleme seçeneğiyle yapılır.

Düzenleyiciye girdikten sonra, sol sütunda şablon dosyalarının listelerini göreceksiniz. İlk bölüm, kullanımda olan şablondan dosyaları içerirken, diğeri, türlerine göre gruplandırılmış tema için kalan tüm şablon dosyalarını gösterir.

BigCommerce Mağaza Tasarımları

Herhangi bir şablon dosyasına tıkladığınızda, sağ tarafta düzenleyici açılır (yukarıya bakın). Bu şablonun tüm kodlamasını gösterir ve burada HTML'de herhangi bir değişiklik yapabilirsiniz. Bu inanılmaz derecede zor ve HTML'den anlayan uzmanlara bırakılmalıdır.

BigCommerce Tasarımlarını FTP ile Özelleştirin

BigCommerce'i özelleştirmeyi düşündüğünüzde, çoğu zaman, nasıl yapılacağını bildiğiniz sürece bir temanın her yönünün özelleştirilebilir olduğunu göreceksiniz. Temel şeyler için Tasarım Modundan bahsettik. Daha gelişmiş BigCommerce özelleştirmeleri için HTML düzenleyicisi veya Hızlı Düzenleme vardır. Ama bu hepsi değil. Ayrıca, kullanıcılara (uzman kullanıcılara) diğer iki seçenekle mümkün olmayan her şeyi değiştirme şansı veren özel bir dizine FTP erişimi sağlanması da vardır.

Mağazanızı FTP yoluyla dizine bağlamanız gerekecek. Dosyaları buraya yükleyebilir ve ardından BigCommerce mağazanıza bağlanması gerekir. Bunu yapmanın en iyi yolu, şablonunuzun tüm şablon dosyalarının bir ZIP arşivini indirmek ve değiştirmeniz gerekenleri değiştirmek olacaktır. Yükleyebileceğiniz dosya türleri arasında HTML ve CSS, .jpg, .jpeg ve .png gibi resimler ve .flv, .fla vb. medya dosyaları bulunur. Yüklenen bu dosyaların, içinde bulunanlardan farklı URL bağlantılarına sahip olacağını unutmayın. şablon dosyaları. Bu yeni URL'leri, kullanıldıkları stil sayfalarına veya web sayfalarına dahil etmeniz gerekecektir.

2019 GÜNCELLEMELERİ:

Çevrimiçi dijital dünyanın istikrarlı bir şekilde büyümesi ve yükselişiyle birlikte, e-Ticaret platformlarının seçeneklerini ve işlevlerini sürekli olarak güncellemesi gerekiyor. Yukarıdaki içerik tüm BigCommerce mağaza sahipleri için hala inanılmaz derecede faydalı olsa da, bu blog ilk yayınlandığından bu yana yapılan birkaç güncelleme var.

WYSIWYG Editörü

WYSIWYG: Ne Görürseniz Onu Alırsınız. Bu BigCommerce düzenleyicisi web sayfaları, afişler, ürünler ve kategoriler için kullanılabilir. Bu düzenleyici bir "ön düzenleyicidir", yani herhangi bir kodu değiştirmeden yukarıda belirtilen belirli sayfaların içeriğini düzenlemenize izin verir. WYSIWYG, metni biçimlendirmenize, bağlantılar oluşturmanıza, resim, video ve diğer medyaları eklemenize ve tablolar oluşturmanıza olanak tanır. Düzenleyiciyi kullanmamayı tercih ederseniz, Mağaza Ayarlarınızda tıklayabileceğiniz bir devre dışı bırakma düğmesi vardır.

BigCommerce Stil Tema Editörü

Bir BigCommerce teması satın aldıysanız ve bunu özelleştirmek istiyorsanız, BigCommerce vitrininize gidin ve "Temalarım" ı tıklayın. Bu sizi şuna benzeyen bir ekrana sahip bir sayfaya götürecektir:


“Özelleştir” düğmesine tıkladıktan sonra, ekranınızın solundaki Stil Düzenleyici paneli ile yeni bir pencere açılacaktır.


İster Blueprint temalı ister Stencil temalı bir BigCommerce mağazanız olsun, BigCommerce, herhangi bir kodu değiştirmeden Stil Düzenleyici ile vitrininizin görünümünü ve hissini değiştirmenize olanak tanır. Hem Blueprint hem de Stencil temalarıyla, sitenizi markanıza ve tercihlerinize göre daha özelleştirilmiş hale getirmek için yazı tiplerini ve renkleri, görüntü boyutlarını değiştirebilir, ürün sütunları ekleyebilir ve daha fazlasını yapabilirsiniz.

HTML ve CSS kodunu özelleştirin

Stil Düzenleyici'deyseniz ve bazı değişiklikler yapamadığınızı fark ederseniz, temanızın HTML ve CSS kodunu düzenlemeye bakmanız gerekir. Bunu yapmak için, düzenlemek istediğiniz temayı indirmeniz gerekecek. Bunun gibi görünecek:

Üzerinde çalışmak istediğiniz temayı indirdikten sonra, onu bilgisayarınıza kaydedin ve düzenlemelerinizi ve özelleştirmelerinizi yapmaya başlayabilirsiniz. Bununla birlikte, web geliştirme konusunda bilginiz yoksa, tüm sitenizin hatalı olmasına neden olabilecek önemli sorunlarla karşılaşmamanız için size yardımcı olacak derinlemesine bilgiye sahip birini bulmanız şiddetle tavsiye edilir.

En İyi Dijital Ajans ile BigCommerce Mağaza Özelleştirme

Bir marka oluşturmak, iyi bir logo ve slogan bulmaktan daha fazlasıdır. E-Ticaret mağazanızın, markanızın temsil ettiği her şeyi özetlemesi gerekir. BigCommerce kolayca e-Ticaret platformunuz olsa da, gerçekten benzersiz bir site tasarımı oluşturmak için BigCommerce şablonlarını özelleştirmeniz gerekir .

1Digital Agency'de, BigCommerce özelleştirmelerinin ve özel BigCommerce mağaza şablonu tasarımlarının içini ve dışını bilen uzmanlarımız var. Bunun da ötesinde, e-ticareti anlıyoruz ve müşterilerin dikkatini çeken, kullanıcı dostu ve en önemlisi iş ideolojinize özgü tasarımlarla müşteri tabanınızla nasıl bağlantı kuracağınız konusunda size uzman tavsiyesi verebiliriz.

UX ve UI göz önünde bulundurularak, uzman e-Ticaret tasarımcılarımız ve geliştiricilerimiz, vizyonunuzu alacak ve onu, tamamen duyarlı olan ve kullanıcıları çevrimiçi mağazanızın sayfalarını keşfetmeye devam etmeye teşvik eden, işlevsel, birinci sınıf bir e-Ticaret web sitesi tasarımına dönüştürecektir. Markanızın özelliklerini sitenizle aldıkları her karara entegre edecekler. Renklerden yazı tiplerine, resimlere ve daha fazlasına kadar, web siteniz doğru kullanıcıları çekecek ve daha yüksek bir dönüşüm oranına yol açacak kadar uzun süre etkileşimde kalmalarını sağlayacaktır.

BigCommerce Mağaza Tasarımlarını Özelleştirin

Uzmanlarımız en başından beri BigCommerce ile çalışıyor. Kendi adına konuşan çok yönlü bir çalışma portföyümüz var. Sadece BigCommerce tasarımlarını kişiselleştirmekle kalmıyor, aynı zamanda pazarlama ve geliştirme hizmetleri de sağlıyoruz. Sertifikalı bir BigCommerce ortağı olarak, itibarımızı sıkı çalışmanın ve her projeyi başarılı kılma taahhüdünün temelleri üzerine inşa ettiğimizi söylemekten gurur duyuyoruz. Bizi şimdi 888.982.8269 numaralı telefondan arayın veya bizimle iletişime geçin web sitemiz aracılığıyla size neler yapabileceğimizi gösterelim.