Cara Memasang Toko WooCommerce Langkah Demi Langkah [Panduan Lengkap]

Diterbitkan: 2020-09-20

Cara Memasang Etalase WooCommerce Tampilan toko Anda sangat tergantung pada tema yang akan Anda pilih. Tema yang hebat ditandai dengan memberikan kontrol yang besar kepada pemilik toko dalam hal bagaimana produk akan muncul dan akses pengguna. Anda dapat menggunakan Tema Etalase Toko WooCommerce. Ini gratis dan menawarkan banyak pilihan penyesuaian melalui tema anak.

Tema ini memiliki desain responsif yang akan berfungsi di perangkat apa pun. Berikut adalah beberapa fitur luar biasa yang akan Anda dapatkan dari mengunduh tema ini:

  • Desain yang elegan.
  • Tata letak responsif.
  • markup yang ramah SEO.
  • Templat halaman khusus.
  • Bebas.
  • berlisensi GPL.
  • Terjemahan siap untuk bahasa lain.

Namun, agar Anda dapat menggunakan tema ini, Anda perlu mengetahui cara memasang dan mengonfigurasi tema ini. Namun demikian, berikut adalah panduan terperinci tentang cara menginstal dan mengonfigurasi Tema WooCommerce Storefront.

Cara Memasang dan Mengonfigurasi Tema Toko WooCommerce

Sangat mudah untuk mengunduh Tema Storefront. Mengunduh tema Storefront sama seperti memasang plugin lain untuk situs WordPress Anda. Berikut adalah langkah-langkah yang perlu Anda ikuti:

  1. Pertama, Anda harus pergi ke Appearance > Themes lalu Add New .
  2. Kemudian menuju ke kolom pencarian, ketik ' etalase '.
  3. Setelah itu, klik tombol instal . Memasang tema etalase
  4. Setelah menginstal tema, Anda dapat mengaktifkan tema menggunakan Aktifkan

Selain itu, untuk mengunduh tema Storefront secara manual:

  1. Dengan browser pilihan Anda, kunjungi wordpress.org untuk mengunduh versi terbaru dari Storefront. tema etalase
  2. Setelah mengunduhnya, Anda kemudian dapat mengunggah folder yang diekstraksi ke direktori tema di server Anda melalui FTP.
  3. Setelah itu, Anda perlu mengaktifkan tema dengan menavigasi ke Dashboard WordPress, lalu pergi ke Appearance , lalu Themes .

Template Halaman

Tema Storefront secara otomatis membuat dua templat halaman tambahan, selain halaman WooCommerce default. Mereka adalah Beranda dan Lebar penuh, yang dibahas secara rinci di bawah ini:

Templat Beranda.

Template Beranda menawarkan cara yang bagus untuk menampilkan semua produk Anda, memberi Anda gambaran umum tentang produk dan kategori produk. Pengunjung toko Anda pertama kali akan mendarat di halaman ini saat memasuki toko Anda. Tampilan beranda sangat penting karena pengunjung dapat dikonversi menjadi pembeli jika menarik.

Menyiapkannya sangat mudah karena Anda hanya perlu:

  1. Masuk ke panel admin situs Anda sebagai administrator .
  2. Buat halaman baru dan tambahkan beberapa konten untuk ditampilkan.
  3. Kemudian, Anda harus memilih ' Beranda ' dari drop-down template di kotak meta Atribut Halaman seperti yang ditunjukkan di bawah ini: Templat Beranda
  4. Setelah memublikasikan halaman ini, Anda dapat mengaturnya sebagai beranda dengan menavigasi ke Pengaturan lalu Membaca .
  5. Anda kemudian akan mencentang ' A static page ' dan kemudian memilih beranda yang dibuat dari dropdown ' Home page '. Pengaturan Membaca
  6. Setelah Anda menyimpan perubahan, perubahan tersebut akan secara otomatis tercermin di front-end .

Setelah konfigurasi selesai, Beranda Anda harus memiliki beberapa bagian seperti yang ditunjukkan di bawah ini:

beranda dengan bagian

Di beranda, ditampilkan berbagai cluster seperti produk yang direkomendasikan, favorit penggemar, produk yang dijual, dan penjual terbaik. Cara elemen ini ditampilkan sama dengan urutan di back-end.

Selain itu, Anda dapat menggunakan fitur seret dan lepas untuk melakukan modifikasi dengan mengklik produk lalu, kategori.

Lebar Penuh di keranjang dan checkout

Templat kedua adalah lebar penuh yang membentang di seluruh halaman tanpa bilah sisi, yang merupakan opsi yang disarankan untuk halaman keranjang dan checkout Anda. Ini dapat dilakukan dengan masuk ke halaman keranjang dan checkout dan pilih ' Lebar Penuh ' dari drop-down di bagian Atribut Halaman seperti yang ditunjukkan di bawah ini: lebar penuh

1. Mengonfigurasi menu

Etalase memiliki pengaturan default lokasi menu yang primer dan sekunder. Menu utama ditampilkan tepat di bawah logo situs . WooCommerce menampilkan semua halaman Anda sebagai 'menu utama' jika Anda belum menetapkan menu utama tertentu.

Menu sekunder berada tepat di samping logo, di samping kotak telusur . Namun, menu sekunder ini hanya akan muncul jika Anda menetapkan menu .

Menu

2. Membuat menu baru dan menambahkan halaman

Hal ini dapat dilakukan dengan:

  1. Menavigasi ke Appearance > Menus di panel admin.
  2. Di sisi kiri, Anda akan melihat judul yang disebut ' halaman '. Klik tombol Lihat Semua untuk mendapatkan daftar semua halaman yang telah Anda terbitkan.
  3. Centang halaman yang Anda inginkan lalu klik Add to Menu . Sangat mudah untuk menyesuaikan urutan menu hanya dengan menyeret dan menjatuhkan halaman. Ingatlah untuk menyimpan perubahan. Menambahkan menu

3. Menetapkan Menu

Membuat menu saja tidak cukup. Anda perlu menetapkan menu ke lokasi di mana Anda ingin menampilkannya. Untuk melakukan ini:

  1. Arahkan ke Penampilan> Menu> Pengaturan Menu.
  2. Pilih menu yang ingin Anda tetapkan. Secara default, tema ini mendukung 3 menu.
  3. Ingatlah untuk menyimpan perubahan yang Anda buat. Lokasi Menu

Untuk melihat Hasil refresh halaman rumah dan Anda harus melihat menu yang dibuat.

4. Menempatkan Widget

Tema Storefront memberi Anda tiga area berbeda untuk menempatkan widget di situs web Anda. Widget header dapat ditempatkan di atas konten, tepat di bawah header situs Anda. Widget bilah sisi ditempatkan di samping berdasarkan tata letak yang Anda pilih. Selain itu, Anda dapat menempatkan widget footer berdasarkan pilihan Anda dari empat widget yang tersedia. widget

  • Sidebar – Kiri atau kanan konten situs utama,
  • Di Bawah Tajuk – Tepat di bawah tajuk situs dan di atas konten.
  • Kolom Footer 1 – Area Footer
  • Kolom Footer 2 – Area Footer
  • Kolom Footer 3 – Area Footer
  • Kolom Footer 4 – Area Footer

Kesimpulan

Itu menyimpulkan panduan singkat tentang cara menginstal dan mengonfigurasi tema WooCommerce Storefront. Saya telah menunjukkan kepada Anda bagaimana Anda dapat menginstal tema seperti menginstal plugin lain untuk situs WordPress Anda. Selain itu, saya telah menunjukkan kepada Anda beberapa langkah mudah untuk menginstalnya secara manual .

Selain itu, saya telah menunjukkan kepada Anda bagaimana Anda dapat menambahkan template Homepage dan template Full-width . Template Beranda menawarkan cara yang bagus untuk menampilkan semua produk Anda, memberi Anda gambaran umum tentang produk dan kategori produk. Di sisi lain, template Full-width membentang di seluruh halaman tanpa sidebar, yang merupakan opsi yang disarankan untuk halaman keranjang dan checkout Anda.

Saat menyiapkan tema Storefront Anda, penting juga untuk mengetahui cara mengonfigurasi menu. Ini karena pengunjung di situs Anda akan dapat menavigasi seluruh situs Anda tanpa masalah. Saya juga telah menyoroti bagaimana Anda dapat membuat menu dan menetapkannya ke suatu lokasi. Selain itu, saya juga telah menunjukkan kepada Anda bagaimana Anda dapat menempatkan widget di tiga area berbeda di situs web Anda.

Artikel Serupa

  1. 80+ Trik untuk Menyesuaikan Tema WooCommerce Storefront: Panduan Kustomisasi Tema Storefront Ultimate
  2. Cara Menambahkan Konten Di Bawah Etalase Judul Produk Unggulan
  3. Hapus Kategori dari Halaman Produk WooCommerce Dalam 2 Opsi Mudah
  4. Cara Memindahkan Deskripsi Di Bawah Gambar di WooCommerce
  5. Cara Mengganti Stok Teks yang Habis di WooCommerce
  6. Sembunyikan atau Hapus Bidang Kuantitas dari Halaman Produk WooCommerce
  7. Cara Mengganti Nama Pesan Status Pesanan di WooCommerce