Cara Menyesuaikan Desain Toko BigCommerce

Sesuaikan Desain Toko BigCommerce dan Bangun Merek Unik Anda

BigCommerce adalah platform komprehensif yang menyediakan pemilik bisnis seperti Anda paket eCommerce lengkap termasuk kemampuan untuk mengatur dan menyesuaikan desain toko BigCommerce sendiri (atau Anda dapat menyewa ahli seperti kami untuk melakukannya untuk Anda). Ini memiliki semua yang Anda butuhkan untuk memulai bisnis eCommerce Anda dan membuatnya sukses. Tidak ada instalasi dan integrasi yang rumit yang terlibat, dan dengan sedikit keberuntungan, Anda dapat membuat sesuatu yang akan bertahan dalam ujian waktu.

Ada alasan mengapa BigCommerce sangat populer di dunia eCommerce. Muncul dengan sistem built-in yang memungkinkan Anda untuk mengambil tema yang ada (berbayar atau gratis) dan menyesuaikannya untuk menciptakan sesuatu yang luar biasa. Tak perlu dikatakan, setiap merek membutuhkan suara dan tampilan uniknya sendiri. Sementara templat standar berkinerja sangat baik, Anda tidak dapat menonjol dari kompetisi yang menggunakannya. Pasti ada banyak orang lain seperti Anda yang menggunakan tema yang sama, dan merek Anda bisa kehilangan identitasnya dalam campuran. Anda perlu menyesuaikan tema BigCommerce untuk memberi merek Anda lapisan kepribadian tambahan.

Hal tentang template BigCommerce adalah mereka semua menggunakan HTML dan CSS. Ini memberi Anda keserbagunaan tak terbatas dalam hal kustomisasi template. Jadi meskipun Anda dapat melakukan modifikasi dasar dengan mudah melalui Mode Desain, yang lebih kompleks mengharuskan Anda mengetahui HTML dan CSS. Jika Anda tidak punya waktu untuk melakukan semuanya sendiri, Anda dapat beralih ke profesional seperti 1 Digital Agency untuk menyesuaikan desain BigCommerce untuk Anda.

Sesuaikan BigCommerce Melalui Mode Desain

Mode Desain benar-benar unik dan sistem kustomisasi paling sederhana yang akan Anda temukan di mana saja. Ini memberi Anda kesempatan untuk menyesuaikan tema BigCommerce menggunakan menu seret dan lepas sederhana. Anda dapat menyusun ulang atau menghapus item di halaman mana pun di toko Anda. Sayangnya, kekuatan terbesarnya juga merupakan kelemahannya. Saat Anda menggunakan Mode Desain untuk menyesuaikan desain BigCommerce, selain menyusun ulang hal-hal di halaman web Anda atau menghapus sesuatu sepenuhnya, Anda tidak dapat melakukan hal lain.

Bagaimanapun, Mode Desain memiliki kegunaannya, terutama jika Anda mencari modifikasi dasar. Anda dapat mengaksesnya dengan mengklik tab Store Design dan kemudian tab Design Mode di Control Panel. Setelah Anda melakukannya, mode desain diaktifkan, dan Anda dapat mulai menyesuaikan.

Untuk menggunakan mode desain, Anda harus mengunjungi halaman toko yang ingin Anda sesuaikan. Seharusnya ada bilah alat yang terlihat oleh Anda di bagian atas halaman (lihat di bawah) yang menunjukkan mode Desain sedang diaktifkan.

Fungsionalitas seret dan lepas adalah berjalan-jalan di taman. Di halaman mana pun yang ingin Anda sesuaikan, pindahkan penunjuk ke item yang ingin Anda pindahkan. Pointer akan berubah bentuk. Sekarang seret item itu menggunakan tombol kiri mouse ke tempat yang Anda inginkan untuk muncul dan lepaskan. Jika Anda ingin menghapus item, klik kanan padanya dan pilih Hapus Panel dari menu. Setelah Anda membuat semua penyesuaian pada halaman, simpan dan nikmati hasil karya Anda.

Menggunakan Edit Cepat untuk Memodifikasi Toko Anda

Seperti yang telah kami katakan sebelumnya, Anda dapat menyesuaikan template BigCommerce menggunakan Mode Desain, tetapi itu hampir tidak pernah cukup. Hanya ada begitu banyak yang dapat Anda lakukan dengan menyusun ulang dan menghapus item dari desain Anda.

Cara lain Anda dapat menyesuaikan template BigCommerce adalah melalui editor stylesheet. Opsi Telusuri File Template di tab Desain Toko memungkinkan Anda mengedit CSS file template apa pun dari tema Anda. Anda perlu mengetahui HTML dan CSS untuk dapat menyesuaikan BigCommerce dari sini, tetapi ini adalah cara yang lebih efektif untuk melakukannya dengan mudah. Faktanya, sebagian besar penyesuaian yang dilakukan oleh para profesional seperti kami pada tema adalah melalui opsi Edit Cepat.

Setelah Anda masuk ke editor, Anda akan melihat daftar file template di kolom sebelah kiri. Bagian pertama berisi file dari template yang sedang digunakan, sedangkan yang lain menampilkan semua file template yang tersisa untuk tema, dikelompokkan menurut jenisnya.

Saat Anda mengklik file template apa pun, editor terbuka di sebelah kanan (lihat di atas). Ini menunjukkan semua pengkodean template itu, dan Anda dapat membuat perubahan apa pun pada HTML di sini. Ini sangat rumit dan harus diserahkan kepada ahli yang mengerti HTML.

Sesuaikan Desain BigCommerce melalui FTP

Ketika Anda berpikir untuk menyesuaikan BigCommerce, lebih sering daripada tidak, Anda akan menemukan bahwa setiap aspek dari sebuah tema dapat disesuaikan selama Anda tahu bagaimana melakukannya. Untuk hal-hal dasar, kita telah berbicara tentang Mode Desain. Untuk penyesuaian BigCommerce yang lebih canggih, ada editor HTML atau Edit Cepat. Tapi ini tidak semua. Ada juga ketentuan untuk akses FTP ke direktori khusus yang memberikan kesempatan kepada pengguna (pengguna ahli) untuk mengubah segala sesuatu yang tidak mungkin dilakukan dengan dua opsi lainnya.

Anda perlu menghubungkan toko Anda melalui FTP ke direktori. Anda dapat mengunggah file di sini, yang kemudian harus ditautkan kembali ke toko BigCommerce Anda. Cara terbaik untuk melakukannya adalah dengan mengunduh arsip ZIP dari semua file template template Anda dan memodifikasi yang perlu Anda ubah. Jenis file yang dapat Anda unggah termasuk HTML dan CSS, gambar seperti .jpg, .jpeg dan .png dan file media seperti .flv, .fla, dll. Perlu diingat bahwa file yang diunggah ini akan memiliki tautan URL yang berbeda dari yang ada di file template. Anda harus memasukkan URL baru ini ke dalam lembar gaya atau halaman web tempat URL tersebut digunakan.

PEMBARUAN 2019:

Dengan dunia digital online yang terus berkembang dan meningkat, platform eCommerce perlu terus memperbarui opsi dan fungsinya. Meskipun konten di atas masih sangat berguna bagi semua pemilik toko BigCommerce, ada beberapa pembaruan yang telah dilakukan sejak blog ini pertama kali diterbitkan.

Editor WYSIWYG

WYSIWYG: Apa yang Anda Lihat Itu Yang Anda Dapatkan. Editor BigCommerce ini dapat digunakan untuk halaman web, spanduk, produk, dan kategori. Editor ini adalah "editor depan", yang berarti memungkinkan Anda untuk mengedit konten halaman tertentu yang disebutkan di atas tanpa mengubah kode apa pun. WYSIWYG memungkinkan Anda untuk memformat teks, membuat link, menambahkan gambar, video dan media lainnya, dan membuat tabel. Jika Anda memilih untuk tidak menggunakan editor, ada tombol nonaktifkan yang dapat diklik dalam Pengaturan Toko Anda.

Editor Tema Gaya BigCommerce

Jika Anda membeli tema BigCommerce dan ingin menyesuaikannya, cukup buka etalase BigCommerce Anda dan klik "Tema Saya." Ini akan membawa Anda ke halaman dengan layar yang terlihat seperti ini:

Setelah Anda mengklik tombol “customize”, sebuah jendela baru akan terbuka dengan panel Style Editor di sebelah kiri layar Anda.

Baik Anda memiliki toko BigCommerce dengan tema Cetak Biru atau tema Stensil, BigCommerce memungkinkan Anda mengubah tampilan dan nuansa etalase dengan Editor Gaya tanpa mengubah kode apa pun. Dengan tema Cetak Biru dan Stensil, Anda dapat mengubah font dan warna, ukuran gambar, menambahkan kolom produk, dan lainnya untuk membuat situs Anda lebih disesuaikan dengan merek dan preferensi Anda.

Sesuaikan kode HTML dan CSS

Jika Anda berada di Editor Gaya dan menemukan bahwa Anda tidak dapat membuat beberapa perubahan, maka Anda perlu melihat cara mengedit kode HTML dan CSS tema Anda. Untuk melakukan ini, Anda perlu mengunduh tema yang ingin Anda edit. Ini akan terlihat seperti ini:

Setelah Anda menurunkan tema yang ingin Anda kerjakan, simpan di komputer Anda dan Anda siap untuk mulai melakukan pengeditan dan penyesuaian. Namun, jika Anda tidak terbiasa dengan pengembangan web, maka sangat disarankan untuk meminta seseorang dengan pengetahuan mendalam untuk membantu Anda sehingga Anda tidak mengalami masalah besar yang dapat menyebabkan seluruh situs Anda rusak.

Kustomisasi Toko BigCommerce Dengan Agensi Digital Terbaik

Membangun merek lebih dari sekadar membuat logo dan tagline yang bagus. Toko eCommerce Anda perlu melambangkan semua yang merek Anda perjuangkan. Meskipun BigCommerce mudah menjadi platform eCommerce Anda, Anda perlu menyesuaikan template BigCommerce untuk membuat desain situs yang benar-benar unik.

Di 1Digital Agency, kami memiliki pakar yang mengetahui seluk beluk kustomisasi BigCommerce dan desain template toko BigCommerce kustom. Lebih dari itu, kami memahami eCommerce dan dapat memberi Anda saran ahli tentang cara benar-benar terhubung dengan basis pelanggan Anda dengan desain yang menarik perhatian mereka, ramah pengguna, dan yang paling penting, unik untuk ideologi bisnis Anda.

Dengan mempertimbangkan UX dan UI, desainer dan pengembang eCommerce ahli kami akan mengambil visi Anda dan mengubahnya menjadi desain situs web eCommerce fungsional terbaik yang sepenuhnya responsif dan memikat pengguna untuk terus menjelajahi halaman toko online Anda. Mereka akan mengintegrasikan aspek merek Anda ke dalam setiap keputusan yang mereka buat dengan situs Anda. Dari warna hingga font, gambar, dan lainnya, situs web Anda akan menarik pengguna yang tepat dan membuat mereka tetap terlibat cukup lama untuk menghasilkan tingkat konversi yang lebih tinggi.

Pakar kami telah bekerja dengan BigCommerce sejak awal. Kami memiliki portofolio pekerjaan serbaguna yang berbicara untuk dirinya sendiri. Kami tidak hanya menyesuaikan desain BigCommerce tetapi kami juga menyediakan layanan pemasaran dan pengembangan. Sebagai mitra BigCommerce bersertifikat, kami dengan bangga mengatakan bahwa kami telah membangun reputasi kami di atas fondasi kerja keras dan komitmen untuk membuat setiap proyek sukses. Hubungi kami sekarang di 888.982.8269 atau hubungi kami melalui situs web kami dan biarkan kami menunjukkan kepada Anda apa yang dapat kami lakukan.