🟢 BAB 1. PENDAHULUAN

📌 Deskripsi Materi

Perkembangan teknologi informasi telah mengubah cara masyarakat melakukan transaksi jual beli. Saat ini, toko fisik tidak lagi menjadi satu-satunya sarana perdagangan karena telah hadir berbagai platform e-commerce dan marketplace yang memungkinkan transaksi dilakukan secara online.

Salah satu solusi yang paling populer untuk membangun toko online adalah menggunakan WordPress yang dipadukan dengan plugin WooCommerce.

WooCommerce merupakan plugin e-commerce yang memungkinkan website WordPress berubah menjadi toko online profesional tanpa harus membangun sistem dari nol.

---

🎯 Tujuan Pembelajaran

Setelah mempelajari materi ini, mahasiswa mampu:

✅ Memahami konsep marketplace dan e-commerce

✅ Menginstal WooCommerce pada WordPress

✅ Membuat toko online profesional

✅ Menambahkan produk dan kategori

✅ Mengelola pelanggan dan pesanan

✅ Mengatur pembayaran dan pengiriman

✅ Mengembangkan marketplace modern

---

🖼️ Gambaran Ekosistem E-Commerce

4

---

🟢 BAB 2. MENGENAL E-COMMERCE DAN MARKETPLACE

📌 Pengertian E-Commerce

E-Commerce (Electronic Commerce) adalah aktivitas jual beli barang atau jasa melalui media elektronik terutama internet.

Contoh:

• Toko online perusahaan
• Website penjualan produk UMKM
• Website penjualan kursus online

---

📌 Pengertian Marketplace

Marketplace adalah platform yang mempertemukan banyak penjual dan pembeli dalam satu sistem.

Contoh marketplace populer:

• Tokopedia
• Shopee
• Bukalapak
• Lazada

---

📊 Perbedaan E-Commerce dan Marketplace

Aspek	E-Commerce	Marketplace
Penjual	Satu	Banyak
Produk	Milik sendiri	Banyak vendor
Pengelolaan	Pemilik toko	Administrator marketplace
Contoh	Website toko	Tokopedia

---

🟢 BAB 3. MENGENAL WOOCOMMERCE

📌 Apa Itu WooCommerce?

WooCommerce adalah plugin WordPress yang mengubah website biasa menjadi sistem toko online lengkap.

Fitur utama:

• Manajemen produk
• Keranjang belanja
• Checkout
• Pembayaran online
• Manajemen pesanan
• Laporan penjualan
• Diskon dan kupon

---

📊 Keunggulan WooCommerce

Keunggulan	Penjelasan
Gratis	Open Source
Mudah Digunakan	User Friendly
Fleksibel	Banyak Plugin
Aman	Dukungan WordPress
SEO Friendly	Mudah ditemukan Google

---

🖼️ Arsitektur WooCommerce

4

---

🟢 BAB 4. PERSIAPAN PEMBANGUNAN TOKO ONLINE

📌 Kebutuhan Sistem

Komponen	Spesifikasi
Domain	tokoanda.com
Hosting	PHP 8.x
Database	MySQL
CMS	WordPress
Plugin	WooCommerce

---

📌 Struktur Website

Home
│
├── Produk
│
├── Kategori
│
├── Keranjang
│
├── Checkout
│
├── Akun Saya
│
└── Kontak

---

🟢 BAB 5. INSTALASI WORDPRESS

Langkah 1

Upload WordPress ke hosting.

---

Langkah 2

Buat database MySQL.

---

Langkah 3

Hubungkan database dengan WordPress.

---

Langkah 4

Selesaikan proses instalasi.

---

Langkah 5

Masuk ke dashboard:

https://domainanda.com/wp-admin

---

🖼️ Ilustrasi Dashboard WordPress

4

---

🟢 BAB 6. INSTALASI PLUGIN WOOCOMMERCE

Langkah-langkah

Masuk Dashboard

Plugins
→ Add New Plugin

---

Cari Plugin

WooCommerce

---

Klik

Install Now

---

Aktivasi

Activate

---

📌 Hasil Instalasi

Menu baru muncul:

WooCommerce
Products
Analytics
Marketing

---

🟢 BAB 7. SETUP AWAL WOOCOMMERCE

Saat pertama kali aktif akan muncul Wizard Setup.

---

Pengaturan Toko

Nama Toko

PASIM Store

Negara

Indonesia

Mata Uang

IDR (Rp)

---

📊 Contoh Konfigurasi

Parameter	Nilai
Negara	Indonesia
Mata Uang	Rupiah
Berat	Kilogram
Dimensi	Centimeter

---

🟢 BAB 8. MEMBUAT KATEGORI PRODUK

📌 Fungsi Kategori

Mengelompokkan produk berdasarkan jenisnya.

Contoh:

Elektronik
Fashion
Komputer
Buku
Aksesoris

---

Langkah

Products
→ Categories

---

Tambahkan:

Nama	Slug
Laptop	laptop
Smartphone	smartphone
Printer	printer

---

🟢 BAB 9. MENAMBAHKAN PRODUK

📌 Jenis Produk

WooCommerce mendukung:

• Simple Product
• Variable Product
• Grouped Product
• Digital Product

---

Langkah Menambah Produk

Products
→ Add New

---

Isi:

Nama Produk

Laptop ASUS Vivobook

---

Deskripsi Produk

Tuliskan spesifikasi lengkap.

---

Harga

Rp 7.500.000

---

Gambar Produk

Upload foto produk.

---

🖼️ Contoh Produk Toko Online

6

---

🟢 BAB 10. MENGELOLA GAMBAR PRODUK

📌 Pentingnya Gambar Produk

Menurut penelitian UX, pembeli lebih tertarik pada produk yang memiliki foto berkualitas tinggi.

---

Standar Foto Produk

Komponen	Ukuran
Thumbnail	300×300
Katalog	600×600
Detail	1200×1200

---

Tips

✅ Background bersih

✅ Resolusi tinggi

✅ Sudut pengambilan jelas

✅ Konsisten

---

🟢 BAB 11. MENGATUR METODE PEMBAYARAN

📌 Payment Gateway

WooCommerce mendukung:

• Transfer Bank
• COD
• QRIS
• Virtual Account
• E-Wallet

---

Pengaturan

WooCommerce
→ Settings
→ Payments

---

Contoh Transfer Bank

Bank	Nomor Rekening
BCA	123456789
BRI	987654321
Mandiri	555555555

---

🟢 BAB 12. MENGATUR PENGIRIMAN

Menu

WooCommerce
→ Settings
→ Shipping

---

Zona Pengiriman

Zona	Tarif
Bandung	Rp10.000
Jawa Barat	Rp20.000
Indonesia	Rp30.000

---

Integrasi Kurir

Bisa menggunakan:

• JNE
• J&T
• SiCepat
• POS Indonesia

---

🟢 BAB 13. MENGELOLA PESANAN

Status Pesanan

Status	Keterangan
Pending	Menunggu pembayaran
Processing	Diproses
Completed	Selesai
Cancelled	Dibatalkan

---

Menu

WooCommerce
→ Orders

---

🖼️ Diagram Alur Pemesanan

Pelanggan
     │
     ▼
Pilih Produk
     │
     ▼
Keranjang
     │
     ▼
Checkout
     │
     ▼
Pembayaran
     │
     ▼
Konfirmasi
     │
     ▼
Pengiriman
     │
     ▼
Pesanan Selesai

---

🟢 BAB 14. MEMBUAT MARKETPLACE MULTI VENDOR

📌 Konsep Marketplace

Marketplace memungkinkan banyak penjual bergabung dalam satu platform.

---

Plugin Tambahan

Dokan

Dokan Official Website

WCFM Marketplace

WCFM Marketplace Official Website

WC Vendors

WC Vendors Official Website

---

Struktur Marketplace

Administrator
       │
 ┌─────┼─────┐
 │     │     │
 ▼     ▼     ▼
Vendor Vendor Vendor
 │      │      │
 ▼      ▼      ▼
Produk Produk Produk

---

🟢 BAB 15. OPTIMASI SEO TOKO ONLINE

Plugin SEO

• Yoast SEO
• Rank Math SEO

---

Optimasi Produk

Judul

Laptop ASUS Vivobook i5 RAM 16GB SSD 512GB

---

Deskripsi

Mengandung kata kunci produk.

---

Alt Text Gambar

Laptop ASUS Vivobook Biru

---

🟢 BAB 16. KEAMANAN TOKO ONLINE

Plugin Keamanan

• Wordfence Security
• Sucuri Security

---

Langkah Pengamanan

✅ SSL HTTPS

✅ Backup otomatis

✅ Password kuat

✅ Update rutin

✅ Firewall

---

🟢 BAB 17. PRAKTIKUM LENGKAP

Studi Kasus

Buat marketplace bernama:

PASIM Marketplace

---

Kategori

• Komputer
• Smartphone
• Fashion
• Buku

---

Produk Minimal

10 produk

---

Vendor

3 vendor berbeda

---

Metode Pembayaran

• Transfer Bank
• QRIS

---

Pengiriman

• JNE
• J&T

---

📊 Evaluasi Praktikum

Komponen	Bobot
Instalasi WooCommerce	15%
Kategori Produk	15%
Produk	20%
Pembayaran	15%
Pengiriman	15%
Desain Website	20%

---

🎯 LATIHAN DAN DISKUSI

Latihan 1

Buat toko online yang menjual produk elektronik menggunakan WooCommerce.

---

Latihan 2

Tambahkan minimal:

• 5 kategori
• 20 produk
• 3 metode pembayaran

---

Latihan 3

Implementasikan marketplace multi-vendor menggunakan plugin Dokan.

---

Pertanyaan Diskusi

1. Apa perbedaan WooCommerce dengan marketplace seperti Tokopedia?

2. Mengapa WooCommerce menjadi pilihan utama dalam pengembangan toko online berbasis WordPress?

3. Bagaimana cara meningkatkan keamanan transaksi pada website e-commerce?

4. Apa keuntungan menggunakan marketplace multi-vendor dibanding toko online biasa?

5. Strategi SEO apa yang paling efektif untuk meningkatkan penjualan produk pada WooCommerce?

---

📌 Kesimpulan

WooCommerce merupakan plugin e-commerce paling populer di WordPress yang memungkinkan pengembang membangun toko online profesional dengan biaya relatif rendah dan fitur yang sangat lengkap. Dengan menggabungkan WordPress, WooCommerce, serta plugin marketplace seperti Dokan atau WCFM Marketplace, mahasiswa dapat mempelajari dan mengimplementasikan sistem e-commerce modern mulai dari manajemen produk, pembayaran, pengiriman, hingga marketplace multi-vendor yang menyerupai platform besar seperti Tokopedia atau Shopee. Materi ini sangat relevan untuk pembelajaran Rekayasa Web, E-Commerce, Sistem Informasi Bisnis, Kewirausahaan Digital, dan Pengembangan Aplikasi Berbasis Web.