Qendali
Minta demo
FiturUntuk usahaHargaPanduanTanya jawabMasuk

Landing Page

Membuat halaman depan (website sederhana) toko dengan editor seret-dan-lepas: menu, banner utama, daftar artikel, kontak, galeri, dan produk. Atur juga judul untuk Google, favicon, dan domain sendiri.

Menu di aplikasi
Landing Page → Landing Page
Untuk
Owner, Manajer
Paket
Tersedia di paket Produksi, Bisnis
Isi bab ini
  1. Pengaturan Landing Page
  2. Favicon dan domain sendiri
  3. Mengenal editor
  4. Menambah blok Navbar
  5. Menambah blok Hero
  6. Menambah Daftar Artikel dan Kontak
  7. Menyimpan draft
  8. Cek tampilan di HP
  9. Halaman publik sebelum terbit
  10. Alur kerja
  11. Yang sering ditanyakan

Pengaturan Landing Page

Halaman ini mengatur status terbit, SEO, favicon, dan domain. Isi tampilannya dibuat di editor (tombol "Buka Editor").

Halaman pengaturan Landing Page dengan status draft dan kolom SEO
Halaman pengaturan Landing Page dengan status draft dan kolom SEO
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Simpan

    Menyimpan SEO, favicon, dan domain.

  2. 2

    Draft (belum terbit)

    Status halaman. Berubah menjadi "● Terbit" setelah diterbitkan.

  3. 3

    Buka Editor

    Membuka editor seret-dan-lepas.

  4. 4

    Lihat

    Membuka halaman publik di tab baru (hanya menampilkan versi yang sudah terbit).

  5. 5

    Terbitkan

    Menerbitkan isi editor ke halaman publik. Setelah terbit, tombol ini berganti "Sembunyikan". Muncul juga tombol "Versi sebelumnya" untuk membatalkan terbitan terakhir.

  6. 6

    Judul Halaman (title)

    Judul yang tampil di Google dan tab browser.

  7. 7

    Deskripsi (meta description)

    Kalimat ringkas di bawah judul pada hasil pencarian Google.

Langkahnya

  1. Buka Landing Page → Landing Page.
  2. Isi Judul Halaman dan Deskripsi.
  3. Klik "Simpan".

Favicon dan domain sendiri

Favicon adalah ikon kecil di tab browser. Domain sendiri (misalnya www.tokokamu.com) butuh dua langkah di sisi server di luar aplikasi — keterangannya tertulis di kotak biru.

Bagian favicon dan domain custom
Bagian favicon dan domain custom
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Unggah

    Memilih gambar favicon (kotak, sebaiknya PNG).

  2. 2

    Domain Landing

    Alamat domain untuk halaman depan.

Mengenal editor

Kiri: daftar blok (Components). Tengah: kanvas pratinjau. Kanan: isian blok yang sedang dipilih. Seret blok dari kiri ke kanvas untuk menambahkannya.

Editor Landing Builder yang masih kosong
Editor Landing Builder yang masih kosong
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Components

    Daftar blok: Navbar, Section, Hero, Hero Slider, Judul, Teks, Gambar, Tombol, Jarak, Dua/Tiga Kolom, Galeri, Daftar Artikel, Kontak & Peta, Produk Unggulan, Grid Produk.

  2. 2

    Kanvas

    Pratinjau halaman. Klik blok di sini untuk mengubah isinya.

  3. 3

    ← Landing Page

    Kembali ke halaman pengaturan.

  4. 4

    Simpan Draft

    Menyimpan pekerjaan tanpa menerbitkan.

  5. 5

    Terbitkan

    Menyimpan sekaligus menerbitkan ke halaman publik.

  6. 6

    Publish

    Tombol bawaan editor; fungsinya sama dengan Terbitkan.

  7. 7

    Pratinjau

    Membuka halaman publik di tab baru. Hanya menampilkan versi yang sudah terbit, bukan draft.

Menambah blok Navbar

Seret "Navbar (Menu)" ke kanvas. Isi nama toko, menu, dan tombol di panel kanan.

Blok Navbar di kanvas dengan isian di panel kanan
Blok Navbar di kanvas dengan isian di panel kanan
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Navbar (Menu)

    Blok yang diseret ke kanvas.

  2. 2

    Nama / Brand

    Nama toko di kiri menu.

  3. 3

    Menu

    Daftar tautan menu (Beranda, Produk, Artikel, Kontak). Klik + untuk menambah.

Langkahnya

  1. Tekan dan tahan "Navbar (Menu)", seret ke kanvas, lepas.
  2. Ketik "Grafika Lestari" di Nama / Brand.
  3. Isi Teks tombol "Chat WhatsApp" dan Link tombol ke nomor WhatsApp toko.

Menambah blok Hero

Hero adalah banner besar di bagian atas: judul, subjudul, gambar latar, dan tombol ajakan.

Blok Hero dipilih dengan isian judul dan subjudul
Blok Hero dipilih dengan isian judul dan subjudul
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Judul

    Kalimat utama, misalnya "Percetakan Cepat & Rapi di Bantul".

  2. 2

    Subjudul

    Kalimat penjelas di bawah judul.

  3. 3

    Unggah Gambar

    Gambar latar banner (opsional).

  4. 4

    Perataan

    Posisi teks: Kiri, Tengah, atau Kanan.

Langkahnya

  1. Seret "Hero" ke bawah Navbar.
  2. Isi Judul, Subjudul, Teks Tombol, dan Link Tombol di panel kanan.

Menambah Daftar Artikel dan Kontak

"Daftar Artikel" otomatis menampilkan artikel yang sudah terbit di menu Artikel. "Kontak & Peta" menampilkan alamat, telepon, tombol WhatsApp, dan peta Google.

Blok Kontak & Peta dipilih dengan isian alamat dan WhatsApp
Blok Kontak & Peta dipilih dengan isian alamat dan WhatsApp
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Alamat

    Alamat toko.

  2. 2

    Nomor WhatsApp (62...)

    Nomor untuk tombol "Chat WhatsApp", ditulis diawali 62.

  3. 3

    Google Maps

    Tempel kode sematan (iframe) atau alamat src dari Google Maps.

Langkahnya

  1. Seret "Daftar Artikel" lalu "Kontak & Peta" ke kanvas.
  2. Isi Alamat, Telepon, dan Nomor WhatsApp.

Menyimpan draft

Klik "Simpan Draft" secara berkala. Muncul tulisan "✅ Draft tersimpan" di sebelah tombol. Draft hanya terlihat di editor.

Tulisan Draft tersimpan di bilah atas editor
Tulisan Draft tersimpan di bilah atas editor
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Tombol di gambar

  1. 1

    Draft tersimpan

    Tanda penyimpanan berhasil.

  2. 2

    Simpan Draft

    Menyimpan tanpa menerbitkan.

Cek tampilan di HP

Tiga ikon di atas kanvas mengganti ukuran pratinjau: HP, tablet, dan layar lebar. Sebagian besar pengunjung membuka dari HP, jadi selalu cek tampilan kecilnya.

Kanvas editor dalam ukuran HP
Kanvas editor dalam ukuran HP
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Halaman publik sebelum terbit

Selama belum diterbitkan, pengunjung yang membuka halaman depan melihat tulisan "Landing belum dipublikasikan". Tombol "Pratinjau" dan "Lihat" juga menampilkan ini.

Halaman Landing belum dipublikasikan
Halaman Landing belum dipublikasikan
Klik gambar untuk memperbesarGeser gambar ke samping, atau ketuk untuk memperbesar

Alur kerja

Membuat website toko sampai tayang

Dari kosong sampai pengunjung bisa chat.

  1. Isi SEO dan favicon di pengaturan Landing PageLanding Page
  2. Tulis dan terbitkan artikelArtikel
  3. Susun blok di editor, Simpan Draft, cek tampilan HPLanding Page
  4. Tekan TerbitkanLanding Page
  5. Pengunjung klik tombol WhatsApp, masuk sebagai leadLeads CRM

Yang sering ditanyakan

Kenapa Pratinjau menampilkan "Landing belum dipublikasikan"?

Pratinjau dan Lihat menampilkan versi yang sudah terbit. Draft hanya terlihat di kanvas editor.

Saya salah terbit, bisa dikembalikan?

Bisa. Di halaman pengaturan Landing Page muncul tombol "Versi sebelumnya" untuk mengembalikan isi sebelum terbit terakhir.

Bagaimana menghapus blok?

Klik blok di kanvas, lalu klik ikon tempat sampah di label hitam di atasnya. Ikon salin di sebelahnya menggandakan blok.

Bagaimana memakai domain sendiri?

Isi Domain Landing, lalu minta tim Qendali mengatur DNS dan server-nya. Langkah itu tidak bisa dilakukan dari aplikasi.