...

Tutorial

Cara Buat Website E-commerce

Level

basic

Nak kami design website anda?

Tutorial 4 : Cara buat website E-commerce

GILAWEBSITE • Siri WordPress

Tutorial 4: Cara Buat Website E-commerce

Beli Domain

Pilih nama yang mudah eja, pendek dan sesuai dengan jenama. Pilihan TLD popular: .com (umum), .my (tempatan), .store (kedai).

  1. Semak ketersediaan nama domain.
  2. Aktifkan WHOIS Privacy jika perlu.
  3. Beli dan simpan akses akaun + invois.

Pasang (Point) Domain di Hosting

  1. Kemas kini nameserver domain kepada nameserver hosting, atau gunakan Cloudflare sebagai DNS.
  2. Jika guna Cloudflare: tetapkan rekod A → IP server, CNAMEwww ke root.
  3. Tunggu DNS propagation (±5 minit – 24 jam).

Pasang SSL

  1. Di panel hosting (cPanel/hPanel/Plesk) aktifkan Let’s Encrypt.
  2. Paksa HTTPS (Force HTTPS) dan semak https://domainanda.com.
  3. Pilih DV/OV/EV berbayar jika perlu keperluan pematuhan.

Install WordPress

  1. Gunakan Auto Installer → WordPress.
  2. Isi butiran laman, admin, dan pilih PHP 8.1+.
  3. Login /wp-admin → tetapkan Permalinks: Post name.

Design Website E-commerce

  1. Pasang tema ringan: Hello Elementor / GeneratePress.
  2. Pasang Elementor & buat halaman: Home, Shop, Cart, Checkout, My Account.
  3. Tetapkan Global Fonts & Colors ikut identiti jenama.
  4. Rangka Home: Hero (headline + CTA), koleksi produk, kelebihan, testimoni, CTA.
  5. Uji responsif (Mobile/Tablet) & kelajuan (cache + optimasi imej).

Setup WooCommerce (Produk, Pembayaran, Shipping)

  1. Install WooCommerce → run setup wizard.
  2. Produk: Tambah produk fizikal/digital, harga, variasi, stok, gambar.
  3. Pembayaran: Aktifkan gateway tempatan/global (contoh: ToyyibPay, Billplz, FPX, Stripe). Ikut panduan plugin rasmi.
  4. Shipping: Tetapkan Shipping zones (Malaysia/Singapore), kadar mengikut berat/flat rate; tambah plugin kurier jika perlu.
  5. Tax: Aktifkan jika berkenaan; set kadar & kelas cukai.
  6. Email Order: Sesuaikan emel (logo, warna), dan uji notifikasi.
  7. Checkout: Ringkaskan borang (nama, alamat, telefon, emel) — kurangkan field tidak perlu.
  • Plugin asas: Cache (LiteSpeed/Autoptimize), SEO (Rank Math/Yoast), Security (Wordfence), Backup (UpdraftPlus), Image (WebP Express/Optimole).
  • Analitik: sambung Google Analytics 4 & Meta Pixel untuk iklan.

Kesimpulan & Langkah Seterusnya

Domain aktif, SSL siap, WordPress terpasang, design kedai kemas, dan WooCommerce tersusun — anda sedia lancarkan

Leave a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!
Scroll to Top