Katalog menu restoran online: dari daftar PDF jadi etalase yang bisa diklik
Restoran dan kafe kecil di Indonesia biasanya mengandalkan dua hal untuk memperkenalkan menu: daftar PDF yang dishare lewat WhatsApp, dan pajangan di dinding yang hanya dilihat pelanggan yang datang. Masalahnya, pelanggan baru di luar radius 2 km tidak pernah melihat menu itu sama sekali. Katalog menu restoran online adalah versi yang bisa dibuka siapa saja, kapan saja, lewat satu link — tanpa harus download atau install apa pun.
Kenapa katalog menu online lebih efektif dari PDF
PDF memang cepat dibuat, tapi tidak mobile-friendly: di HP, teksnya kecil, layout-nya berantakan, dan pelanggan harus scroll berputar-putar. Katalog online berbasis HTML ringan menampilkan menu dengan grid rapi, foto yang bisa diketuk untuk memperbesar, dan tombol WhatsApp yang langsung terbuka di aplikasi chat. Cukup bookmark satu link.
Keunggulan lain: katalog online bisa di-update dalam hitungan menit. Saat stok bahan berubah atau ada menu baru, owner tinggal minta AI generate versi terbaru dan publish ulang. Pelanggan selalu melihat versi terkini, bukan PDF lama yang dishare enam bulan lalu. Untuk fondasi katalog online secara umum, pola yang sama berlaku di panduan katalog produk online UMKM — hanya konteksnya diganti ke hidangan.
Isi minimum katalog menu restoran
- Header — nama resto, tagline singkat, logo teks, dan floating button WhatsApp
- Section kategori — Appetizer, Main Course, Dessert, Drinks (bisa di-scroll atau pakai tab)
- Item menu — foto, nama, deskripsi 1-2 kalimat, harga, label pedas/halal/vegetarian bila perlu
- Tombol pesan per item — biar pelanggan langsung chat untuk order atau tanya stok
- Info resto — alamat, jam buka, link Google Maps, dan kontak WhatsApp utama
- Footer — akun Instagram, link ke marketplace (GoFood/GrabFood) bila ada
Tidak perlu sistem keranjang atau payment gateway di tahap awal. Pelanggan lihat menu, tertarik, lalu klik tombol WhatsApp untuk order. Prosesnya tetap manusiawi, owner tetap dapat pesanan rapi, dan tidak ada biaya komisi marketplace.
Contoh prompt untuk KARSA
Buka KARSA, buat proyek web baru, lalu ketik prompt di bawah. Ganti teks dalam kurung dengan detail resto kamu sendiri.
"Buat katalog menu online untuk kafe 'Kopi Temu 27' di Bandung. Header dengan logo teks coklat tua dan tagline 'Ngopi santai sejak 2019'. Tab kategori: Coffee, Non-Coffee, Snack. Grid 2 kolom berisi 12 item: 5 kopi (Es Kopi Susu Rp 22.000, Americano Rp 18.000, Cappuccino Rp 25.000, Kopi Tubruk Rp 15.000, Latte Rp 28.000), 3 non-coffee (Matcha Latte Rp 28.000, Coklat Panas Rp 20.000, Yuzu Soda Rp 25.000), 4 snack (Pisang Goreng Rp 18.000, Roti Bakar Rp 20.000, Tahu Krispi Rp 22.000, Croffle Rp 28.000). Setiap item ada foto, deskripsi singkat, harga, dan tombol 'Pesan via WhatsApp' yang membuka chat ke 081234567890 dengan pesan otomatis. Section bawah berisi alamat, jam buka (08.00-22.00), link Google Maps, dan Instagram @kopitemu27. Palet warna krem dan coklat, font hangat, mobile-first."
Setelah preview muncul, minta revisi: "tambah section menu seasonal di atas tab", "ganti palet ke hijau sage dan putih", atau "buat badge 'Best Seller' di 3 item teratas". Tiap iterasi cukup satu kalimat.
Foto menu yang menggugah selera
HP kamera sudah cukup. Tiga aturan yang paling berpengaruh: cahaya alami dari samping, angle 45 derajat untuk makanan berkuah, dan background meja kayu atau kain polos. Foto di jam sepi ketika piring masih penuh dan uap masih naik. Edit ringan dengan Snapseed sudah cukup untuk menyamakan tone warna antar foto. Tidak perlu foto setiap menu — pilih 8-12 hidangan signature yang paling laris atau paling fotogenik. Resolusi ideal 800-1000 piksel di sisi panjang: cukup tajam di layar HP, tidak membebani bandwidth pelanggan 4G.
Cara menyebar link katalog menu
Setelah preview KARSA sesuai, klik Publish. Katalog live di subdomain gratis seperti kopi-temu-27.karsa.work — tanpa setup hosting, tanpa biaya bulanan. Untuk domain sendiri seperti kopitemu27.com, tambahkan di modal publish dan ikuti instruksi DNS. Panduan publish lengkap ada di cara publish website dari KARSA.
Sebarkan link itu: taruh di bio Instagram, deskripsi TikTok, header WhatsApp Business, Google Business Profile resto, dan QR code di tatakan gelas. Setiap ada menu baru, broadcast ke pelanggan setia: "Hai kak, ada menu baru nih: [nama menu], mau coba? Chat aja via link di bio ya". Link permanen membuat pelanggan tidak perlu simpan file.
Kesalahan yang sering terjadi
- Harga tidak konsisten — campur "Rp 22.000" dan "22K" di item yang berbeda bikin pelanggan bingung. Pilih satu format.
- Foto terlalu kecil atau pecah — di HP, thumbnail 200 piksel jadi tidak terbaca. Minimal 600 piksel.
- Tidak ada tombol WhatsApp — pelanggan harus copy nomor manual, biasanya batal di tengah jalan. Tombol harus satu ketukan.
- Menu tidak update — kalau bahan kosong, ganti label "Stok Habis" daripada hapus item, supaya pelanggan tahu pernah ada.
- Tidak mobile-friendly — 90 persen pelanggan buka dari HP. Katalog yang didesain untuk desktop akan membuat teks kecil dan tombol sulit diketuk.
Kuncinya adalah katalog yang terasa hidup dan dijaga: ganti menu musiman, tampilkan promo weekday vs weekend, dan respon chat dalam hitungan menit. Katalog online bukan pengganti keramahan pelayanan, tapi pendukung yang membuat pelanggan baru percaya untuk order pertama.
Mulai sekarang
Buka KARSA, salin prompt di atas, ganti nama resto, daftar menu, dan nomor WhatsApp sesuai kondisi kamu, lalu lihat preview-nya. Paket gratis sudah termasuk 30 prompt AI per hari, cukup untuk eksplorasi awal tanpa keluar biaya. Untuk variasi lain, pelajari juga panduan website warung makan dan vibecoding untuk UMKM — pola yang sama bisa dipakai untuk landing catering, halaman reservasi, atau promo musiman seperti menu Ramadan.