Setup Wizard

Memulai Sejoli Commerce lewat menu Ecommerce — lima langkah mempersiapkan toko, dari tampilan hingga publikasi.

Cara memulai Sejoli Commerce adalah Setup Wizard di menu Ecommerce. Selama setup belum diterbitkan, menu Ecommerce membuka wizard ini; setelah diterbitkan, menu yang sama berganti menjadi Pengaturan lanjutan (wizard/checklist tetap bisa dibuka kembali — lihat Setelah Publikasi). Wizard memandu Anda langkah demi langkah mempersiapkan toko, dan setiap langkah tersimpan otomatis sebagai draf — tidak ada yang berubah di situs Anda sampai Anda menekan Publikasikan Ecommerce di langkah terakhir.

Di sebelah kiri atas wizard selalu ada badge penanda aman: "Checkout Sejoli lama tidak berubah" — semua funnel dan link checkout yang sudah berjalan tidak tersentuh sampai Anda publikasikan.

Langkah 1 — Tampilan toko

Pertanyaannya satu: "Bagaimana pelanggan melihat toko Anda?" Pilih salah satu:

Pilihan	Cocok untuk	Perilaku
Gunakan Commerce Storefront (Disarankan untuk toko publik)	Toko yang ingin tampil penuh	Homepage toko, katalog produk, dan halaman produk ringkas yang langsung tersambung ke keranjang dan checkout.
Pertahankan situs web yang sudah ada (Setup Anda saat ini)	Situs yang sudah jalan dengan tema/page builder sendiri	Tema dan homepage Anda tetap utuh. Katalog dan keranjang Commerce tersambung tanpa mengubah homepage.
Pertahankan perilaku portal member Sejoli	Situs member-area murni	Redirect homepage dan alur area member Sejoli tetap seperti sekarang. Commerce hanya dipakai di halaman atau produk tertentu.

Langkah 2 — Halaman depan

Isi halaman depan toko. Semua kolom opsional — yang kosong memakai teks default dan bisa diubah lagi nanti:

Judul sambutan — kosongkan untuk memakai nama situs.
Deskripsi singkat — kosongkan untuk memakai tagline situs.

Di dalam accordion "Navigasi, hero, grid produk, dan banner (opsional)" tersedia pengaturan lanjutan:

Navigasi — pilih menu navigasi publik storefront (default: Beranda, Produk).
Hero — pilih produk unggulan untuk kartu hero dan tulis poin janji toko (maks 4 baris).
Grid produk — pilih isi deretan produk: Produk terbaru atau Produk unggulan.
Banner ajakan — banner penutup di bagian bawah; hanya muncul kalau label tombol dan tujuannya sama-sama terisi. Warna bisa dikustom atau mengikuti warna bawaan storefront.

Langkah 3 — Produk

Pertanyaannya: "Produk mana yang tampil di katalog?" — dan yang penting: link checkout yang sudah Anda pakai tetap berfungsi pada semua pilihan.

Pilihan	Perilaku
Hanya produk yang saya pilih (Paling aman)	Produk lain tetap bisa dijual lewat link langsung, tapi tidak muncul di katalog. Navigasi area member belum diubah.
Produk pilihan saya, sekaligus tampilkan katalog di area member	Sama seperti pilihan pertama, ditambah menu Katalog dan Keranjang di area member setelah publikasi.
Semua produk yang sudah terbit	Cocok untuk toko baru. Semua produk terbit langsung masuk katalog, termasuk yang sebelumnya hanya dijual lewat link khusus.

Untuk dua pilihan pertama, tersedia pemilih produk dengan pencarian, filter status/tipe, serta tombol Pilih semua yang tampil dan Kosongkan pilihan. Produk yang punya pengaturan visibilitas manual ditandai badge khusus agar tidak tertimpa.

Wizard memeriksa halaman yang sudah ada, lalu menyiapkan sisanya:

☑ Buatkan halaman Katalog, Keranjang, dan Pelacakan Pesanan — halaman baru dibuat sebagai draf mandiri dan tidak menimpa halaman Sejoli yang sudah ada. Status tiap halaman tampil di tempat: Sudah ada (lengkap dengan alamatnya) atau Akan dibuat.
☑ Tampilkan Katalog & Keranjang di menu area member — member akan melihat menu baru setelah publikasi. Biarkan nonaktif kalau ingin menguji sendiri dulu; bisa diaktifkan nanti dari dashboard.

Langkah 5 — Review

Ringkasan akhir sebelum publikasi, berupa kartu: Presentasi toko, Produk dalam katalog, Halaman, Menu area member, Checkout Sejoli lama: Tidak berubah, dan Notifikasi pesanan: Template lama tetap tersimpan. Alamat halaman yang akan dipakai bisa dilihat di accordion "Lihat alamat halaman yang akan dipakai".

Dua hal penting di langkah ini:

Gaya halaman produk — ☑ Pakai tata letak Commerce Detail yang ringkas untuk semua produk (Direkomendasikan): mengganti halaman produk bawaan dengan tata letak ringkas satu gambar dan thumbnail. Pengaturan per produk tetap dipertahankan.
Satu konfirmasi diperlukan — muncul hanya jika homepage akan diganti: "Saya setuju mengganti homepage dengan Storefront Commerce." Publikasi tidak bisa berjalan sebelum kotak ini dicentang.

Tekan Publikasikan Ecommerce untuk menerapkan semuanya.

Setelah Publikasi

Layar sukses menampilkan ringkasan: produk yang tampil di katalog, halaman yang siap, dan konfirmasi bahwa snapshot beranda lama tersimpan untuk pengembalian.

Halaman Checklist Setup (dibuka lewat tautan di Pengaturan lanjutan) menjadi dashboard pasca-setup:

Uji alur pelanggan — daftar uji yang menyesuaikan diri dengan mode presentasi dan fitur yang aktif: item katalog mengikuti mode onboarding (storefront → cek beranda, portal member → cek katalog dari area member, situs web sendiri → cek halaman katalog), item pelacakan paket hanya muncul bila checkout produk fisik aktif, dan item pemberitahuan member hanya bila navigasi member diaktifkan — ditambah tiga langkah inti yang selalu ada (tambah produk ke keranjang, satu pesanan uji, periksa email/WhatsApp). Tiap item punya tombol langsung ke halamannya dan bisa dicentang progresnya; begitu semuanya tuntas, daftar menyusut menjadi status "Semua langkah pengujian selesai" dengan tombol untuk membukanya lagi kapan pun.
Diagnostik — panel pemeriksaan otomatis ("Semuanya beres" atau "Perlu perhatian Anda (N)") yang mendeteksi misalnya Ecommerce mati, halaman katalog kehilangan shortcode, atau homepage bukan storefront — lengkap dengan tombol perbaikan.
Setup Anda — ringkasan konfigurasi aktif + pintasan Ubah produk yang tampil dan Pengaturan lanjutan.
Snapshot beranda tersedia — tombol Kembalikan beranda lama untuk memulihkan homepage sebelum Storefront, kapan saja.

Last updated Sep 12, 2026