Urutan yang benar
| # | Dikerjakan | Alat |
|---|---|---|
| 1 | Perbaiki DNS sampai ikipie.com terbuka | Zone Editor Rumahweb (lihat panduan DNS) |
| 2 | Pastikan tema Astra terpasang | Appearance → Themes |
| 3 | Unggah tema anak IKI PIE | Appearance → Themes → Add New → Upload |
| 4 | Unggah plugin blok beranda | Plugins → Add New → Upload Plugin |
| 5 | Pasang WooCommerce | Plugins → Add New (cari “WooCommerce”) |
| 6 | Import 15 produk | Products → Import |
| 7 | Pasang Elementor (opsional) | Plugins → Add New |
| 8 | Buat beranda sekali klik | Menu IKI PIE di panel |
Langkah 2–3 — Tema induk & tema anak
Astra (tema gratis) harus ada lebih dulu, karena tema anak “menumpang” padanya.
- Bila Astra belum ada: Appearance → Themes → Add New → cari
Astra→ Install (belum perlu diaktifkan). - Appearance → Themes → Add New → Upload Theme → pilih
iki-pie-astra-child.zip→ Install Now. - Tekan Activate pada tema IKI PIE Bakery (Astra Child).
Bila muncul pesan “The parent theme is missing”, artinya Astra belum
terpasang — ulangi langkah 1.
Setelah aktif: warna dasar situs menjadi krem, tombol menjadi emas, dan kartu produk WooCommerce otomatis memakai gaya IKI PIE.
Langkah 4 — Plugin Blok Beranda IKI PIE
- Plugins → Add New → Upload Plugin → pilih
iki-pie-blok-beranda.zip→ Install Now → Activate. - Di bilah kiri panel akan muncul menu baru IKI PIE (ikon roti).
- Di menu itu, isi Nama toko, Nomor WhatsApp (format
62851xxxxxxx), dan Nomor tertulis → Simpan pengaturan.
Nomor WhatsApp ini yang dipakai seluruh tombol “Pesan” di beranda — isi sekali saja.
Langkah 5–6 — WooCommerce & import 15 produk
- Plugins → Add New → cari
WooCommerce→ Install → Activate → ikuti wizard singkat (nama toko: IKI PIE, mata uang: Rupiah (Rp), alamat: kota Anda). - Masuk Products → All Products → Import (bisa juga Produk → Impor).
- Pilih berkas
iki-pie-produk.csv→ Continue → Run the importer. - Tunggu sampai muncul “Import complete”. Masuk Products: ke-15 produk sudah ada lengkap dengan foto contoh dan kategori (Roti, Cake & Tart, Brownies & Bolu, Kue Kering).
Foto contoh diambil langsung dari pratinjau IKI PIE yang sudah aktif — jadi
toko Anda langsung terlihat penuh, tidak kosong.
Harga & foto di CSV hanyalah contoh (Rp 25.000–Rp 150.000).
Ganti dengan harga asli Anda: Products → klik produk → ubah Regular price → Update.
Ganti foto lewat Product image di kolom yang sama.
Atribut CSV yang saya pakai
| Kolom | Isi |
|---|---|
| Type / Published | simple / 1 (langsung tampil) |
| Short description & Description | Sudah terisi (tanpa gambar & tanpa shortcode) |
| Stock | 8–60 (bisa diubah dari panel) |
| Categories | Roti · Cake & Tart · Brownies & Bolu · Kue Kering |
| Images | Tautan foto contoh (otomatis diunduh ke Media Library) |
Langkah 7 — Elementor (opsional)
Tidak wajib. Plugin IKI PIE sudah menghasilkan beranda lengkap lewat shortcode; Elementor hanya memudahkan menata ulang bagian. Kalau ingin memakainya:
- Plugins → Add New → cari
Elementor Website Builder→ Install → Activate (gratis; Elementor Pro tidak diperlukan). - Buka halaman beranda → Edit with Elementor.
- Kalau ingin menyusun sendiri: cari widget Shortcode di panel kiri, tarik ke kanvas, lalu tempel salah satu kode berikut.
| Shortcode | Yang tampil |
|---|---|
[iki_pie_beranda] | Seluruh beranda sekaligus |
[iki_pie_hero] | Bagian pembuka + 4 jaminan |
[iki_pie_kategori] | Empat kartu kategori |
[iki_pie_produk jumlah="15"] | Daftar produk (bisa kategori="Roti") |
[iki_pie_unggulan] | Alasan memilih IKI PIE |
[iki_pie_cara] | Tiga langkah cara pesan |
[iki_pie_testimoni] | Tiga kartu testimoni |
[iki_pie_ajakan] | Kotak ajakan + tombol WhatsApp |
Di Gutenberg (editor bawaan), gunakan blok Shortcode.
Ada juga pola siap pakai: tekan + → kategori IKI PIE → pilih “Beranda toko lengkap”.
Langkah 8 — Buat beranda sekali klik
- Menu IKI PIE di panel kiri.
- Centang “Jadikan halaman ini sebagai beranda utama situs”.
- Tekan tombol besar Buat Halaman Beranda IKI PIE.
- Selesai — buka
https://ikipie.comuntuk melihat hasilnya.
Tombol yang sama bisa ditekan lagi kapan saja untuk memperbarui halaman beranda.
Setelah itu (merapikan toko)
| Bagian | Di mana | Saran |
|---|---|---|
| Menu navigasi | Appearance → Menus | Buat menu Beranda · Produk · Tentang · Kontak, pasang di lokasi Primary/Menu 1 |
| Keranjang di kepala | Appearance → Customize → WooCommerce | Nyalakan ikon keranjang & pencarian |
| Formulir checkout (WA) | WooCommerce → Settings → Payments | Nyalakan Direct bank transfer; pembayaran utama tetap lewat WhatsApp |
| Ongkir | WooCommerce → Settings → Shipping | Buat zona “Area kota” dengan tarif tetap + “Ambil di tempat” gratis |
| Logo & favicon | Appearance → Customize → Site Identity | Unggah logo-iki-pie.svg dari paket foto |
| Nama toko di Google | Settings → General + Yoast/RankMath | Judul: “IKI PIE — Roti Empuk & Kue Premium” |
Kalau ada kendala
| Gejala | Sebab biasa | Solusi |
|---|---|---|
| “No valid plugins were found” saat unggah plugin | Berkas yang dipilih bukan ZIP plugin | Pastikan yang diunggah iki-pie-blok-beranda.zip (bukan tema) |
| “The parent theme is missing” | Astra belum terpasang | Pasang Astra dulu (langkah 2) |
| Beranda tampil polos tanpa warna | Tema anak belum aktif | Appearance → Themes → Aktifkan IKI PIE Bakery |
| Produk masih 15 contoh, bukan produk saya | WooCommerce belum punya produk terbit | Import CSV (langkah 6) atau tambah produk manual |
| Tombol Pesan tidak membuka WhatsApp | Nomor belum diisi dengan format benar | Menu IKI PIE → Nomor WhatsApp → 62851xxxxxxx |
| Halaman beranda 404 | Permalink belum disimpan | Settings → Permalinks → Save Changes |