Panduan lengkap WooCommerce: Membina laman web e-dagang WordPress yang kuat dari awal.

Pemasangan dan persiapan persekitaran untuk WooCommerce

Untuk mula menggunakan WooCommerce, anda perlu terlebih dahulu mempunyai persekitaran operasi yang stabil dan memenuhi syarat-syarat yang diperlukan. Syarat asas termasuk sebuah laman web WordPress yang menyokong PHP dan MySQL. Disarankan untuk menggunakan PHP 7.4 atau versi yang lebih baru, serta MySQL 5.6 atau versi yang lebih baru, untuk memastikan prestasi dan keselamatan yang terbaik.

Memasang dan mengaktifkan plugin

Proses pemasangan adalah sama seperti pemasangan sebarang plugin WordPress yang lain. Anda boleh mengakses halaman “Plugins” -> “Install Plugins” di panel kawalan WordPress, mencari “WooCommerce”, kemudian klik “Install” dan seterusnya “Activate”. Setelah diaktifkan, sistem akan secara automatik memulakan panduan tetapan yang mudah difahami.

Panduan ini akan membimbing anda melalui proses konfigurasi asas, termasuk tetapan alamat kedai, mata wang, kaedah pembayaran, dan kawasan penghantaran. Kami sangat mengesyorkan anda menyelesaikan semua tetapan asas ini pada tahap ini, kerana ia akan menyediakan asas yang kukuh untuk operasi kedai anda pada masa hadapan. Setelah menyelesaikan panduan tersebut, laman web WordPress anda akan mempunyai rangka asas untuk e-dagangan.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Ultimate WooCommerce 2025: Membina Kedai Dalam Talian Anda Dari Awal。

Memilih dan mengkonfigurasi tema

WooCommerce adalah serasi dengan kebanyakan tema WordPress, namun untuk mendapatkan pengalaman penampilan dan fungsi yang terbaik, disyorkan untuk memilih tema yang secara rasmi menyatakan sokongan untuk WooCommerce atau tema yang direka khusus untuk WooCommerce. Banyak tema serba guna moden telah disertakan dengan optimasi terbina untuk WooCommerce.

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

Dalam alat penyesuaian tema (theme customizer), anda boleh membuat tetapan khusus untuk bahagian WooCommerce, seperti mengubah susun atur halaman arkib produk, gaya halaman produk individu, serta penampilan keranjang beli-belah dan halaman pembayaran. Sebuah tema yang mempunyai reka bentuk responsif, masa muat yang cepat, dan pengalaman pengguna yang baik sangat penting untuk meningkatkan kadar penukaran (conversion rate).

Konfigurasi dan Pengurusan Fungsi Utama

Setelah pemasangan yang berjaya, mengkonfigurasi secara mendalam fungsi-fungsi teras WooCommerce merupakan langkah kritikal dalam membina kedai dalam talian. Tetapan-tetapan ini terletak di panel pentadbiran WordPress. WooCommerce Di bawah menu.

Penambahan dan Pengurusan Produk

Menambah produk merupakan aspek penting dalam operasi harian. Pada halaman “Produk” -> “Tambah Produk Baru”, anda boleh memasukkan tajuk produk, deskripsi terperinci, menetapkan harga dan stok. Dalam panel “Data Produk”, anda boleh menentukan jenis produk (seperti produk biasa, produk berubah-ubah, produk kumpulan, atau produk luaran/berkaitan), dan memuat naik gambar produk.

Untuk produk yang mempunyai pelbagai atribut (seperti saiz, warna), anda perlu menggunakan konsep “Produk Berubah-ubah” (Variable Products). Anda perlu membuat atribut-atribut tersebut terlebih dahulu, kemudian tetapkan harga, stok, dan gambar yang sesuai untuk setiap kombinasi atribut dalam tab “Variasi” (Variants). Penggunaan klasifikasi produk dan tag yang betul dapat membantu pelanggan dengan lebih mudah mencari produk yang diinginkan, serta meningkatkan keupayaan enjin carian untuk menemui produk tersebut.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Tutorial WooCommerce: Membina laman web e-dagang profesional dari awal, untuk memudahkan penjualan dan pengurusan.。

Menetapkan gateway pembayaran

Pembayaran merupakan titik akhir bagi sesuatu transaksi. WooCommerce menyediakan pelbagai kaedah pembayaran secara lalai, seperti pemindahan bank, pembayaran melalui cek, dan pembayaran setelah barang diterima (COD – Cash on Delivery). Untuk mengintegrasikan sistem pembayaran dalam talian, anda perlu memasang dan mengkonfigurasi ekstensi gateway pembayaran yang sesuai.

Sebagai contoh, untuk menghubungkan dengan Stripe atau PayPal, anda perlu mendapatkan tambahan (plugin) rasmi daripada pasaran WooCommerce.com. Setelah memasangnya, WooCommerce -> 设置 -> 支付 Konfigurasi dilakukan dalam tab tersebut, dan biasanya anda perlu memasukkan kunci API yang disediakan oleh penyedia perkhidmatan pembayaran. Pastikan sijil SSL (HTTPS) diaktifkan untuk melindungi keselamatan proses pembayaran.

Konfigurasi kaedah penghantaran

Pengaturan penghantaran menentukan cara barang akan dihantar kepada pelanggan. Anda boleh… WooCommerce -> 设置 -> 配送 Konfigurasi untuk kawasan tersebut perlu dilakukan terlebih dahulu. Pertama sekali, anda perlu membuat “kawasan penghantaran”, seperti “China Daratan”, “Hong Kong, Macau, dan Taiwan”, dan lain-lain.

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

Dalam setiap kawasan penghantaran, anda boleh menambahkan kaedah penghantaran yang khusus, seperti “penghantaran percuma”, “flat rate (yuran tetap)”, atau “ambil sendiri di tempat”. Anda boleh menetapkan yuran berdasarkan jumlah pesanan, berat barang, atau peraturan yang anda buat sendiri. Untuk kes di mana kos penghantaran perlu dihitung secara masa nyata, anda boleh mengintegrasikan plugin logistik pihak ketiga seperti “Express 100”.

Ciri-ciri lanjutan dan pembangunan yang disesuaikan

Apabila kedai asas beroperasi, anda mungkin memerlukan ciri-ciri yang lebih canggih atau penyesuaian unik untuk memenuhi keperluan perniagaan tertentu. Ini melibatkan penggunaan tambahan (plugin) dan penyesuaian kod.

Menggunakan hook untuk pengembangan fungsi

WooCommerce menyediakan sebilangan besar “action hooks” dan “filter hooks” yang membolehkan pembangun menambah atau mengubah fungsi tanpa perlu mengubah kod asas. Sebagai contoh, anda boleh menggunakan… woocommerce_before_add_to_cart_button Tambahkan kandungan khusus sebelum butang “Masukkan ke Keranjang Beli-belah” pada halaman produk.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan lengkap untuk pemasangan dan migrasi laman web WooCommerce: Membina e-dagang yang boleh skala dari awal.。

Satu lagi hook yang sering digunakan adalah… woocommerce_checkout_fields Penapis (filter) boleh digunakan untuk mengubah bidang-bidang dalam borang halaman penyelesaian (settlement page). Berikut adalah contoh kod yang ringkas, yang digunakan dalam tema (theme)… functions.php Tambahkan satu bidang penyelesaian khusus dalam fail:

add_filter( 'woocommerce_checkout_fields' , 'custom_checkout_fields' );
function custom_checkout_fields( $fields ) {
    $fields['billing']['billing_custom_field'] = array(
        'label'     => __('自定义字段', 'your-text-domain'),
        'placeholder'   => _x('请输入信息', 'placeholder', 'your-text-domain'),
        'required'  => false,
        'class'     => array('form-row-wide'),
        'clear'     => true
    );
    return $fields;
}

Menggantikan fail templat untuk mencapai reka letak yang disesuaikan

Jika anda perlu membuat pengubahsuaian yang mendalam pada penampilan laman web frontend WooCommerce (seperti struktur HTML halaman produk atau keranjang beli-belah), amalan terbaik adalah dengan menggunakan templat untuk menggantikannya. Fail templat WooCommerce terletak dalam direktori plugin. /templates/ Dalam folder sub.

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

Untuk mengubahnya dengan selamat, anda perlu membuat sebuah fail bernama dalam folder tema anda. woocommerce Salin direktori tersebut, kemudian salin fail templat asal yang perlu diubah ke dalam direktori ini, sambil memastikan struktur direktori kekal sama. Sebagai contoh, jika anda ingin mengubah cara harga dipaparkan pada halaman produk tertentu, anda perlu menyalin fail templat yang berkaitan. plugins/woocommerce/templates/single-product/price.php 到 your-theme/woocommerce/single-product/price.phpKemudian, edit salinan tersebut. Dengan cara ini, walaupun plugin WooCommerce diperbaharui, pengubahsuaian yang anda buat tidak akan ditimpa.

Pengoptimuman Prestasi dan Penyelenggaraan Keselamatan

Sebuah laman web e-dagang yang berjaya mesti cepat, stabil, dan selamat. Seiring dengan peningkatan jumlah produk dan jumlah pelawat, pengoptimuman prestasi serta penyelenggaraan keselamatan menjadi sangat penting.

Meningkatkan kelajuan muat turun laman web

Kelajuan mempengaruhi pengalaman pengguna dan kedudukan dalam enjin carian secara langsung. Pertama sekali, memilih penyedia perkhidmatan hos yang berkualiti tinggi adalah asas yang penting. Kedua, pastikan anda menggunakan plugin caching seperti WP Rocket atau W3 Total Cache, yang dapat menghasilkan fail HTML statik dan dengan itu mengurangkan beban pada pelayan serta masa muat halaman dengan ketara.

Bagi gambar-gambar, gambar produk dalam WooCommerce biasanya berukuran besar, jadi adalah penting untuk menggunakan plugin pengoptimuman gambar seperti Smush atau ShortPixel untuk memampatkannya. Selain itu, mengaktifkan ciri “Lazy Load” (Muat Turun Lambat) dapat melambatkan proses muat turun gambar yang berada di luar kawasan skrin. Pertimbangkan juga untuk menggunakan rangkaian pengedaran kandungan (Content Delivery Network/CDN) untuk mempercepat akses pengguna di seluruh dunia.

Pastikan keselamatan laman web dan sandaran data.

Keselamatan merupakan nyawa bagi perniagaan dalam talian. Pastikan WordPress core, plugin WooCommerce, tema, dan semua plugin lain sentiasa diperbaharui ke versi terkini untuk membetulkan kelemahan keselamatan yang diketahui. Gunakan kata laluan yang kuat dan hadkan bilangan percubaan log masuk ke bahagian pentadbiran; anda boleh menggunakan plugin keselamatan seperti Wordfence untuk meningkatkan keselamatan sistem anda.

Membuat sandaran secara berkala merupakan langkah pertahanan terakhir. Anda perlu membuat sandaran penuh bagi fail-fail laman web dan pangkalan data secara berkala. Ramai penyedia perkhidmatan hos menawarkan perkhidmatan sandaran, dan anda juga boleh menggunakan plugin seperti UpdraftPlus atau BlogVault untuk melakukan sandaran secara automatik, serta menyimpan fail sandaran di awan (seperti Google Drive atau Dropbox). Adalah amalan yang baik untuk membuat sandaran secara manual sebelum memasang plugin baru atau melakukan kemas kini yang penting.

RINGKASAN

Membina sebuah kedai WooCommerce yang berkuasa adalah sebuah projek yang sistematik, yang melibatkan persiapan persekitaran asas, konfigurasi fungsi utama, penyesuaian lanjutan, serta pengoptimuman dan penyelenggaraan akhir. Setiap langkah dalam proses ini sangat penting. Dengan mengikuti panduan ini, anda dapat membina sebuah kedai dalam talian yang bukan sahaja mempunyai penampilan yang profesional dan fungsi yang lengkap, tetapi juga prestasi yang cemerlang serta keselamatan dan kebolehpercayaan yang tinggi. Ingatlah bahawa operasi perniagaan dalam talian yang berjaya adalah proses yang berterusan, memerlukan iterasi dan peningkatan berterusan. Sentiasa perhatikan maklum balas pengguna dan data, serta manfaatkan ekosistem yang luas dari WooCommerce untuk memperluas keupayaan kedai anda.

FAQ - Soalan Lazim

Bagaimana untuk menambahkan bidang khusus (custom fields) untuk produk dalam WooCommerce?
Anda boleh menambahkan bidang khusus (custom fields) dengan menulis kod atau menggunakan plugin yang sesuai. Untuk bidang teks yang ringkas, anda boleh menggunakan… woocommerce_product_options_general_product_data Action hooks digunakan untuk menambahkan bidang (fields) pada halaman edit produk di latar belakang (background), dan seterusnya menggunakannya untuk proses pengeditan tersebut. woocommerce_process_product_meta Tindakan ini digunakan untuk menyimpan data. Bagi keperluan yang lebih kompleks atau yang tidak memerlukan pengaturcaraan, tambahan (plugin) seperti “Advanced Custom Fields” atau “Product Add-Ons” merupakan pilihan yang sangat baik.

Mereka menyediakan antara muka yang mudah digunakan untuk membuat pelbagai jenis medan (seperti menu drop-down, kotak pilihan), dan medan-medan tersebut boleh dihubungkan dengan produk. Maklumat tersebut akan dipaparkan pada halaman produk di laman web dan disimpan bersama dengan pesanan.

Bagaimana untuk mengatur sokongan berbilang bahasa dalam WooCommerce?

Untuk menjadikan kedai WooCommerce menyokong berbilang bahasa, anda memerlukan sebuah plugin bahasa. Penyelesaian yang paling popular adalah WPML atau Polylang. Plugin-plugin ini membenarkan anda menterjemahkan teks untuk produk, kategori, halaman, malah keranjang beli-belah dan halaman pembayaran ke dalam pelbagai bahasa.

Setelah memasang dan mengkonfigurasi pelbagai plugin bahasa, anda biasanya perlu memasang tambahan multibahasa untuk WooCommerce (seperti modul WooCommerce Multilingual dari WPML) untuk memastikan kandungan dinamik seperti keranjang beli-belah dan proses pembayaran juga diterjemahkan dengan betul serta mata wang dapat ditukar dengan sesuai.

Bagaimana untuk mengubah teks butang “Tambah ke Keranjang Beli-belah” dalam WooCommerce?

Terdapat beberapa cara untuk mengubah teks pada butang. Cara yang paling mudah adalah dengan menggunakan plugin penggantian teks seperti “Say What?”. Anda hanya perlu menentukan teks asal (“Add to cart”) dan teks baru yang ingin digunakan sebagai gantinya.

Satu lagi cara adalah dengan melakukannya melalui kod. Anda boleh melakukannya dalam tema… functions.php Tambahkan penapis ke dalam fail. Sebagai contoh, gunakan… woocommerce_product_single_add_to_cart_text Penapis tersebut digunakan untuk mengubah teks butang pada halaman produk yang berasingan. woocommerce_product_add_to_cart_text Ubah teks pada butang halaman arkib produk.

Bagaimana untuk menguruskan pengiraan cukai dalam WooCommerce?

WooCommerce mempunyai ciri pengiraan cukai yang sangat kuat. Anda perlu… WooCommerce -> 设置 -> 常规 Aktifkan pengiraan cukai, dan pada... 税收 Lakukan konfigurasi terperinci dalam tab tersebut.

Anda boleh menetapkan kadar cukai yang berbeza berdasarkan alamat penghantaran atau alamat bil pelanggan. Dengan mencipta “kadar cukai”, anda boleh menetapkan kadar cukai standard, kadar cukai yang dikurangkan, atau kadar cukai sifar untuk kawasan yang berbeza dan kategori produk yang berbeza. Proses konfigurasi ini agak rumit, jadi disyorkan untuk mengikut peraturan cukai khusus negara atau wilayah anda dengan teliti, atau berunding dengan pakar.