Cara Menambahkan File Template di BigCommerce

BigCommerce tahu bahwa desain situs web Anda dapat membuat perbedaan besar di dunia. Kehidupan rata-rata pengguna sangat sibuk.

Keranjang belanja yang terbengkalai bukanlah hal yang tidak pernah terjadi di eCommerce. Namun, jika situs web Anda dapat mempertahankan perhatian pelanggan dengan lebih baik, mereka mungkin menyelesaikan pembeliannya sebelum berpindah tab atau keluar untuk menjalankan tugas.

Jadi, semuanya tergantung pada desain dan template yang Anda gunakan di toko Anda.

Temukan bagaimana Anda dapat mengontrol desain toko eCommerce Anda menggunakan BigCommerce.

Cara Menambahkan File Templat ke BigCommerce

Anda dapat menambahkan template ke BigCommerce dengan cara berikut:

Toko Perdagangan Besar

BigCommerce menghosting toko dengan beragam tema yang siap dipasang. Harganya berkisar dari gratis hingga $300. Tema dapat diurutkan berdasarkan koleksi, industri, konten gratis, dan premium.

Ketika Anda menemukan yang Anda sukai, klik tombol Instal atau Beli. Setiap pratinjau tema dilengkapi dengan daftar fitur serta pengoptimalannya. Anda juga bisa mendapatkan pratinjau setiap tema sebelum mengklik tombol Instal.

Kustomisasi melalui Stensil

Stensil adalah kerangka kerja yang menjadi dasar tema BigCommerce. Namun, Anda tidak perlu menggunakan salah satu tema mereka untuk bisnis Anda. Anda juga dapat menetapkan templat tata letak khusus untuk berbagai bagian toko Anda termasuk:

• Produk
• Merek
• Kategori
• Halaman

Jika penyesuaian adalah yang Anda cari, Anda harus mulai dengan membuat dan menggabungkan templat khusus dengan alat Stencil CLI BigCommerce. Jika Anda sudah siap, ada beberapa opsi untuk menyiapkan file Anda untuk diunggah melalui Stencil CLI:

1. Paket Saja

Gunakan perintah “stencil bundle” untuk membuat file zip yang dapat Anda unggah ke toko BigCommerce Anda. Jika Anda ingin memeriksa kemajuan dan penyelesaian file Anda, gunakan perintah “bundel”. Perintah ini juga memberi tahu Anda tentang kesalahan apa pun yang mungkin mencegah penggabungan file.

Perlu diingat juga bahwa BigCommerce memiliki batas maksimum 50MB untuk ukuran file.

2. Bundel dan Dorong

Hanya gunakan perintah “stencil push” jika Anda menginisialisasi dengan token Stencil CLI. Menggunakan perintah ini akan menggabungkan dan mengunggah dalam satu proses. Namun, jika Anda tidak yakin apakah file Anda memenuhi syarat untuk “paket dan push”, periksa persyaratan berikut terlebih dahulu:

• Tema yang diinisialisasi menggunakan token Stencil CLI dengan “Tema: modifikasi cakupan”
• Menginstal versi Stencil CLI 1.12.0 atau lebih tinggi

Anda dapat memeriksa versi Stencil Anda menggunakan prompt “stencil -V” atau “stencil –version” pada baris perintah.

Tidak semua orang bisa mengunggah tema dalam satu proses. Jika Anda menggabungkan dan mengunggah dalam proses terpisah, berikut cara memasukkan tema ke BigCommerce:

• Setelah berhasil diupload, pilih Y/N ​​untuk mengupload tema ke etalase Anda
• Jika Ya, gunakan tombol panah untuk memilih variasi

Setelah memilih “Y”, Anda harus segera memilih variasi setelahnya. Jika nanti Anda ingin menerapkan unggahan baru ke toko Anda, pilih “N”.

Bagaimana Saya Menyesuaikan Templat BigCommerce

Untuk menyesuaikan tema Cetak Biru lama, lihat langkah-langkah berikut:

• Pergi ke Etalase
  
• Klik pada Tema Saya
  
• Pilih Sunting HTML/CSS
  
• Lakukan perubahan warna pada layar editor Default.html
• Simpan perubahan

Penting untuk dicatat bahwa jika Anda ingin menggunakan metode ini, Anda hanya dapat mengakses file template Blueprint jika file tersebut tersedia di etalase.

Jika Anda menggunakan tema Stensil, ikuti petunjuk penyesuaian berikut:

• Pergi ke Etalase
  
• Klik pada Tema Saya
  
• Pilih Sesuaikan
  
• Membuat perubahan
• Pilih Publikasikan untuk membuat perubahan muncul di etalase Anda

Saat menggunakan Page Builder untuk menyesuaikan tema Stensil, Anda dapat mengubah berbagai aspek seperti ukuran dan warna teks. Anda juga dapat menambahkan elemen visual yang berbeda, seperti spanduk, carousel, dan gambar menggunakan metode drag and drop yang mudah digunakan. Alternatifnya, Anda dapat menggunakan blok HTML khusus untuk membuat perubahan yang diperlukan.

Ingatlah bahwa Anda dapat menyimpan tanpa memublikasikan perubahan agar muncul di etalase Anda.

Di mana Menemukan Template BigCommerce

Salah satu tempat paling sederhana untuk menemukan template BigCommerce baru adalah di toko mereka. Mereka memiliki gaya tema berbeda yang tersedia untuk memenuhi sebagian besar kebutuhan, dan banyak dari gaya terpopulernya tidak memerlukan biaya sepeser pun!

Beberapa situs web pihak ketiga juga menjual templat yang kompatibel dengan BigCommerce. Namun, harga template ini bervariasi, jadi bersiaplah untuk mengeluarkan sejumlah uang jika Anda memilih cara ini.

Tentu saja, Anda selalu dapat memiliki template yang dirancang khusus untuk toko Anda. Sejauh ini, ini adalah opsi yang paling mahal, jadi Anda mungkin ingin memeriksa semua opsi lain terlebih dahulu sebelum mempertimbangkan opsi ini.

Cara Mengedit Template HTML untuk BigCommerce

Ada beberapa cara untuk mengedit template HTML jika Anda menggunakan tema Blueprint. Untuk mengedit tema langsung di browser Anda:

• Kunjungi etalase Anda
  
• Klik pada Tema Saya
  
• Pilih Sunting HTML/CSS
  

Mengedit di browser Anda adalah cara terbaik untuk membuat perubahan cepat dan sederhana. Apa pun yang Anda simpan di editor akan langsung ditayangkan.

Cara Menggunakan Stensil untuk Menambahkan Satu File Tata Letak Template Kustom di BigCommerce

Jika Anda memerlukan templat khusus di dalam kerangka Stencil, BigCommerce juga memungkinkan Anda melakukannya. Pertama, Anda perlu menyiapkan salinan lokal Anda:

• Buat subdirektori khusus di direktori “templat/halaman”.
• Buat file template HTML dan letakkan di subdirektori khusus
• Edit dan petakan URL ke file “.stencil” Anda

Setelah selesai membuat tema secara lokal, Anda dapat menggabungkan dan memasukkan file ke BigCommerce.

FAQ tambahan

Bagaimana Saya Bisa Membuat Template Baru untuk BigCommerce?

Anda dapat menginstal Stencil CLI untuk menyesuaikan templat secara lokal dan menggabungkannya untuk diunggah ke toko.

Bagaimana Saya Memperbarui Beranda BigCommerce Saya?

Beranda Anda berisi kombinasi widget dan spanduk. Anda dapat memilih untuk mengaktifkan atau menonaktifkannya. Atau, Anda dapat membuka Pemasaran lalu Spanduk untuk membuat spanduk untuk Beranda.

Selain itu, Anda cukup membuat halaman web baru dan mencentang kotak untuk memverifikasi bahwa Anda ingin menampilkannya sebagai beranda toko Anda.

Apa itu Stensil di BigCommerce?

Stensil adalah kerangka tema yang digunakan BigCommerce untuk memungkinkan pengguna memilih antara menggunakan templat eCommerce atau menyesuaikan situs sepenuhnya.

Bagaimana Saya Mengedit Tema BigCommerce?

Itu tergantung pada jenis tema yang Anda gunakan. Jika Anda menggunakan tema Blueprint lama, berikut langkah-langkah untuk mengeditnya:

• Dari Etalase Anda, klik Tema Saya

• Klik tombol Edit HTML/CSS

• Melakukan perubahan warna pada layar editor Default.html

• Klik tombol Simpan setelah Anda selesai melakukan perubahan

Jika Anda menggunakan tema Stensil, ikuti langkah-langkah berikut:

• Pergi ke Etalase

• Pilih Tema Saya lalu Sesuaikan

• Membuat perubahan

• Klik Publikasikan untuk membuat perubahan muncul di etalase Anda

Bagaimana Saya Menyesuaikan Templat BigCommerce Saya?

Opsi penyesuaian Anda bergantung pada jenis templat yang Anda gunakan. Secara umum, Anda dapat pergi ke Etalase Anda dan kemudian Tema Saya. Dari sana, Anda dapat memilih “Edit HTML/CSS” atau “Sesuaikan” untuk membuat perubahan.

Jangan Puas dengan Toko Generik

Tentu, Anda dapat menggunakan template untuk mengaktifkan dan menjalankan toko Anda. Namun, Anda juga berisiko terlihat seperti etalase lain. Atau lebih parahnya lagi, bisa jadi terlihat seperti toko online pesaing Anda!

Namun, dengan beberapa penyesuaian sederhana, Anda dapat menyesuaikan etalase Anda agar unik seperti bisnis Anda. Bermain-main dengan warna, font, dan gambar sampai Anda mendapatkan toko yang Anda banggakan sebagai milik Anda.

Sudahkah Anda menyesuaikan template BigCommerce Anda? Beritahu kami tentang hal itu di bagian komentar di bawah.