Unlimited PowerPoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. BigCommerce

Cara Menggunakan Theme BigCommerce untuk Mendesain Toko Online Anda

by
Length:LongLanguages:
This post is part of a series called How to Use BigCommerce to Make Your Online Store (Starter Guide).
15+ Best BigCommerce Themes: New on ThemeForest (2017)
15+ BigCommerce Design Tips for Better eCommerce Websites
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Muhammad Naufal (you can also view the original English article)

Membuka toko online adalah cara yang bagus untuk mulai menjual produk anda atau memperluas basis pelanggan anda yang sudah ada. Dalam dunia platform eCommerce, BigCommerce adalah salah satu yang populer yang memungkinkan anda tidak hanya meluncurkan toko anda, tetapi juga menjual dan memasarkannya di tempat-tempat seperti e-Bay, Amazon, dan Facebook di saat bersamaan.

Selain menjual di beberapa channel, anda juga mendapatkan akses ke serangkaian fitur pemasaran yang kaya, manajemen inventori yang lengkap, SEO tools, dan theme yang indah yang memungkinkan anda membawa toko anda ke tingkat berikutnya dan menampilkan produk anda secara terorganisir.

Jika anda baru mengenal BigCommerce, artikel ini akan memandu anda melalui langkah-langkah menggunakan theme atau tema BigCommerce untuk merancang toko online anda dengan cepat dan mulai menjual produk anda dengan lebih bergaya.

How to use a top BigCommerce theme to design your online store
Cara menggunakan deretan theme BigCommerce teratas untuk merancang toko online anda. (YourStore)

Namun, jika anda memerlukan pembelajaran lebih lanjut tentang apa saja fitur-fitur canggih BigCommerce, dan mengapa anda harus mempertimbangkan untuk menggunakannya sebagai platform toko online pilihan anda, baca dulu artikel ini:

Sekarang mari kita mulai dengan tutorial kali ini, dimulai dengan cara memilih theme eCommerce terbaik untuk mendesain toko online anda:

Cara Memilih Theme BigCommerce yang Tepat (Untuk Toko Online Anda)

Dengan banyaknya tema BigCommerce yang tersedia, memilih yang tepat untuk toko anda mungkin tampak menakutkan pada awalnya. Tapi, ada beberapa tips singkat yang bisa membuat proses anda lebih mudah:

  • Fitur yang Powerful - Cari theme eCommerce yang memiliki fitur seperti mega menu, filter harga, dan quick view produk. Fitur tersebut tidak hanya akan memungkinkan anda memasukkan semua kategori anda ke dalam menu tanpa mengacaukan main navigation bar anda, namun juga memungkinkan pengunjung anda untuk mengakses kategori yang diinginkan dan melihat produk dan menambahkannya ke keranjang mereka tanpa mengklik halaman produk.
  • Desain yang Responsif - Pilih theme website yang responsif sehingga pelanggan anda dapat memiliki pengalaman berbelanja yang mulus meskipun mereka menggunakan tablet atau smartphone mereka.
  • Customization yang Mudah - Pastikan theme situs dapat di-customized sehingga anda dapat mengintegrasikan brand anda dengan mulus dan membuat toko anda menonjol di tengah-tengah kompetisi.
  • Sudah Include Tools untuk Blogging - Pertimbangkan tema eCommerce yang menawarkan option untuk blog, yang akan membantu meningkatkan visibilitas toko anda di search engine dan memungkinkan anda memasarkan produk anda.
  • Desain yang Modern - Jangan abaikan aspek desain dari theme. Pastikan theme yang anda pilih memiliki desain menarik yang sesuai dengan niche anda. Anda juga bisa memilih theme yang multiguna seperti yang telah dirancang untuk bekerja dengan baik di berbagai niche.

Temukan theme BigCommerce terbaik dengan desain eCommerce modern yang indah, yang ada di artikel curated ini di Envato Tuts+:

Sekarang anda tahu apa yang harus dicari dalam sebuah theme, mari kita membahas bagaimana menggunakannya untuk merancang toko online anda. Kami akan mengambil theme toko online yang inovatif dari artikel di atas dan menunjukkan cara menyiapkan atau men-set-up-nya dengan cepat.

Cara Memulai Menyiapkan Desain Toko Online Anda

Setelah membeli theme BigCommerce yang anda pilih, unduh file zip ke komputer anda. Untuk keperluan tutorial ini, saya akan menggunakan desain theme YourStore BigCommerce, namun anda bebas menggunakan tema yang paling menarik bagi diri anda.

YourStore BigCommerce theme design
YourStore - Desain Theme BigCommerce Premium.

1. Instal Theme BigCommerce Pihak Ketiga

Untuk memulai proses desain toko anda, unzip folder yang anda download dan open. Anda akan menemukan folder documentation dan folder theme yang memiliki file zip yang perlu anda upload ke situs web BigCommerce anda.

Mengupload theme anda

Login ke situs anda lalu klik link di Storefront > My Themes di menu bagian kiri. Anda sudah memiliki theme yang terinstal di BigCommerce anda, namun jika anda men-scroll ke bawah halaman, anda akan melihat tombol yang memungkinkan anda meng-upload theme pihak ketiga. Klik tombol Upload Theme.

Setelah file ZIP di-upload, theme card atau kartu theme akan muncul di bawah My Themes yang menunjukkan progres pemrosesan theme. Saat theme selesai diproses, itu akan muncul di dasbor anda dan yang harus anda lakukan adalah mengklik theme dan kemudian klik tombol Apply agar aktif di situs anda.

Applying your new BigCommerce theme
Menerapkan theme BigCommerce baru anda.

Setelah theme eCommerce baru anda aktif, mari kita siapkan halaman yang diperlukan sebelum meng-customize tampilan situs anda.

2. Set Up Halaman / Page dari Theme BigCommerce Anda

Secara default, anda akan memiliki beberapa halaman yang sudah di-set-up saat anda mendaftar ke BigCommerce. Anda dapat melihat dan membuat halaman baru di bawah Storefront > Web Pages. Halaman default meliputi Shipping (pengiriman) dan Returns (pengembalian), halaman Contact dan halaman Blog. Mengklik pada setiap nama halaman akan membawa anda ke editor di mana anda dapat mengganti teks default sesuai keinginan anda atau meng-customize-nya agar sesuai dengan toko anda.

Editing existing BigCommerce theme pages is easy
Mengedit halaman theme BigCommerce yang ada sangatlah mudah.

Anda juga bisa memasukkan informasi SEO untuk halaman, di bawah option Advanced, dan mengontrol bagaimana halaman nampak di navigation menu. Setelah selesai mengedit salah satu page atau halaman, cukup klik Save and Exit untuk menyimpan perubahan yang anda lakukan.

Membuat halaman tambahan seperti About page, mengharuskan anda untuk mengklik Create New Page. Anda kemudian dapat memutuskan apakah halaman ini akan menjadi halaman aktual atau mengarah ke situs web yang berbeda, masukkan isinya, konfigurasikan opsi SEO, dan putuskan bagaimana tampilannya di menu navigasi.

Terakhir, memilih halaman Blog akan memungkinkan anda untuk mengedit posting blog default dan membuat posting blog baru. Seperti yang bisa anda lihat dari gambar di bawah ini, post editor memungkinkan anda memasukkan Title (judul,) author (penulis), dan konten dari posting blog anda. Anda bisa mengupload gambar dan memilih gambar thumbnail yang akan muncul sebagai featured image untuk postingan anda.

Your options when creating a new blog post in BigCommerce
Options anda saat membuat posting blog baru di BigCommerce.

Setelah selesai mengedit dan menambahkan halaman baru, saatnya untuk meng-customize toko online anda.

Cara Singkat Meng-Customize Theme BigCommerce Anda

Meng-customize desain toko anda melibatkan beberapa langkah: meng-customize theme itu sendiri, meng-upload logo, mengedit homepage carousel untuk meng-include-kan gambar produk anda, dan menambahkan link media sosial anda.

Untuk mengakses opsi customization, buka Storefront > My Themes dan kemudian klik tombol Customize pada Theme anda yang aktif.

BigCommerce theme customization is pretty straightforward
Meng-customization theme BigCommerce itu cukup mudah.

Menu sidebar pada layar Customization akan memungkinkan anda untuk memilih style yang berbeda-beda dari theme, mengubah font, color, dimensi logo, bentuk, dan masih banyak lagi.

The Design Editor is super easy to use
Design Editor sangat mudah digunakan.

Anda bahkan dapat mengubah icon yang digunakan di situs web anda dan mengatur warna sehingga anda dapat dengan mudah menggunakannya kembali di bagian lain pada toko anda.

Configuring your custom logo
Mengkonfigurasi logo custom anda.

Editor tersebut juga memungkinkan anda untuk mengontrol jumlah produk yang ditampilkan di homepage anda, jumlah ulasan produk yang ditampilkan pada halaman produk individual, dan banyak lagi.

Terakhir, anda juga dapat mengedit file theme jika anda mengetahui tentang kode dan ingin benar-benar meng-customize situs anda. Setelah melakukan perubahan yang diinginkan, klik Save Changes.

Setelah selesai meng-customize tampilan situs anda, menuju ke Storefront > Logo untuk meng-upload gambar logo dan favicon untuk situs anda.

Langkah selanjutnya adalah mengcustomize homepage carousel. Untuk melakukannya, pilih link Home Page Carousel. Pada layar berikut, anda dapat meng-upload gambar anda sendiri, menyusunnya ulang, dan mengendalikan overlay teks yang ditampilkan pada gambar.

Setting up the homepage carousel
Set up homepage carousel di BigCommerce.

Terakhir, menuju ke Social Media Links dan masukkan link ke profil media sosial anda. Ini akan memungkinkan anda untuk mulai membangun followers dan menjangkau pelanggan anda di platform pilihan mereka agar selalu mendaptkan up date produk terbaru yang ditambahkan ke toko atau promosi khusus anda. Anda dapat menambahkan hingga enam profil dan memesannya sesuai keinginan anda.

You can add up to 6 social media profile links
Anda dapat menambahkan hingga 6 link profil media sosial.

Cara Menambahkan Produk Pertama ke Toko Online Anda

Setelah theme BigCommerce anda sudah di-setup, anda dapat mulai menambahkan produk ke toko anda dan mengkonfigurasi product options.

Di bagian dasbor BigCommerce anda, arahkan ke Products. Saat anda sign up ke BigCommerce, anda akan memiliki beberapa contoh produk yang sudah disiapkan.

Menu di atas list produk memungkinkan anda melihat semua produk atau melihat item unggulan atau produk yang memiliki free shipping. Ini adalah fitur praktis yang memungkinkan anda menemukan produk yang anda inginkan dan mengeditnya dengan cepat.

Model your new products after the included sample products
Buat model produk baru anda setelah produk sampel dimasukkan.

Untuk menambahkan new product, anda bisa mengklik salah satu sample products (produk sampel) dan mengedit informasinya sesuai dengan keinginan anda. Pada layar edit, anda bisa memasukkan name price, tax information, product category, dan product description.

Anda juga dapat meng-upload foto dan video yang menampilkan produk anda, mengonfigurasi product option seperti size dan color, menetapkan bulk pricing dan banyak lagi.

Heres your view for editing products
Inilah tampilan anda untuk mengedit produk.

Setelah selesai mengedit produk di BigCommerce, anda bisa melakukan save. Atau, anda bisa klik panah di samping tombol save untuk opsi tambahan, seperti save, dan duplicate.

Jika anda lebih suka memulai dari nol, cukup klik Products dan kemudian Add untuk memasukkan produk yang bener-benar baru. Anda kemudian dapat menghapus produk sampel dengan memilihnya dan mengklik ikon Delete.

5 Tip Desain untuk Mendapatkan Lebih Banyak dari Toko Online Anda

Dengan theme BigCommerce anda yang sudah di-customize dan produk yang sudah ditambahkan ke toko anda, sebagian besar customization anda sudah selesai. Namun, ada teknik desain eCommerce penting yang akan membantu meningkatkan conversion rate anda. Berikut adalah lima tips desain singkat untuk diterapkan ke toko online anda:

1. Gunakan Gambar Berkualitas Tinggi

Ketika datang ke eCommerce, gambar produk adalah elemen terpenting di situs anda. Ini bukan tempat untuk menggunakan gambar kecil atau blur. Sebagai gantinya, pastikan gambar anda berlaku adil terhadap produk anda.

Gambar anda harus cukup terang dan cukup besar untuk menampilkan produk anda dengan jelas. Namun, pastikan untuk meng-optimize gambar sebelum meng-upload-nya ke situs anda untuk memastikan ukuran gambar tidak memperlambat situs web anda.

Pelajari semua tentang fotografi produk di seri kami di Envato Tuts+, atau mulailah dengan tutorial di bawah ini:

2. Pilih Warna yang Kontras untuk Tombol Anda

Pastikan tombol anda menonjol dibanding bagian lain pada situs anda. Ini berlaku untuk tombol Buy dan tombol Call to Action lainnya juga. Dengan menggunakan warna yang kontras, pengunjung anda akan dapat lebih memperhatikan lagi yang meningkatkan kemungkinan mereka benar-benar mengeklik dan melakukan pembelian.

3. Pastikan Theme Anda Responsif

Banyak penelitian online menunjukkan bahwa lebih banyak orang menggunakan perangkat mobile mereka tidak hanya untuk memulai penelitian mereka tetapi juga untuk membeli berbagai produk. Ini juga layak disebutkan bahwa mesin pencari menyukai situs yang mobile-friendly.

Bila anda mempertimbangkannya, mudah untuk memahami mengapa toko online anda perlu terlihat bagus tidak peduli perangkat mana yang digunakan pengunjung anda. Memilih theme BigCommerce yang responsif di luar pemikran anda itu akan menyelamatkan anda dari masalah dan kemungkinan pengunjung anda meninggalkan situs anda.

Ingatlah bahwa BigCommerce juga memungkinkan anda untuk meng-cuztomize bagaimana toko anda terlihat di ponsel, tablet, dan komputer desktop sehingga anda dapat dengan mudah menguji theme anda dan melihat apakah semuanya berjalan sebagaimana mestinya di seluruh ukuran layar yang berbeda.

4. Hindari Mengacaukan Situs Anda

Salah satu kesalahan terbesar yang bisa anda lakukan adalah mengacaukan halaman-halaman toko anda dengan link navigasi dan terlalu banyaknya produk pada satu halaman. BigCommerce memungkinkan anda untuk menyesuaikan jumlah produk yang ditampilkan di homepage anda serta jumlah review pada halaman produk individual. Hindari mengatur nomor ini terlalu tinggi karena akan mengalihkan perhatian pengunjung anda dan mengakibatkan mereka meninggalkan situs anda.

Anda juga harus memastikan bahwa main navigation anda hanya menampilkan halaman terpenting dan top level kategori untuk memudahkan pelanggan anda menavigasi situs anda. Gunakan theme dengan fitur mega menu untuk menambahkan sub kategori dan menampilkannya sebagai menu drop-down tanpa mengacaukan situs anda.

Pastikan anda hanya menampilkan produk terbaik di situs anda:

5. Memanfaatkan Fitur Quick View

Banyak tema BigCommerce hadir dengan fitur quick view built-in. Hal ini memungkinkan pelanggan anda mengeklik produk apa pun dan langsung melihat semua detail produk. Mereka juga bisa menambahkan barang itu langsung ke cart mereka dan kemudian melanjutkan ke checkout atau terus berbelanja.

Dengan menggunakan fitur ini, mereka tidak perlu mengklik ke halaman produk, yang mana menyederhanakan pengalaman dalam berbelanja dan meningkatkan peluang mereka melakukan pembelian. Sandingkan dengan one-page checkout untuk mempermudah dalam berbelanja dan meningkatkan conversion rate untuk toko online anda.

Kesimpulan: Membuat Toko Online yang Hebat dengan Cepat dengan BigCommerce

Memulai toko anda dengan awal yang baik meningkatkan peluang sukses anda dan membuatnya lebih mudah untuk menampilkan produk anda dengan cara yang menarik. Untungnya, BigCommerce adalah platform hebat dengan banyak fitur untuk membantu anda menyiapkan toko anda dengan benar dan langsung menjualnya secara online.

Gunakan tips di atas untuk memilih theme eCommerce yang tepat untuk toko anda dan menyesuaikannya agar sesuai dengan brand anda.

Jika anda masih dalam tahap penelitian untuk mempertimbangkan jenis toko online apa yang akan diluncurkan, baca tutorial komprehensif ini dari Pemimpin Redaksi di BigCommerce Tracey Wallace. Pelajari semua tentang keputusan utama yang perlu anda buat saat memulai:

Fitur kunci apa yang ingin anda masukkan ke desain toko online anda? Sudahkah anda menetapkan timeline untuk meluncurkannya dan apakah anda tepat sasaran dalam melakukannya? Selamat mencoba dalam memulai toko online anda.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.