Cara Menambahkan Produk Sederhana dengan Plugin WooCommerce

Diterbitkan: 2021-03-15

WooCommerce adalah plugin populer untuk membuat toko online (situs web eCommerce) di WordPress. Ini menyediakan banyak fitur penting untuk situs web eCommerce seperti keranjang belanja, pembayaran, pengiriman, promosi, pendaftaran pelanggan, ... Pada artikel ini, kita belajar cara menambahkan produk sederhana di WordPress dengan plugin WooCommerce .

Daftar Isi sembunyikan
  1. 1. Metode 1: Tambahkan Setiap Produk Secara Manual
    1. 1.1. Informasi dasar
    2. 1.2. Informasi Lain (Tidak Diperlukan)
  2. 2. Metode 2: Tambahkan Produk Sederhana dalam Jumlah Besar dengan Fitur Impor
  3. 3. Sesuaikan Tampilan Produk Sederhana di Situs Web
  4. 4. Sesuaikan Tampilan Halaman Produk
    1. 4.1. Tambahkan Halaman Produk ke Menu
    2. 4.2. Pilih Halaman Produk sebagai Beranda
    3. 4.3. Sesuaikan Tampilan Toko (Tidak Diperlukan)
  5. 5. Kata-Kata Terakhir

Untuk menambahkan produk sederhana dengan plugin WooCommerce, Anda dapat menggunakan dua metode:

  • Metode 1: Tambahkan setiap produk secara manual.
  • Metode 2: Tambahkan produk sederhana secara massal dengan fitur Impor (Anda memerlukan file CSV).

Ini dia!

Metode 1: Tambahkan Setiap Produk Secara Manual

WooCommerce WooCommerce

Pengarang: Automattic

Versi Saat Ini: 6.0.0

Terakhir Diperbarui: 15 Desember 2021

woocommerce.6.0.0.zip

90% Peringkat 5.000.000+ Menginstal WP 5.6+ Membutuhkan

Setelah menginstal dan mengaktifkan plugin WooCommerce, buka Product > Add New . Antarmuka untuk menambahkan produk baru akan muncul sebagai berikut:

Tambahkan Setiap Produk Secara Manual dengan plugin WooCommerce

Agar lebih mudah dipahami, saya mengurutkan pengaturan menjadi dua macam di sini:

  • Informasi dasar : informasi penting yang harus Anda isi.
  • Informasi lain : informasi opsional, Anda dapat memasukkannya atau tidak, tergantung pada kebutuhan Anda.

Informasi dasar

Pertama, Anda perlu memasukkan informasi dasar tentang produk sederhana seperti nama, deskripsi, gambar, harga, dan jenis produk.

Nama dan Deskripsi

Nama produk yang sederhana harus pendek dan menyertakan kata kunci utama sehingga pelanggan dapat menemukannya dengan mudah.

Masukkan Nama dan Deskripsi untuk produk sederhana

Nama dan deskripsi panjang

Adapun deskripsi, plugin WooCommerce memiliki deskripsi panjang dan deskripsi singkat.

Plugin WooCommerce memiliki deskripsi panjang dan deskripsi singkat.

Deskripsi Singkat

Deskripsi singkat muncul di sebelah nama produk dan gambar. Oleh karena itu, Anda harus menulisnya dengan singkat dan menarik seperti “Beanie cantik dengan logo yang menarik”.

Deskripsi singkat muncul di sebelah nama produk dan gambar.

Deskripsi singkat muncul di ujung depan

Dalam uraian panjang, Anda harus menjelaskan lebih lanjut tentang produk sederhana seperti dari mana asalnya, spesifikasinya, dll. Misalnya: “Topi itu terbuat dari kapas Cina dan ditenun secara manual oleh pengrajin”. Ada satu trik adalah menggunakan peluru saat Anda perlu membuat daftar sesuatu. Ini akan membuat konten terlihat jauh lebih lapang dan mudah dibaca.

jelaskan lebih lanjut tentang produk sederhana

Deskripsi panjang muncul di ujung depan

Gambar Produk dan Galeri Produk

Produk sederhana harus memiliki setidaknya satu gambar yang menggambarkannya. Selain itu, Anda harus menambahkan beberapa gambar produk lain dari sudut yang berbeda (dilihat dari kiri, kanan, dari kejauhan, dan gambar dari pelanggan) ke Galeri Produk. Ini membantu pelanggan dengan mudah memvisualisasikan produk yang sebenarnya, sehingga mendapatkan kepercayaan mereka.

Produk sederhana harus memiliki setidaknya satu gambar yang menggambarkannya

Tag dan Kategori Produk

Tag dan Kategori adalah dua alat yang berguna yang membantu Anda mengelola dan mengatur produk secara efektif. Menggunakan tag dan kategori dengan benar memudahkan pelanggan untuk menentukan apa yang dijual situs web eCommerce Anda. Selain itu, mereka dapat mencari produk yang diinginkan dengan lebih mudah dan cepat.

Untuk menambahkan kategori baru, cukup klik tombol Tambahkan kategori baru di bagian Kategori produk :

Tag dan Kategori adalah dua alat yang berguna yang membantu Anda mengelola dan mengatur produk secara efektif.

Sedangkan untuk tag, lebih mudah. Anda hanya perlu memasukkan nama tag lalu klik tombol Enter atau klik Add .

masukkan nama tag produk

tipe produk

Ada empat jenis produk di plugin WooCommerce yaitu:

  • Produk sederhana
  • produk grup
  • Produk Eksternal/Afiliasi
  • Produk variabel

Namun, dalam artikel ini, kami hanya menambahkan produk sederhana.

Ada empat jenis produk di plugin WooCommerce

Harga Produk

Untuk menambahkan harga produk, buka Data produk dan pilih tab Umum . Ada dua entri utama yang harus Anda perhatikan:

  • Harga normal
  • Harga penjualan

tambahkan harga produk

Untuk mengatur waktu obral, klik Schedule di sebelah kanan entri harga Sale .

mengatur waktu penjualan

Misalnya, saya mengatur waktu penjualan sebagai berikut:

Siapkan penjualan dengan plugin WooCommerce

Informasi Lain (Tidak Diperlukan)

Catatan : Anda dapat mengklik tombol (?) di sebelah kanan setiap bagian untuk membaca dokumentasi plugin WooCommerce.

Bergantung pada produk dan tokonya, pemilik situs web eCommerce perlu mengisi atribut dan data yang berbeda untuk produk sederhana di bagian Data produk . Bagian ini terdiri dari 6 tab utama sebagai berikut:

Tab Umum

Di tab Umum , selain menambahkan harga produk, Anda dapat menyiapkan dua bagian lagi:

  • Status pajak : ada tiga status pajak default yaitu Kena Pajak , Tidak Ada, dan Pengiriman saja .
  • Kelas pajak : pilih bagaimana WooCommerce menghitung pajak produk. Lebih lanjut akan saya jelaskan di artikel selanjutnya.

atur bagian di plugin WooCommerce

Tab Inventaris

Ada 4 bagian di tab Inventaris :

  • SKU : kode produk.
  • Kelola stok?
  • Status stok : ada tiga status default yaitu In stock , Out of stock , dan On backorder .
  • Dijual secara individual : setiap pelanggan hanya dapat membeli satu produk dalam jenis ini untuk setiap pesanan.

Ada 4 bagian di tab Inventaris plugin WooCommerce

Tab Pengiriman

Ada 3 bagian di tab Pengiriman :

  • Berat (kg)
  • Dimensi (panjang x lebar x tinggi)
  • Kelas pengiriman : pilih kelas produk (rapuh, besar, ...) untuk menerapkan metode pengiriman yang berbeda. Lebih lanjut akan saya jelaskan di artikel selanjutnya.

Ada 3 bagian di tab Pengiriman plugin WooCommerce

Tab Produk Tertaut

  • Upsells : menyarankan produk serupa yang memiliki ukuran, warna, … untuk pelanggan.
  • Cross-sell : sarankan produk lain yang relevan. Misalnya, jika Anda menjual buku, Anda dapat menyarankan agar pelanggan membeli bookmark.

Konfigurasikan Tab Produk Tertaut di plugin WooCommerce

Tab Atribut

Tab ini tentang membuat produk variabel. Untuk mendapatkan detail lebih lanjut, lihat artikel ini.

Buat produk variabel

Tab Lanjutan

Ada 3 bagian di tab Lanjutan :

  • Purchase note : mengirim catatan kepada pelanggan ketika dia menyelesaikan pesanan.
  • Urutan menu : prioritas produk di keranjang. Semakin kecil angkanya, semakin tinggi prioritasnya.
  • Aktifkan ulasan

Ada 3 bagian di tab Lanjutan plugin WooCommerce

Selain membuat setiap produk secara manual, Anda dapat menambahkan produk sederhana secara massal dengan fitur Impor dengan metode kedua.

Metode 2: Tambahkan Produk Sederhana dalam Jumlah Besar dengan Fitur Impor

Untuk menambahkan produk sederhana secara massal dengan fitur Impor, Anda memerlukan file CSV terlebih dahulu. File CSV ini berisi beberapa bidang produk seperti nama, deskripsi, harga, SKU, dll. Anda dapat mengekspor file CSV ini dari situs web eCommerce lain atau membuatnya secara manual dengan Excel (pilih format CSV di bagian Simpan sebagai Excel).

Anda dapat mengunduh contoh file CSV di sini.

Mari kita lihat bagaimana kita melakukannya:

Pertama, buka Produk > Semua Produk > Impor .

Tambahkan Produk Sederhana dalam Jumlah Besar dengan Fitur Impor

Di layar berikutnya, unggah file CSV Anda, lalu klik Lanjutkan :

unggah file CSV di WooCommerce

Di bagian Pemetaan kolom , pilih bidang yang ingin Anda impor:

pilih bidang yang ingin Anda impor menggunakan WooCommerce

Setelah itu scroll ke bawah dan klik Run the importer :

Jalankan Importir

Setelah selesai, Anda dapat mengklik Lihat produk untuk melihat produk baru:

lihat produk WooCommerce baru

Ini adalah dua produk yang kami impor:

Impor 2 produk

Setelah menambahkan produk sederhana, kita perlu mengatur tampilannya di situs web agar terlihat lebih cantik.

Sesuaikan Tampilan Produk Sederhana di Situs Web

Di bagian ini, kita akan mengatur tampilan halaman produk dan toko agar terlihat lebih cantik, profesional, dan nyaman bagi pelanggan.

Sesuaikan Tampilan Halaman Produk

Ada banyak tema eCommerce di pasar. Tema-tema ini membantu Anda menampilkan produk sederhana dengan indah. Selain itu, beberapa tema memilih halaman produk sebagai beranda atau menambahkan halaman produk ke menu secara default. Ini dapat membantu pelanggan melihat halaman produk Anda tepat setelah mereka membuka situs Anda.

Namun, tidak setiap tema menampilkan seperti itu. Jadi, saya akan menunjukkan cara menambahkan halaman produk ke menu dan memilih halaman produk sebagai beranda secara manual!

Tambahkan Halaman Produk ke Menu

Kami memiliki artikel yang menjelaskan cara menambahkan / menghapus bagian pada halaman menu, Anda dapat merujuknya di sini.

Pilih Halaman Produk sebagai Beranda

Pertama, klik Customizer pada bilah menu Admin:

Pilih Halaman Produk sebagai Beranda

Di bilah sisi kiri, pilih pengaturan Beranda :

Siapkan Beranda situs web eCommerce

Setelah itu, pilih A static page di bagian Your homepage display , pilih Shop di bagian Homepage lalu klik Publish .

Pilih halaman produk sebagai beranda

Tada! Kami telah selesai memilih beranda sebagai halaman produk:

Pilih beranda sebagai halaman produk di WordPress

Selanjutnya, saya akan memperkenalkan Anda ke beberapa pengaturan menarik di bagian Customizer untuk membuat situs web eCommerce lebih indah.

Sesuaikan Tampilan Toko (Tidak Diperlukan)

Masih di Customizer , buka WooCommerce :

Sesuaikan Tampilan Toko WooCommerce

Di bagian WooCommerce , ada bagian kecil sebagai berikut (lihat gambar):

Di bagian WooCommerce, ada bagian kecil

Sekarang saya akan menjelaskan secara singkat tentang penggunaan setiap bagian:

  • Toko Pemberitahuan :

Bagian ini memungkinkan Anda untuk menampilkan pemberitahuan di bagian atas halaman seperti di bawah ini:

tampilkan notifikasi di bagian atas halaman produk

  • Katalog Produk :

Di bagian Katalog Produk , Anda dapat menambahkan sidebar, menyesuaikan cara halaman produk menampilkan/mengelola produk, menyesuaikan jumlah produk dalam satu baris, dan jumlah baris dalam satu halaman.

sesuaikan bagaimana halaman produk ditampilkan

  • Gambar Produk :

Di bagian Gambar Produk , Anda dapat mengedit panjang dan rasio aspek gambar produk agar terlihat lebih indah dan seimbang.

sesuaikan formulir checkout situs web WordPress

  • Lihat :

Di bagian ini, Anda dapat menyesuaikan formulir checkout dengan menambahkan / menghapus bagian seperti nama perusahaan, nomor telepon, lokasi. Anda juga dapat menampilkan halaman Kebijakan Privasi dan Syarat dan Ketentuan .

sesuaikan formulir checkout situs web WordPress

  • Optimasi : Aktifkan bagian ini secara default kecuali Anda menggunakan blok WooCommerce.

Seperti yang Anda lihat, plugin WooCommerce memungkinkan pengguna untuk menyesuaikan tampilan toko secara fleksibel. Tergantung pada karakteristik, kebutuhan, dan selera setiap orang, Anda dapat mengedit bagian ini dengan cara yang berbeda.

Kata-kata terakhir

Kami harap Anda telah mempelajari cara menambahkan produk sederhana dengan plugin WooCommerce setelah 15 menit membaca. Di artikel mendatang, kita akan belajar tentang cara membuat toko online, jadi jangan sampai ketinggalan!

Selain itu, beberapa produk mungkin memiliki beberapa informasi yang tidak didukung WooCommerce. Saat itu, Anda dapat menggunakan bidang khusus dengan plugin Kotak Meta untuk menambahkan informasi ini, dapatkan detail lebih lanjut di sini.