> ## Documentation Index
> Fetch the complete documentation index at: https://docs.simplus.id/llms.txt
> Use this file to discover all available pages before exploring further.

# Menu dan Custom Page

> Buat halaman sendiri seperti Panduan Ukuran atau Tentang Kami, lalu susun menu toko online sampai tiga tingkat dan tampilkan di header.

Custom Page adalah halaman buatan Anda sendiri, misalnya Tentang Kami atau Panduan Ukuran. Menu adalah daftar link di header toko yang membawa pembeli ke halaman itu, ke katalog, atau ke collection.

## Cara kerjanya

Misalnya pembeli Simplus Fashion sering bertanya ukuran lewat WhatsApp. Pemilik toko membuat halaman **Panduan Ukuran**, lalu menaruhnya di menu utama:

| Langkah | Hasilnya di toko |
| - | - |
| Buat Custom Page **Panduan Ukuran** | Halaman tersedia di `/others/panduan-ukuran` |
| Isi halamannya lewat **Sesuaikan** | Pembeli melihat tabel ukuran S sampai XL |
| Tambah item **Panduan Ukuran** ke **Main menu** | Link muncul di header semua halaman |

Menu dan Custom Page milik toko, bukan milik tema, jadi tetap ada saat Anda [ganti tema](https://docs.simplus.id/web-jualan/tema.md).

## Custom Page

### Membuat Custom Page

**1. Buka Custom Page**

Di sidebar builder, klik **Custom Page** di bagian **Toko Online**. Daftar halaman tampil dengan alamatnya, misalnya `/others/tentang-kami`.

> [tab] Desktop
>
> ![Daftar Custom Page berisi Panduan Ukuran dan Tentang Kami, menu Pratinjau, Sesuaikan, Ubah, Hapus ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d01-custom-page.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=4eb1fd4d1c12fbae0a34008017cbc15c)
>
> Daftar Custom Page dan menu aksinya.

> [tab] Mobile
>
> ![Custom Page di HP dengan menu Pratinjau, Sesuaikan, Ubah, Hapus ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/p01-custom-page.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=ddc432e2925883aad548018fb58498b6)
>
> Custom Page di HP.

**2. Klik + dan isi formulir**

Klik tombol **+** di kanan bawah. Di **Tambah Custom Page**, isi:

* **Nama**: judul halaman, misalnya **Panduan Ukuran**.
* **URL Slug**: bagian akhir alamat, misalnya **panduan-ukuran**. Pakai huruf kecil dan tanda hubung, tanpa spasi.
* **Publikasikan**: nyalakan supaya pembeli bisa membuka halaman ini.

**3. Simpan**

Klik **Simpan**. Halaman baru muncul di daftar dengan alamat `/others/panduan-ukuran`.

![Formulir Tambah Custom Page berisi Panduan Ukuran, slug panduan-ukuran, Publikasikan menyala, tombol Simpan ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d02-tambah-page.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=be16494f64f076467bedbaf5a03fa123)

Formulir Tambah Custom Page.

Alamat lengkapnya adalah link toko ditambah `/others/` dan slug, misalnya `namatoko.tokosimplus.store/others/panduan-ukuran`.

### Mengisi Custom Page

Halaman baru berisi section **Rich Text** dengan teks contoh "Talk about your brand". Header dan footer-nya disalin dari Custom Page yang sudah ada, jadi sama dengan halaman lain di toko. Custom Page **pertama** di toko masih memakai header dan footer contoh dari template, misalnya "Welcome to our store". Atur sekali lagi section **Header** dan **Footer** di editor tema, lalu klik **Simpan**, supaya semua halaman memakai header dan footer yang sama.

**1. Buka Sesuaikan**

Klik nama halaman di daftar, lalu **Sesuaikan**. Editor tema terbuka langsung di halaman itu.

**2. Ganti isinya**

Buka block **Heading** dan **Text** di section Rich Text, lalu ketik isi halaman. Hapus block **Buttons** kalau tidak perlu tombol. Anda juga bisa menambah section lain, misalnya Image with Text. Lihat [Editor tema](https://docs.simplus.id/web-jualan/editor-tema.md).

![Editor tema di halaman Panduan Ukuran dengan isian block Text berisi ukuran S sampai XL ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d04-isi-page.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=6bdb930b8791fad09f73347f5a255c07)

Mengisi halaman Panduan Ukuran.

**3. Simpan**

Klik **Simpan** di kanan atas editor.

### Melihat, mengubah, dan menghapus

Klik nama halaman di daftar untuk membuka menu aksinya:

| Aksi | Yang terjadi |
| - | - |
| **Pratinjau** | Membuka halaman di toko, di tab baru |
| **Sesuaikan** | Membuka editor tema Default di halaman itu |
| **Ubah** | Mengubah **Nama**, **URL Slug**, atau **Publikasikan** |
| **Hapus** | Menghapus halaman setelah konfirmasi. Hapus dulu item menu yang mengarah ke halaman ini, baru hapus halamannya. |

Mematikan **Publikasikan** membuat halaman tidak bisa dibuka pembeli. Link ke halaman itu di menu tetap ada, jadi hapus juga item menunya. Mengganti **URL Slug** mengubah alamat halaman, jadi link lama yang sudah Anda bagikan tidak lagi mengarah ke halaman itu.

## Menu

Toko punya **Main menu** yang tampil di header. Anda bisa menambah item, membuat submenu sampai tiga tingkat, dan membuat menu lain. Menu lain, misalnya **Menu Bantuan**, ditampilkan lewat block **Menu** di section **Footer** di [editor tema](https://docs.simplus.id/web-jualan/editor-tema.md).

> [!NOTE]
>
> Header hanya menampilkan menu yang dipilih di section **Header** tema, isian **Menu**. Tema yang baru ditambahkan dari **Tema Populer** belum memilih menu, sehingga header menampilkan link bawaan **Home** dan **Catalog**. Buka **Sesuaikan** → section **Header**, pilih **Main menu** di **Menu**, lalu klik **Simpan**.

### Menambah item ke menu

**1. Buka menu**

Di sidebar builder, klik **Menu**, lalu klik **Main menu**.

> [tab] Desktop
>
> ![Halaman Menu dengan Main menu dan Menu Bantuan, Main menu ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d05-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=8008e7bef7b7496a552b2d4220d21a0b)
>
> Daftar menu toko.

> [tab] Mobile
>
> ![Halaman Menu di HP dengan Main menu ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/p05-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=db0719434376128301c74bc2985f4bb1)
>
> Menu di HP.

**2. Klik Tambah Item**

Di **Ubah Menu**, klik **Tambah Item** di bawah daftar item.

![Jendela Ubah Menu berisi Home, Katalog dengan submenu, Tentang Kami, dan tombol Tambah Item ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d06-ubah-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=2f158cc876fd5697a19d2dcc9f523f71)

Item di Main menu.

**3. Isi label dan target**

Isi **Label**, teks yang dilihat pembeli, lalu pilih **Target**:

| Target | Mengarah ke |
| - | - |
| **Halaman Sistem** | Halaman bawaan toko, misalnya Home Page, All Products, All Collections, Search, Orders, atau Profile |
| **Halaman Kustom** | Custom Page buatan Anda |
| **Katalog** | Satu produk |
| **Collection** | Satu collection. Lihat [Kategori, brand, dan collection](https://docs.simplus.id/web-jualan/kategori-brand-collection.md). |
| **Link URL** | Alamat lain, misalnya link WhatsApp `https://wa.me/62...` |

![Jendela Tambah Item Menu dengan Target Halaman Kustom dan halaman Panduan Ukuran ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d07-item-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=4f7d8a8be0208a24f433a5f022cf0e47)

Item menu ke Custom Page Panduan Ukuran.

**4. Simpan dua kali**

Klik **Simpan** di jendela item, lalu **Simpan** lagi di **Ubah Menu**. Item baru langsung muncul di header toko, selama **Main menu** dipilih di section **Header** tema.

> [!WARNING]
>
> Item yang baru ditambahkan belum tersimpan sebelum Anda klik **Simpan** di **Ubah Menu**. Kalau jendela ditutup sebelumnya, item itu hilang tanpa peringatan.

### Submenu, mengubah, dan mengurutkan

Klik sebuah item di **Ubah Menu** untuk memilih **Tambah Submenu**, **Ubah**, atau **Hapus**. Submenu bisa dibuat sampai tiga tingkat, misalnya **Katalog** → **Koleksi Terbaru**. Tarik ikon **≡** untuk mengurutkan item. Klik **Simpan** setelah selesai.

![Item Katalog di Ubah Menu dengan pilihan Tambah Submenu, Ubah, dan Hapus ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d08-submenu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=fbf378d5b87fd08ca6fb5a06f69fd2af)

Pilihan untuk item Katalog.

### Membuat dan menghapus menu

* **Menu baru**: di halaman **Menu**, klik **+**, isi **Nama**, tambahkan minimal satu item, lalu **Simpan**.
* **Hapus menu**: klik ikon tempat sampah di kanan menu, lalu konfirmasi.

### Menampilkan menu di header

Header toko memakai menu yang dipilih di section **Header**. Menu baru tidak otomatis tampil. Untuk memakainya, buka [editor tema](https://docs.simplus.id/web-jualan/editor-tema.md), klik section **Header**, lalu pilih menu di **Menu**, dan klik **Simpan**.

![Pengaturan section Header dengan pilihan Menu berisi Main menu ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d09-header-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=2c1638ac72474936fcd79e40a44bd64a)

Memilih menu untuk header.

## Link ke Custom Page dari halaman produk

Selain lewat menu, Custom Page bisa dibuka dari halaman detail produk. Misalnya link "Lihat panduan ukuran" di bawah deskripsi setiap produk.

**1. Buka halaman Products di editor**

Di [editor tema](https://docs.simplus.id/web-jualan/editor-tema.md), pilih halaman **Products**, lalu pilih satu produk di **Pilih Catalog** untuk preview.

**2. Tambah block Pop-up**

Klik panah **›** di section **Product Information**. Arahkan mouse ke tepi block, misalnya **Description**, klik **+**, lalu pilih **Pop-up**.

**3. Isi label dan pilih halaman**

Klik block **Pop-up**. Isi **Link label**, misalnya **Lihat panduan ukuran**, lalu pilih Custom Page di **Page**. Klik **Simpan**.

![Pengaturan block Pop-up dengan Link label Lihat panduan ukuran dan Page Panduan Ukuran ditandai, link tampil di preview halaman produk](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/menu-dan-custom-page/d10-popup.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=5b3e45c333dbb731d3226e0039a1a99a)

Block Pop-up ke Custom Page Panduan Ukuran.

Link ini tampil di halaman semua produk dan membuka Custom Page yang dipilih. Meski namanya Pop-up, block ini berupa link ke halaman, bukan jendela yang muncul di atas halaman produk.

## Siapa yang boleh mengatur

Owner, atau karyawan dengan izin **Mengelola Toko Online** di [Grup Hak Akses](https://docs.simplus.id/tutorial/pengguna/grup-hak-akses.md).

## Pesan yang mungkin muncul

| Pesan | Artinya | Yang perlu dilakukan |
| - | - | - |
| Nama harus diisi, URL slug harus diisi | Isian wajib Custom Page masih kosong | Lengkapi Nama dan URL Slug |
| Terjadi Kesalahan ... (3921) atau (3922) | URL slug itu sudah dipakai halaman lain, saat membuat (3921) atau mengubah (3922) Custom Page | Pakai slug lain, misalnya tambahkan kata di belakangnya |
| Apakah anda yakin ingin menghapus page ini? | Konfirmasi hapus Custom Page | Klik **OK** kalau halaman memang tidak dipakai lagi |
| Nama harus diisi, Item menu harus diisi | Menu baru belum punya nama atau item | Isi nama dan tambah minimal satu item |
| Label harus diisi | Item menu belum punya label | Isi teks yang dilihat pembeli |
| Link URL harus diisi, Halaman sistem harus dipilih | Target **Link URL** atau halaman sistem dipilih tapi tujuannya belum diisi | Isi alamatnya, atau pilih halamannya |
| Link URL tidak valid | Alamat di Link URL bukan alamat web | Tulis alamat lengkap, misalnya `https://wa.me/6281234567890` |
| Halaman kustom harus dipilih, Collection harus dipilih, Katalog harus dipilih | Target sudah dipilih tapi tujuannya belum | Pilih halaman, collection, atau produknya |
| Apakah anda yakin ingin menghapus menu ini? | Konfirmasi hapus menu | Klik **OK** kalau menu itu tidak dipakai di header |

## FAQ

> [accordion] Kenapa menu baru saya tidak muncul di toko?
>
> Header hanya menampilkan menu yang dipilih di section **Header**. Pilih menu baru itu di editor tema, lalu klik **Simpan**.

> [accordion] Apakah Custom Page ikut berganti saat saya ganti tema?
>
> Tidak. Custom Page dan Menu milik toko, jadi tetap ada di semua tema.

> [accordion] Bisakah saya membuat link ke WhatsApp di menu?
>
> Bisa. Pilih Target **Link URL**, lalu isi link WhatsApp Anda, misalnya `https://wa.me/6281234567890`.

## Langkah berikutnya

> [card] [Editor tema](https://docs.simplus.id/web-jualan/editor-tema.md)
>
> Isi Custom Page dan atur header.

> [card] [Domain](https://docs.simplus.id/web-jualan/domain.md)
>
> Atur alamat toko atau pakai domain sendiri.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.