Tutorial WooCommerce: Panduan lengkap untuk pemula hingga pembangunan khusus.

Apa itu WooCommerce dan apakah nilai-nilai terasnya?

WooCommerce Ia merupakan tambahan (plugin) e-dagang WordPress terbuka (open-source) yang paling popular di dunia. Ia mengubah sebuah laman web WordPress asas menjadi sebuah kedai dalam talian yang lengkap, membenarkan pengguna menjual barang fizikal, muat turun digital, perkhidmatan langganan, dan bahkan membuat temujanji. Nilai terasnya terletak pada kesediaan yang sepenuhnya percuma, kebolehlatihan yang tinggi, serta integrasi yang mendalam dengan ekosistem WordPress, yang bermakna sesiapa yang mempunyai laman web WordPress boleh memulakan perniagaan e-dagang mereka dengan cepat dan pada kos yang rendah. Ia memiliki pasaran tema dan tambahan yang besar, membolehkan pemilik kedai menyesuaikan fungsi-fungsi mengikut keperluan khusus mereka—daripada gateway pembayaran, pengiraan logistik, hingga sistem keanggotaan dan sokongan pelbagai bahasa—hampir semua aspek dapat disediakan.

Pemasangan dan Tetapan Asas WooCommerce

Membina sebuah kedai WooCommerce yang berjaya bermula dengan pemasangan dan konfigurasi yang betul. Proses ini bukan sahaja melibatkan plugin itu sendiri, tetapi juga pemilihan persekitaran asas yang sesuai untuk perniagaan e-dagang.

Langkah-langkah Persiapan Persekitaran dan Pemasangan

Semasa proses pemasangan… WooCommerce Sebelumnya, pastikan bahawa persekitaran WordPress anda memenuhi syarat-syarat yang diperlukan: gunakan versi PHP yang lebih baru (versi 7.4 dan ke atas disyorkan), dan pastikan pelayan anda menyokong HTTPS. Proses pemasangan sangat mudah; anda hanya perlu masuk ke halaman “Pembantu” > “Pasang Tambahan” di panel kawalan WordPress, cari “WooCommerce”, klik “Pasang” dan aktifkannya. Setelah diaktifkan, sistem akan secara automatik memulakan panduan tetapan yang mudah difahami.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Menganalisis WooCommerce secara mendalam: panduan lengkap untuk membina laman web e-dagang profesional dari awal.。

Jalankan panduan tetapan awal.

Panduan Penetapan merupakan cara yang cepat untuk mengkonfigurasi maklumat asas kedai anda. Ia akan membimbing anda melalui proses tersebut langkah demi langkah.
1. Maklumat asas kedai: Termasuk alamat, unit mata wang, dan jenis barang yang dijual (seperti barang fizikal, produk digital).
2. Tetapan Gateway Pembayaran: Yang paling sering digunakan adalah… Stripe 和 PayPalAnda boleh mengaktifkan dan mengkonfigurasi mereka di sini.
3. Tetapan Penghantaran: Tetapkan tempat penghantaran, kawasan penghantaran (seperti tempatan, antarabangsa), dan kaedah pengiraan kos penghantaran yang sesuai (seperti penghantaran percuma, kos penghantaran tetap, atau berdasarkan kadar masa nyata syarikat kurier).
4. Cadangan Plugin: Panduan tersebut akan mengesyorkan beberapa tambahan (plugin) rasmi, seperti yang berkaitan dengan pengiraan cukai secara automatik. WooCommerce TaxAnda boleh memilih untuk memasangnya mengikut keperluan anda.

UltaHost – Penyedia Hosting untuk WordPress

Jaminan pemulangan wang dalam tempoh 30 hari, lebar jalur dan pangkalan data yang tidak terhad, perlindungan DDoS percuma, diskaun 50% untuk pembelian selama 3 tahun.

Lawati halaman

Setelah menyelesaikan panduan tersebut, kedai anda kini mempunyai rangka asas untuk mengurus transaksi. Seterusnya, anda perlu masuk ke... WooCommerce Menu “Setelan” membenarkan penyesuaian yang lebih terperinci, seperti pilihan pengurusan stok, peraturan pengiraan cukai, dan pautan dasar privasi akaun.

Tambahkan produk pertama

Produk adalah inti utama sebuah kedai. Dalam menu sebelah kiri di latar belakang WordPress, klik “Produk” > “Tambah Produk Baru” untuk masuk ke halaman edit produk. Bidang-bidang penting termasuk:
* 产品名称和详细描述：清晰的产品标题和具有吸引力的描述。
* 产品数据：这是核心设置区。在 产品数据 Dalam kotak tersebut, anda boleh memilih jenis produk (produk biasa, produk yang boleh disesuaikan, produk yang dikumpulkan, dsb.). Untuk sehelai baju T, anda mungkin perlu membuat “produk yang boleh disesuaikan” agar anda dapat menetapkan pilihan warna dan saiz yang berbeza.
* 价格：设定常规价格和促销价。
* 库存：管理 SKU 和库存数量，可以启用库存管理。
* 产品短描述：这通常显示在产品列表页，需要简洁有力。
* 产品图库：上传多张高质量图片，展示产品细节。
Setelah menambah semua maklumat, klik “Publish” dan produk pertama anda akan dilancarkan secara rasmi.

Mengurus operasi kedai dan ciri-ciri lanjutan

Apabila kedai tersebut mula beroperasi, pengurusan harian yang efektif dan penggunaan ciri-ciri lanjutan merupakan kunci kepada pertumbuhan perniagaan. Ini termasuk pengendalian pesanan, interaksi dengan pelanggan, serta membuat keputusan berdasarkan data.

Menangani pesanan dan pengurusan pelanggan

Rekod pembelian semua pelanggan akan dikumpulkan bersama-sama. WooCommerce Halaman “Pesanan”. Di sini disenaraikan butiran terperinci bagi setiap transaksi, termasuk status pesanan (seperti menunggu pemprosesan, sedang diproses, selesai), maklumat pelanggan, barang yang dibeli, dan kaedah pembayaran. Anda boleh mengemaskini status pesanan, menambah nota pesanan (yang boleh dilihat oleh pelanggan atau bersifat peribadi), serta mengurus proses pemulangan wang. Yang berkaitan rapat dengan pesanan adalah pengurusan pelanggan. Di halaman “Pengguna”, anda boleh melihat butiran terperinci pelanggan yang telah mendaftar dan mengumpulkannya mengikut kumpulan, yang akan berguna untuk kempen pemasaran melalui e-mel atau promosi yang disasarkan pada masa akan datang.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Apa itu WooCommerce dan komponen utamanya?。

Konfigurasi Caj Cukai dan Peraturan Penghantaran

Untuk jualan merentasi wilayah, cukai dan kos penghantaran merupakan dua aspek yang kompleks yang perlu diurus dengan baik. Dalam halaman tetapan “Cukai” di WooCommerce, anda boleh mengaktifkan dan mengkonfigurasi kadar cukai. Sebagai contoh, anda boleh menetapkan kadar cukai yang berbeza untuk negara/kawasan yang berbeza, atau bahkan untuk negeri/provinsi yang berbeza. Dengan menetapkan kategori cukai, anda boleh menentukan bahawa produk tertentu (seperti buku) layak mendapat kadar cukai yang lebih rendah atau dibebaskan daripada cukai. Dalam halaman tetapan “Penghantaran”, anda boleh membuat kawasan penghantaran yang kompleks. Sebagai contoh, anda boleh membuat kawasan penghantaran untuk “Amerika Syarikat” dan menyediakan dua pilihan: “Kos Penghantaran Tetap” dan “Penghantaran Percuma (Pesanan Melebihi RM50)”. Kehadiran fleksibiliti ini memastikan pelanggan mendapat anggaran kos penghantaran yang jelas dan tepat semasa membuat pembayaran.

Gunakan tambahan (plugin) yang berkembang untuk meningkatkan fungsi.

Kekuatan sebenar WooCommerce terletak pada keupayaannya untuk diperluas (scalability). Melalui kedai tambahan (extensions) yang disediakan oleh pihak pengeluar, anda boleh menemui ribuan plugin yang boleh ditambahkan ke laman web anda untuk memberikan fungsi-fungsi baru. Sebagai contoh:
* 订阅服务：使用 WooCommerce Subscriptions Plugin menjual produk atau perkhidmatan yang memerlukan pembayaran berulang-ulang (berdasarkan kitaran waktu tertentu).
* 会员制：通过 WooCommerce MembershipsCipta kandungan eksklusif untuk ahli atau tawarkan diskaun harga kepada ahli.
* 多语言支持：结合插件如 WooCommerce Multilingual & MulticurrencyKedai tersebut boleh dengan mudah diterjemahkan ke dalam pelbagai bahasa dan menerima pembayaran dalam pelbagai mata wang.
Memasang tambahan (extensions) biasanya sama mudah seperti memasang WooCommerce itu sendiri, tetapi pastikan anda memilih plugin yang mempunyai ulasan yang baik dan sering diperbaharui untuk memastikan keserasian dan keselamatan.

Melakukan pembangunan tersuai dan integrasi tema

Bagi pembangun yang mempunyai keperluan khusus atau ingin mencipta pengalaman membeli-belah yang unik, WooCommerce menyediakan antara muka kustom yang mendalam. Ini termasuk mengubah templat penampilan dan menambahkan ciri-ciri baru melalui kod.

hosting.com Hosting Bersama

Prestasi tinggi, menampilkan CPU AMD EPYC, storan SSD NVMe dan LiteSpeed, dengan sokongan pakar dalaman 24/7, langkah keselamatan canggih termasuk SSL, perlindungan serangan paksa kata laluan, perisian hasad dan DDoS, menjimatkan sehingga 73%.

Lawati halaman

Mengerti dan menyalin semula fail templat.

Struktur halaman WooCommerce (seperti halaman produk, keranjang beli-belah, dan halaman pembayaran) dikawal oleh satu siri fail templat PHP. Fail-fail ini terletak dalam direktori plugin. /templates/ Dalam folder tersebut. Untuk mengubah suai templat-templat ini dengan selamat dan mengelakkan kehilangan perubahan semasa kemas kini plugin, anda harus menggunakan ciri “theme override” (penggantian tema). Buat sebuah fail dalam folder tema WordPress anda yang bernama… /woocommerce/ Salin direktori anak tersebut, kemudian salin fail templat asal yang perlu diubah ke dalam direktori ini, sambil memelihara struktur laluan asalnya. Sebagai contoh, untuk mengubah cara tajuk halaman produk ditampilkan, anda boleh menyalin... /plugins/woocommerce/templates/single-product/title.php 到 /your-theme/woocommerce/single-product/title.phpKemudian, edit salinan ini dalam topik tersebut.

Menggunakan Hook dan Aksi

WooCommerce Dipasang dengan integrasi yang mendalam ke dalam sistem hook WordPress, termasuk Action dan Filter. Ini merupakan kaedah penyesuaian yang paling sering digunakan dan paling selamat. Hook Action membenarkan anda untuk menjalankan kod anda pada masa-masa tertentu. Sebagai contoh, gunakan… woocommerce_before_add_to_cart_button Tindakan ini membolehkan anda menambahkan sebuah penjelasan khusus sebelum butang “Masukkan ke Keranjang Beli-belah”.

add_action('woocommerce_before_add_to_cart_button', 'custom_before_add_to_cart_text');
function custom_before_add_to_cart_text() {
    echo '<p class="custom-notice">🎁 Hadiah kotak pembungkusan eksklusif untuk tempoh terhad!</p>';
}

Filter hooks membenarkan anda mengubah nilai yang dihasilkan oleh fungsi tertentu. Sebagai contoh, gunakan… woocommerce_product_single_add_to_cart_text Penapis ini boleh mengubah teks butang “Tambah ke Keranjang Beli-belah” pada halaman produk yang ringkas.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Apa itu WooCommerce? Satu artikel yang menguraikan fungsi utama dan senario penggunaannya secara terperinci.。

Mencipta jenis produk yang diperibadikan

Jika “produk ringkas” atau “produk berubah-ubah” tidak dapat memenuhi keperluan perniagaan anda, anda boleh mendaftarkan jenis produk baru melalui kod. Ini biasanya memerlukan pengembangan kelas asas WooCommerce. Berikut adalah contoh yang sangat ringkas, menunjukkan bagaimana untuk menambahkan pilihan jenis produk baru dalam fail functions.php:

add_filter('product_type_selector', 'add_custom_product_type');
function add_custom_product_type($types) {
    $types['my_custom_type'] = __('我的定制产品');
    return $types;
}

add_action('init', 'register_my_custom_product_type');
function register_my_custom_product_type() {
    // 这里需要更复杂的类定义来实际处理这种产品类型的行为
    class WC_Product_My_Custom_Type extends WC_Product {
        // 自定义属性和方法
    }
}

Ini hanyalah satu titik permulaan; untuk mencipta jenis produk khusus yang lengkap dengan fungsi-fungsi yang diperlukan, kita perlu menentukan cara penyimpanan data, antara muka belakang (backend), dan tingkah laku pada antara muka depan (frontend).

Hosting Bersama InterServer

Hosting kongsi: 1TB/bulan pada $2.50 USD, bulan pertama pada $0.10 USD dengan kod promo tryinterserver. 461 skrip aplikasi awan tersedia untuk pemasangan satu klik.

Lawati halaman

RINGKASAN

Panduan ini memulakan proses pembelajaran dari awal dan memperkenalkan secara sistematik keseluruhan pengalaman penggunaan WooCommerce. Kita bermula dengan memahami nilai terasnya sebagai penyelesaian e-dagang sumber terbuka, kemudian melalui proses pemasangan, tetapan asas, dan penyenaraian produk. Selepas itu, kita membincangkan secara mendalam kemahiran pengurusan yang diperlukan untuk mengoperasikan kedai yang berjaya, termasuk pengurusan pesanan, konfigurasi penghantaran dan cukai, serta penggunaan pelbagai plugin tambahan untuk meningkatkan fungsi kedai. Akhirnya, panduan ini membuka peluang kepada pembangun dan pengguna yang berpengalaman untuk melakukan pengembangan sendiri, termasuk mengubah penampilan kedai melalui penggantian templat, menambahkan fungsi baharu dengan fleksibiliti menggunakan “hooks”, dan bahkan mencipta jenis produk yang baru. Sama ada anda seorang pemula yang ingin memulakan kedai dalam talian yang pertama atau seorang pembangun yang mencari inovasi teknikal, WooCommerce menawarkan asas teknikal yang kukuh dan ruang kreatif yang tidak terbatas, berkat fleksibilitasinya yang luar biasa serta komuniti yang aktif dan menyokong.

FAQ - Soalan Lazim

Adakah WooCommerce percuma?

Ya, plugin WooCommerce itu sendiri adalah percuma sepenuhnya dan sumber terbuka (open-source). Anda boleh memuat turun, memasang, dan menggunakannya secara percuma daripada repositori plugin rasmi WordPress, tanpa perlu membayar sebarang yuran lesen. Ini termasuk fungsi asas seperti keranjang beli-belah, proses pembayaran, dan pengurusan produk. Kos yang mungkin timbul terutamanya berkaitan dengan perkhidmatan hos yang berkualiti tinggi, tema berbayar yang disesuaikan, plugin tambahan yang membolehkan fungsi khusus, serta yuran transaksi daripada beberapa gateway pembayaran.

Adakah WooCommerce sesuai untuk menjual produk digital?

Sangat sesuai. WooCommerce menyokong secara asli jenis “Produk Ringkas” (Simple Product), yang boleh digunakan terus untuk menjual produk digital yang boleh dimuat turun. Semasa memuat naik produk, anda hanya perlu menandakan pilihan “Boleh Dimuat Turun” (Downloadable) dalam bahagian “Data Produk” (Product Data), kemudian muat naik fail dan tetapkan had muat turun serta tempoh luputnya. Selepas pelanggan membuat pembelian, sistem akan menghantar pautan muat turun melalui emel secara automatik, dan menyediakan akses muat turun di halaman “Akaun Saya” (My Account) mereka. Bagi penjualan digital yang lebih kompleks, seperti kunci lesen perisian atau kandungan berbentuk langganan, terdapat pelbagai tambahan (plugin) lanjutan yang tersedia untuk dipilih.

Bagaimana untuk mengoptimumkan kelajuan laman web WooCommerce?

Mengoptimumkan kelajuan laman web WooCommerce adalah sangat penting, kerana ia secara langsung mempengaruhi kadar penukaran (conversion rate) dan kedudukan dalam enjin carian SEO. Langkah-langkah utama termasuk: memilih penyedia perkhidmatan hos yang baik (lebih baik yang khusus menyediakan perkhidmatan hos untuk WooCommerce); menggunakan tema WordPress yang ringan dan telah dioptimumkan dari segi kod; mengaktifkan plugin caching seperti WP Rocket atau W3 Total Cache; memampatkan gambar dan melaksanakan teknik pengambilan gambar yang tertunda (Lazy Load); membataskan penggunaan plugin latar belakang yang tidak perlu; serta membersihkan data yang telah luput tarikh dalam pangkalan data secara berkala (seperti versi yang telah diubah suai untuk pesanan yang telah selesai). Selain itu, memastikan penggunaan versi PHP yang terkini juga dapat meningkatkan prestasi laman web dengan ketara.

Bolehkah saya mengubah bidang-bidang pada halaman pembayaran?

Ia boleh diubah suai dengan sangat mudah. WooCommerce menyediakan pelbagai cara untuk menyesuaikan bidang pembayaran. Cara yang paling mudah adalah dengan menggunakan plugin khusus, seperti “Checkout Field Editor”. Bagi pembangun, penggunaan hook penapis yang disediakan oleh WooCommerce adalah lebih disyorkan. woocommerce_checkout_fieldsDengan menulis sedikit kod, anda boleh menambah, menghapus, mengubah nama, atau mengatur semula susunan mana-mana medan, yang memastikan keserasian dan kawalan yang lebih baik.