Panduan Membuat Situs Web WooCommerce: Tutorial Lengkap untuk Membangun Situs Web E-commerce Profesional dari Nol.

Mempersiapkan dan menginstal inti

Sebelum memulai pembangunan situs web toko online Anda, persiapan yang matang sangat penting. Pertama-tama, Anda memerlukan sebuah nama domain dan sebuah hosting virtual atau server yang mendukung PHP 7.4 atau versi lebih baru, serta MySQL 5.6 atau versi lebih baru (atau MariaDB 10.1 atau versi lebih baru). Kami sangat menyarankan untuk menggunakan WordPress versi terbaru sebagai sistem manajemen konten (Content Management System/CMS), karena… WooCommerce Itulah plugin yang dibangun di atasnya.

Setelah masuk ke Dashboard WordPress, navigasikan ke halaman “Plugins” > “Install Plugins”. Masukkan “WooCommerce” ke dalam kotak pencarian, temukan plugin resmi yang diterbitkan oleh Automattic, lalu klik “Install Now”. Setelah proses instalasi selesai, klik tombol “Activate”. Pada saat itu, sistem akan secara otomatis mengaktifkan plugin tersebut. WooCommerce Panduan pengaturan akan membimbing Anda dalam mengonfigurasi informasi dasar toko, seperti negara, mata uang, metode pembayaran, dan layanan pengiriman. Meskipun panduan tersebut dapat diabaikan nanti, disarankan bagi pengguna baru untuk menyelesaikannya agar dapat membangun kerangka dasar yang diperlukan.

Konfigurasi Dasar dan Pengaturan Toko

Setelah proses instalasi selesai, situs web Anda kini telah memiliki fitur inti untuk berjualan secara online (e-commerce). Selanjutnya, Anda perlu melakukan langkah-langkah tertentu untuk mengaktifkan dan mengoptimalkan fitur tersebut. WooCommerce Lakukan penyesuaian mendalam di area pengaturan backend untuk membuat toko tersebut sesuai dengan kebutuhan bisnis Anda.

推荐阅读 Tutorial WooCommerce: Cara Membangun Situs Web E-commerce WordPress yang Efisien dan Dapat Diperluas.。

Mengonfigurasi opsi toko umum

Temukan “WooCommerce” di sidebar (sisi kiri) pada panel administrasi WordPress, lalu klik “Settings” (Pengaturan). Masuklah ke halaman “General” (Umum). Di sini, Anda dapat mengatur alamat toko, lokasi pelanggan default, serta menentukan apakah fitur penilaian (rating) akan diaktifkan di halaman produk. Yang paling penting adalah mengatur mata uang dan formatnya, agar harga yang ditampilkan sesuai dengan kebiasaan pasar target.

UltaHost – Hosting untuk WordPress

Jaminan pengembalian uang dalam 30 hari, bandwidth dan basis data yang tidak terbatas, perlindungan DDoS gratis, diskon 50% untuk pembelian selama 3 tahun (dari harga normal: 50%).

halaman akses

Menetapkan penampilan produk dan katalog

Klik halaman tag “Produk” untuk mengonfigurasi katalog. Anda dapat menetapkan satuan pengukuran produk, kebijakan komentar, serta tata letak halaman arsip toko, kategori, dan tag. Misalnya, Anda dapat mengontrol aturan pengurutan default saat pelanggan melihat daftar barang melalui opsi “Pengurutan Produk Default” (seperti berdasarkan popularitas, rating, atau harga).

Mengonfigurasi aturan pembayaran dan perpajakan

Pembayaran merupakan inti dari sebuah transaksi. Pada halaman tag “Pembayaran”,WooCommerce Berbagai gateway pembayaran tersedia, seperti PayPal, Stripe, dan transfer bank. Anda perlu mengaktifkan dan mengonfigurasi gateway yang sesuai berdasarkan wilayah bisnis Anda. Misalnya, aktifkan metode pembayaran berupa cek, dan beritahu pelanggan cara melakukannya dalam deskripsi produk atau layanan Anda.
Untuk wilayah yang perlu menangani urusan pajak, fitur perhitungan tarif pajak harus diaktifkan pada halaman tag “Pajak”. Anda dapat mengatur tag tarif pajak, memasukkan tarif pajak standar, dan menentukan apakah harga sudah termasuk pajak atau belum. Sebagai contoh, tambahkan aturan dengan tarif pajak standar 20% yang berlaku untuk “Inggris”.

Menetapkan skema distribusi logistik

Pengaturan logistik berada di halaman tag “Distribusi”. Pertama-tama, Anda perlu membuat “Wilayah Distribusi”, misalnya “Dalam Wilayah China”. Kemudian, tambahkan metode distribusi di dalam wilayah tersebut, seperti “Distribusi Gratis”, “Tarif Tetap”, atau “Pengambilan Barang di Tempat”. Anda dapat menetapkan biaya untuk masing-masing metode; misalnya, menetapkan tarif tetap sebesar 30 yuan. Dengan menetapkan skema yang berbeda untuk wilayah yang berbeda, Anda dapat mengelola biaya logistik dengan lebih fleksibel.

Menambahkan Produk dan Mengelola Stok

Daftar produk yang lengkap merupakan nyawa dari sebuah situs web e-commerce.WooCommerce Sistem manajemen produk tersebut sangat kuat dan fleksibel.

推荐阅读 Mengenal lebih dalam WooCommerce: Membangun situs toko online WordPress yang canggih dari nol。

Membuat produk sederhana dan produk yang dapat disesuaikan (produk variabel)

Di panel administrasi WordPress, klik “Produk” > “Tambahkan Produk Baru” untuk memulai proses pembuatan produk. Isi judul produk, deskripsi terperinci, dan pilih gambar yang menarik sebagai gambar utama produk. Di panel data produk di sebelah kanan, pilih jenis produk yang diinginkan. Dua jenis produk yang paling umum adalah “Produk Sederhana” (Simple Product) dan “Produk Variabel” (Variable Product).
Untuk barang dengan spesifikasi yang sederhana, seperti sebuah buku, gunakan jenis “Barang Sederhana”. Cukup masukkan informasi seperti harga dan satuan stok.
Untuk produk yang memiliki berbagai atribut (seperti ukuran, warna), Anda harus memilih jenis produk sebagai “Produk Variabel”. Pertama, buat atribut di halaman “Atribut”, misalnya “Warna”, dan tambahkan nilai atributnya (merah, biru). Jangan lupa centang opsi “Untuk Variasi”. Kemudian beralih ke halaman “Variasi” dan klik “Tambahkan Variasi dari Semua Atribut”; sistem akan secara otomatis membuat semua kombinasi yang mungkin. Setelah itu, Anda dapat mengatur harga, stok, dan gambar untuk setiap variasi (misalnya “Merah-S”). Dengan demikian, Anda dapat mengelola produk tersebut dengan lebih detail.

Mengelola inventaris dan klasifikasi barang

Manajemen inventaris yang efektif dapat mencegah masalah overselling (penjualan melebihi stok) dan kehabisan stok (out of stock). Di kotak label “Inventaris” pada halaman edit produk, Anda dapat mengisi informasi terkait stok produk tersebut. _sku(Unit penyimpanan), jumlah stok, dan pilih apakah ingin “mengaktifkan manajemen stok”. Ketika jumlah stok berkurang hingga 0, halaman produk di frontend akan secara otomatis menampilkan status “stok habis”.
Klasifikasi yang baik dapat sangat meningkatkan pengalaman pengguna. Anda dapat membuat kategori dan tag produk di “Produk” > “Kategori”. Disarankan untuk menggunakan struktur pohon dalam pembuatan kategori, misalnya “Elektronik” > “Ponsel” > “Smartphone”. Setelah produk diberi kategori yang tepat, pelanggan dapat lebih mudah menemukan produk yang mereka inginkan melalui navigasi.

Mengatur tampilan dan menambahkan fitur tambahan

Tema default mungkin tidak dapat memenuhi kebutuhan brand, dan plugin inti juga belum tentu mencakup semua fitur yang diperlukan. Dalam situasi seperti ini, penyesuaian (customization) dan pengembangan tambahan (extension) menjadi sangat penting.

hosting.com hosting bersama

Kinerja tinggi, dilengkapi dengan CPU AMD EPYC, penyimpanan SSD NVMe, dan LiteSpeed, dukungan internal ahli 24 jam sehari, langkah-langkah keamanan canggih termasuk SSL, brute force, malware, dan perlindungan DDoS, menghemat hingga 731 TB/bulan.

halaman akses

Memilih dan menyesuaikan tema yang kompatibel dengan WooCommerce

Meskipun demikian, WooCommerce Dapat bekerja sama dengan sebagian besar tema WordPress, namun penggunaan tema yang resmi kompatibel atau yang dikhususkan untuk keperluan e-commerce akan memberikan hasil visual dan pengalaman pengguna yang terbaik. Sebagai contoh, Storefront adalah tema resmi yang dikembangkan oleh Automattic, dan tema ini sangat cocok untuk digunakan dengan WordPress. WooCommerce Integrasi mendalam.
Dengan menggunakan Customizer WordPress (“Tampilan” > “Kustomisasi”), Anda dapat mengubah warna, font, dan tata letak tema. Banyak tema juga menyediakan opsi tambahan untuk penyesuaian lebih lanjut. WooCommerce Opsi kustomisasi eksklusif ini memungkinkan Anda untuk mengatur tata letak halaman utama toko, halaman profil produk, dan halaman produk individu.

Menggunakan plugin untuk memperluas kemampuan toko (store).

WooCommerce Ekosistem tersebut memiliki ribuan plugin tambahan yang memungkinkan penambahan fitur baru dengan mudah. Misalnya, jika Anda perlu membuat layanan berbasis sistem berlangganan, Anda dapat menginstal plugin yang sesuai. WooCommerce Subscriptions Plugin. Jika Anda memerlukan fitur penyaringan produk yang lebih canggih,YITH WooCommerce Ajax Product Filter Ini merupakan pilihan yang populer.

Mengimplementasikan penyesuaian tingkat lanjut melalui potongan kode

Bagi para pengembang, penyesuaian yang lebih mendalam dapat dilakukan dengan menambahkan potongan kode. Misalnya, jika Anda ingin mengubah teks pengganti (placeholder) pada suatu bidang di halaman pembayaran, Anda dapat menambahkan kode berikut ke dalam subtema (subtopic) yang bersangkutan. functions.php Di dalam file:

推荐阅读 WooCommerce: Panduan Praktis dari Pemula hingga Ahli: Cara Membangun Situs Toko Online yang Profesional。

add_filter( 'woocommerce_checkout_fields', 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
    $fields['billing']['billing_company']['placeholder'] = '您的公司名称（选填）';
    return $fields;
}

Salah satu kebutuhan umum lainnya adalah untuk menonaktifkan fitur tertentu pada halaman keranjang belanja, misalnya dengan menghapusnya. woocommerce_cross_sells_display Action hook ini digunakan untuk menonaktifkan penampilan produk yang ditawarkan sebagai produk tambahan (cross-selling).

remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sells_display' );

Menyimpulkan.

Dari memilih host, menginstal WordPress, hingga… WooCommerce Mulai dari mengaktifkan plugin, hingga menyelesaikan pengaturan toko, menambahkan produk, mengelola stok, dan akhirnya melakukan penyesuaian mendalam melalui tema dan plugin, Anda telah melalui seluruh proses pembuatan situs toko online yang profesional. Setiap langkah dalam proses ini saling terkait, dan konfigurasi yang cermat pada setiap tahap secara langsung mempengaruhi pengalaman pengguna dan efisiensi operasional situs tersebut.WooCommerce Kekuatan utamanya terletak pada fleksibilitas dan skalabilitas yang luar biasa; baik untuk toko online pribadi yang sederhana maupun platform e-commerce tingkat perusahaan yang perlu menangani bisnis yang kompleks, platform ini dapat memberikan dukungan yang kuat. Ingatlah, peluncuran situs web hanyalah awal dari perjalanan. Optimisasi berkelanjutan, pembaruan konten, dan operasi yang berbasis datalah yang menjadi kunci keberhasilan.

Hosting bersama InterServer.

Hosting bersama seharga $2,50 USD per bulan, diskon $0,1 USD untuk bulan pertama dengan kode promo tryinterserver, serta 461 skrip aplikasi cloud yang dapat diinstal dengan sekali klik.

halaman akses

FAQ - Pertanyaan yang Sering Diajukan.

Bagaimana cara mengubah template email di WooCommerce untuk ####?
WooCommerce Template untuk email dapat diganti dengan mengubah isi subjek (subject) pesan. Pertama-tama, buat sebuah file dengan nama tertentu di dalam direktori sub-subjek (sub-topic) Anda. woocommerce Buka folder tersebut, lalu buat file baru di dalamnya. emails Subfolder.
Selanjutnya, dari… WooCommerce Direktori plugin (jalur umumnya adalah) wp-content/plugins/woocommerce/templates/emails/Dalam dokumen tersebut, diperlukan modifikasi pada file template email yang akan digunakan (misalnya, notifikasi pesanan baru dari pelanggan). admin-new-order.phpSalin file tersebut ke path yang sesuai di dalam folder tema yang baru Anda buat. Sekarang, Anda dapat dengan aman mengedit file salinan ini untuk menyesuaikan isi email. Ketika plugin diperbarui, modifikasi yang Anda lakukan tidak akan terhapus.

Bagaimana cara menetapkan biaya pengiriman yang berbeda untuk produk atau kategori tertentu?

Untuk mengimplementasikan fitur ini, biasanya diperlukan bantuan plugin tambahan (ekstensi). Versi resmi (official) dari plugin tersebut juga tersedia. WooCommerce Advanced Shipping Plugin atau pihak ketiga Table Rate Shipping Plugin merupakan solusi yang sering digunakan. Plugin tersebut memungkinkan Anda untuk membuat aturan pengiriman yang kompleks, misalnya menghitung biaya pengiriman berdasarkan total berat barang, total harga di keranjang belanja, jumlah barang, atau kategori produk tertentu.
Setelah menginstal dan mengaktifkan plugin tersebut, Anda dapat… WooCommerce Area “Distribusi” yang telah diatur digunakan untuk membuat metode distribusi baru, dan berdasarkan kondisi yang Anda tetapkan (misalnya, “ketika kategori mencakup ‘Furniture””), tabel perhitungan biaya pengiriman yang berbeda dapat dikonfigurasi.

Bagaimana cara membuat cadangan (backup) untuk seluruh toko (store) WooCommerce?

Cara paling andal untuk membuat cadangan (backup) adalah dengan melakukan backup seluruh situs web. Ini mencakup basis data serta semua file yang terdapat di situs web, seperti file inti WordPress, tema (theme), plugin, gambar yang diunggah, dan lainnya. Anda dapat melakukannya dengan dua cara utama berikut:
Gunakan plugin backup yang profesional, seperti UpdraftPlus atau BackupBuddy. Plugin-plugin ini dapat melakukan backup secara otomatis dan terjadwal, serta menyimpan data ke layanan cloud (seperti Dropbox atau Google Drive). Proses pemulihan data juga relatif sederhana.
Membuat cadangan secara manual melalui panel kontrol host. Sebagian besar panel kontrol hosting virtual (seperti cPanel) menyediakan fitur “Backup”, yang memungkinkan Anda mengunduh seluruh file situs web serta file ekspor database SQL dengan sekali klik.

Apa arti “SKU” yang ditampilkan di halaman produk, dan apakah kolom ini wajib diisi?

SKU adalah singkatan dari “Stock Keeping Unit”, yaitu kode unik yang digunakan untuk mengidentifikasi dan melacak barang inventaris. Kode tersebut dapat terdiri dari huruf, angka, atau kombinasi keduanya. WooCommerce Dalam dokumen tersebut, kolom SKU (Stock Keeping Unit) tidak diwajibkan untuk diisi.
Namun, sangat disarankan untuk mengisi informasi SKU (Stock Keeping Unit) untuk semua barang Anda. Hal ini tidak hanya akan sangat memudahkan Anda dalam melakukan manajemen stok, penghitungan persediaan, dan analisis data, tetapi juga akan mempermudah proses pencocokan data saat mengintegrasikan sistem eksternal (seperti ERP atau sistem logistik pihak ketiga). Ini merupakan dasar penting dalam manajemen barang yang profesional.