Cara Setup Integrasi WooCommerce (WordPress Theme)
Pasang dan aktifkan WooCommerce dengan tema TokoPressID: lewat Theme Setup wizard atau manual, lalu verifikasi halaman Shop, Cart, Checkout, dan My Account.
Integrasi WooCommerce memungkinkan toko online penuh: katalog, keranjang, checkout, dan akun pelanggan. Tema TokoPressID menyiapkan panel Theme Settings: WooCommerce untuk mengatur tampilan halaman toko setelah plugin aktif.
Tutorial ini fokus ke setup integrasi: memilih WooCommerce, memasang plugin, dan memastikan halaman toko siap. Untuk mengatur tampilan (Shop, Cart, Checkout, dan lain-lain), lanjut ke Cara Mengatur WooCommerce di Theme Settings.
Tutorial ini berlaku untuk semua tema WordPress by TokoPressID yang mendukung WooCommerce, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Prasyarat
- Tema WordPress by TokoPressID aktif
- Lisensi tema valid (disarankan sebelum Theme Setup)
- PHP dan WordPress memenuhi persyaratan WooCommerce
Nilai integrasi
| Opsi | Nilai tokopress_integration |
Plugin wajib |
|---|---|---|
| WooCommerce | woocommerce |
WooCommerce |
Opsi A: Lewat Theme Setup (Merlin)
Cocok untuk website baru atau jika Anda ingin wizard menginstal plugin secara otomatis.
- Buka TokoPressID → Theme Setup (
admin.php?page=theme-setup). - Selesaikan langkah Welcome, License, dan Child jika belum.
- Di langkah Integration, pada Pilihan Integrasi Plugin pilih WooCommerce.
- Pilih Pilihan Editor WordPress sesuai kebutuhan, lalu klik Select.
- Di langkah Plugins, klik Install agar WooCommerce (dan plugin editor terkait) terpasang otomatis.
- Di langkah Content (Setup … For WooCommerce), centang opsi yang diinginkan (halaman Shop/Cart/Checkout/My Account, mata uang IDR, produk contoh, dan lain-lain), lalu klik Run Setup.
Detail tiap langkah wizard: Theme Setup Wizard Merlin.
Opsi B: Manual
Cocok jika wizard sudah dilewati atau Anda memasang plugin sendiri.
- Buka TokoPressID → Theme Settings → General → Pilihan Integrasi Plugin.
- Pilih radio WooCommerce, lalu Save Changes.
- Buka Plugins → Add New, cari WooCommerce, instal dan Activate.
- Ikuti WooCommerce Setup Wizard bawaan plugin jika muncul, atau pastikan halaman berikut ada di WooCommerce → Settings → Advanced → Page setup:
- Shop (halaman Shop)
- Cart (halaman Cart)
- Checkout (halaman Checkout)
- My account (halaman My Account)
- Buka Settings → Permalinks, lalu klik Save Changes (tanpa mengubah struktur) agar rewrite rule halaman toko terdaftar.
Verifikasi integrasi berhasil
| Cek | Yang diharapkan |
|---|---|
| Plugins | WooCommerce status Active |
| Theme Settings | Panel Theme Settings: WooCommerce muncul |
| Frontend Shop | Katalog produk tampil (boleh masih produk contoh) |
| Cart / Checkout | Halaman dapat dibuka tanpa error 404 |
| My Account | Halaman login/daftar pelanggan tersedia |
Langkah berikutnya
- Cara Mengatur WooCommerce di Theme Settings: tampilan Shop, produk, Cart, Checkout, My Account
- Pilihan Integrasi Plugin dan Editor WordPress: mengubah integrasi atau editor nanti
- Fitur penjualan lanjutan: Fitur Terbundel LarisTurbo dan IndoOngkir
Troubleshooting singkat
| Masalah | Solusi |
|---|---|
| Panel Theme Settings: WooCommerce tidak muncul | Aktifkan lisensi tema; pastikan WooCommerce aktif |
| Halaman Shop/Cart 404 | Settings → Permalinks → Save Changes |
| Wizard tidak menginstal plugin | Gunakan opsi manual di Plugins, atau cek koneksi internet |
| Integrasi radio tidak tersimpan | Save Changes di Theme Settings General |