Landing page

Buat halaman web sendiri tanpa coding — halaman checkout untuk menjual satu produk dengan form pemesanan, atau halaman umum seperti bio link, promo event, dan profil jasa — lalu bagikan alamatnya di iklan, bio sosmed, atau chat. Semua dirakit dengan menyusun blok di editor visual, dimulai dari tema siap pakai.

Ada dua jenis landing page:

Jenis	Cocok untuk	Isinya
Dengan Produk	Jualan satu produk langsung dari halaman	Form pemesanan, ringkasan produk, kalkulator ongkir, bump offer, dan halaman sukses setelah checkout. Pesanan masuk ke Pesanan
Tanpa Produk	Bio link, coming soon, promo event, profil jasa, portofolio	Blok konten dan tombol ke link luar (WhatsApp, marketplace, sosmed)

Mau toko lengkap dengan banyak produk?

Landing page fokus ke satu halaman. Untuk etalase dengan katalog, keranjang, dan banyak produk sekaligus, pakai Toko online.

Daftar landing page

Buka Landing Page di sidebar bagian Marketing.

Halaman Landing Page yang masih kosong: keterangan "Belum ada landing page — buat halaman pertama untuk mulai menerima pesanan" dan tombol "Buat Halaman".

Setelah ada halaman, tabel menampilkan semuanya:

Daftar Landing Page berisi satu baris "Contoh Bio Link" dengan alamat publik /p/cshub-test/contoh-bio-link, jenis Umum, Tayangan 0, Pesanan 0, status Aktif, dan tombol menu aksi; di atas tabel ada kolom cari nama atau slug dan filter jenis.

Kolom	Isinya
Nama & alamat	Nama halaman dan alamat publiknya (/p/alamat-bisnis/slug). Klik ikon panah untuk membukanya
Jenis	Produk atau Umum
Tayangan	Berapa kali halaman dibuka
Pesanan	Jumlah pesanan dari halaman ini (untuk jenis Produk)
Status	Aktif — halaman bisa diakses publik

Cari berdasarkan nama atau slug, dan saring per jenis (Semua jenis, Produk, Umum). Menu ⋮ berisi Edit (buka editor), Pratinjau (buka halaman publik), Duplikat, dan Hapus. Halaman yang dihapus tidak bisa diakses publik lagi.

Membuat halaman baru

Klik Buat Halaman. Wizard Create Page memandu langkah demi langkah.

Halaman dengan produk

Wizard pembuatan halaman dengan jenis "Dengan Produk" terpilih: langkah 1 kartu jenis halaman, langkah 2 kolom "Cari produk", dan langkah 3 deretan tema checkout seperti Klasik Sidebar dan Social Proof Heavy.

1. Pilih jenis landing page — klik Dengan Produk.
2. Pilih produk — ketik nama produk di Cari produk. Produk dibuat di Produk & stok.
3. Pilih tema — pilih salah satu tema checkout.
4. Nama & URL — isi Nama page dan URL slug, lalu klik Buat Halaman.

Wizard lengkap untuk halaman produk: kartu jenis Dengan Produk dan Tanpa Produk, pencarian produk, delapan tema checkout (Klasik Sidebar, Social Proof Heavy, Minimal Form, Mobile Conversion, Modern E-Commerce, Transformation, Flash Sale Urgency, Launch Event), lalu Nama page dan URL slug dengan keterangan alamat publik, serta tombol Batal dan Buat Halaman.

Tema checkout	Gaya
Klasik Sidebar, Social Proof Heavy	Klasik — info produk dan form berdampingan; versi Social Proof menonjolkan rating dan testimoni
Minimal Form	Minimalis — fokus ke form pemesanan
Mobile Conversion, Modern E-Commerce, Transformation	Modern — dioptimalkan untuk HP, gaya toko online, atau cerita sebelum-sesudah
Flash Sale Urgency, Launch Event	Mendesak — hitung mundur dan dorongan untuk segera membeli

Halaman produk juga bisa dibuat dari halaman detail produk di Produk & stok.

Halaman tanpa produk

Wizard dengan jenis "Tanpa Produk" terpilih: langkah Pilih Tema berisi tema Bio Link, Coming Soon, Event / Promo, Jasa Profesional B2B, One-Pager Umum, dan Portfolio Kreator, lalu langkah Nama & URL.

1. Pilih Tanpa Produk.
2. Pilih tema: Bio Link, Coming Soon, Event / Promo, Jasa Profesional B2B, One-Pager Umum, atau Portfolio Kreator.
3. Isi Nama page — URL slug terisi otomatis dari nama dan bisa diubah. Di bawahnya tertulis alamat publik halamannya.
4. Klik Buat Halaman.

Wizard dengan tema Bio Link terpilih, Nama page "Contoh Bio Link", URL slug otomatis "contoh-bio-link", keterangan alamat publik halaman, dan tombol Buat Halaman yang sudah aktif.

Halaman langsung dibuat dan editor terbuka. Jumlah halaman yang bisa dibuat mengikuti kuota paketmu — lihat Billing & paket.

Editor halaman

Editor punya tiga area: panel kiri (tema dan blok), kanvas di tengah, dan panel Edit Block di kanan.

Editor landing page di tab Desain: panel kiri berisi bagian Tema (Pilih Tema, Simpan jadi Tema), Digunakan dengan 7 blok berurutan (Profil, lima Tombol Link, Ikon Sosmed), dan Tambah Blok dengan tab Fungsional dan Konten plus kolom cari; kanvas tengah menampilkan halaman bio link "Toko Saya"; panel kanan "Edit Block". Toolbar atas berisi nama halaman, tab Desain/Pengaturan/Lanjutan, pratinjau desktop/tablet/HP, urungkan/ulangi, keterangan "Tersimpan", dan tombol Simpan.

Toolbar atas

Bagian	Fungsi
← dan nama halaman	Kembali ke daftar. Ikon di sebelah nama membuka halaman publik
Desain	Menyusun isi halaman (tab bawaan)
Pengaturan	Nama, slug, dan SEO halaman
Lanjutan	Tracking, plus Halaman Sukses dan Embed untuk halaman produk
Desktop / Tablet / Mobile	Ganti lebar pratinjau kanvas
Urungkan / Ulangi	Batalkan atau ulangi perubahan terakhir
Keterangan simpan	Tersimpan + jam, Menyimpan…, atau Belum disimpan. Perubahan disimpan otomatis 10 detik setelah kamu berhenti mengedit
Simpan	Simpan sekarang

Kanvas editor dalam mode pratinjau HP: halaman bio link tampil dengan lebar layar ponsel.

Menambah dan mengatur blok

Di panel kiri:

• Digunakan — daftar blok yang sedang dipakai, sesuai urutan di halaman. Tarik ikon titik-titik untuk mengubah urutan.
• Tambah Blok — perpustakaan blok dengan dua tab:
  • Fungsional — blok khusus halaman produk, misalnya Form Checkout, Ringkasan Produk, Bump Offer, Kalkulator Ongkir. Di halaman tanpa produk, tab ini kosong.
  • Konten — blok isi, misalnya Hero, Teks, Daftar Fitur, Testimoni, FAQ, Tombol Aksi, Galeri Foto, Video, Hitung Mundur, Garansi, Profil (Avatar + Nama), Tombol Link, Ikon Sosmed, Pemisah, dan lainnya.
• Kolom Cari blok… untuk menemukan blok dengan cepat.

Panel kiri editor dengan tab Konten pada perpustakaan blok: kotak-kotak blok seperti Hero, Teks, Daftar Fitur, Testimoni, FAQ, dan Tombol Aksi.

Klik atau tarik blok ke kanvas untuk menambahkannya.

Mengedit blok

Klik blok di kanvas. Blok diberi bingkai dengan toolbar kecil (tarik, duplikat, hapus), dan panel Edit Block di kanan menampilkan isiannya.

Blok Profil terpilih di kanvas dengan toolbar kecil (tarik, duplikat, hapus); panel Edit Block di kanan berisi Foto avatar, Nama "Toko Saya", Bio singkat, centang "Tampilkan badge verified", bagian Tampilan (Background section, Warna teks), dan tombol Duplikat serta Hapus.

• Isian berbeda per blok — misalnya foto, judul, teks, link tombol, atau daftar pertanyaan FAQ.
• Tampilan — ubah warna latar dan teks blok ini saja. Kosongkan untuk mengikuti warna tema.
• Gambar bisa dipilih dari Media Manager atau diunggah baru (JPG, PNG, WEBP, maks. 3 MB per file).
• Duplikat / Hapus — salin atau buang blok.
• Di halaman produk, beberapa blok punya tombol Generate dengan AI untuk membuatkan teks berdasarkan info produk.

Blok terkunci di halaman produk

Form Checkout dan Ringkasan Produk wajib ada di halaman produk, jadi tidak bisa dihapus.

Tema

• Pilih Tema — buka daftar tema. Kamu bisa memilih Style saja (layout tetap, hanya warna & tipografi berubah) atau Ganti layout + style (semua blok diganti layout bawaan tema — isi yang ada sekarang hilang). Di halaman produk tersedia juga Mulai Kosong.
• Simpan jadi Tema — simpan layout dan gaya halaman ini sebagai tema milik bisnismu, supaya bisa dipakai ulang di halaman lain.

Jendela "Pilih Tema" di editor: kartu Mulai Kosong, Bio Link (terpilih), Coming Soon, dan Event / Promo, masing-masing dengan daftar blok yang dipakainya, serta tombol Tutup.

Pengaturan

Tab Pengaturan mengatur identitas halaman.

Tab Pengaturan: bagian Halaman berisi Nama halaman "Contoh Bio Link" dan Slug URL "contoh-bio-link" dengan alamat /p/cshub-test/contoh-bio-link; bagian SEO berisi Title (0/70), Description (0/320), OG Image URL, Canonical URL, dan Robots directive "Index, follow (default)".

Isian	Keterangan
Nama halaman	Nama internal halaman
Slug URL	Bagian akhir alamat publik. cshub mengecek apakah slug masih tersedia dan memberi saran kalau sudah dipakai
No. WhatsApp tujuan	(Halaman produk) dipakai kalau halaman sukses diarahkan ke WhatsApp
Aktifkan kalkulasi ongkir di checkout	(Halaman produk) tampilkan hitung ongkir di form. Lihat Pengiriman & ongkir
Title	Judul di tab browser dan Google (maks. 70 karakter)
Description	Deskripsi singkat untuk hasil pencarian (maks. 320 karakter)
OG Image URL	Gambar yang muncul saat link dibagikan di sosmed atau WhatsApp
Canonical URL	Alamat utama halaman, kalau halaman yang sama tersedia di beberapa alamat
Robots directive	Izinkan atau larang mesin pencari mengindeks halaman
Custom Head Script	Opsional. Sisipkan kode tambahan, misalnya tag verifikasi. Pakai dengan hati-hati

Tracking

Buka Lanjutan → Tracking untuk memasang pixel iklan.

Menu "Lanjutan" di toolbar editor terbuka dan berisi pilihan Tracking (halaman tanpa produk tidak menampilkan Halaman Sukses dan Embed).

Tab Tracking: pilihan Halaman Checkout dan Halaman Sukses di kiri; di kanan bagian Facebook (Meta) Pixel dengan Pixel ID dan centang event PageView, ViewContent, AddToCart, InitiateCheckout, Purchase, bagian Google Tag Manager dengan Container ID, bagian TikTok Pixel dengan Pixel ID dan event, serta awal bagian Snack Video.

Bagian	Kapan berjalan
Halaman Checkout	Saat pengunjung membuka landing page (PageView, ViewContent, AddToCart, InitiateCheckout)
Halaman Sukses	Setelah pembelian berhasil (Purchase)

Di tiap bagian, isi Facebook (Meta) Pixel, Google Tag Manager, TikTok Pixel, dan/atau Snack Video. Ketik ID lalu tekan Enter untuk menyimpannya sebagai tag — satu platform boleh punya beberapa ID. Centang event yang ingin dikirim, lalu klik Simpan tracking.

Halaman Sukses (halaman produk)

Buka Lanjutan → Halaman Sukses untuk mengatur apa yang terjadi setelah pembeli menekan Pesan Sekarang:

Redirect	Perilaku
Halaman Sukses Custom	Halaman terima kasih dari cshub dengan info rekening, video opsional, dan pesan per metode pembayaran
WhatsApp	Buka chat WhatsApp ke CS yang sedang bertugas, atau ke nomor default kalau tidak ada yang bertugas
Halaman Invoice	Arahkan ke halaman invoice untuk pembayaran online / VA
URL Custom	Arahkan ke alamat luar milikmu

Untuk Halaman Sukses Custom, kamu bisa mengatur judul header, link video, rekening yang ditampilkan (dari Pengaturan bisnis), serta pesan untuk Transfer Bank, COD, dan E-Payment.

Embed (halaman produk)

Buka Lanjutan → Embed untuk memasang halaman di website lain:

• Halaman Penuh — semua blok tampil di dalam iframe.
• Form Saja — hanya form checkout, cocok untuk pop-up atau widget kecil.

Atur lebar dan tinggi iframe, pilih elemen yang tampil (metode pembayaran, footer, harga, bump offer), lalu klik Copy snippet.

Tips

• Isi Title, Description, dan OG Image supaya link terlihat menarik saat dibagikan di WhatsApp dan sosmed.
• Cek tampilan di pratinjau Mobile — kebanyakan pengunjung membuka dari HP.
• Untuk iklan, pasang pixel di tab Tracking, atau arahkan iklan ke Link WhatsApp kalau ingin pengunjung langsung chat.
• Pesanan dari halaman produk masuk ke Pesanan, dan yang batal checkout bisa dipantau di Keranjang ditinggal.