Lewati ke konten

Contoh Website Cafe dan Restoran, dari Menu sampai Reservasi

10 menit bacaInWebsite

Jawaban singkat

Website cafe yang patut dicontoh memuat menu dan harga yang mudah dibaca dari ponsel, jam buka tiap hari, alamat, dan tombol WhatsApp berisi pesan pembuka. Restoran biasanya menambah reservasi meja. Lewat WhatsApp, itu cukup dengan website satu halaman, sedangkan jadwal meja yang tersimpan otomatis butuh database. Di bawah ini ada dua demo InWebsite dan kerangka untuk restoran serta warung.

Kedai Kopi Rasa dan KAWA Coffee sama-sama demo usaha kopi yang kami bangun, dan bentuk websitenya berbeda jauh. Kedai Kopi Rasa menjual kopi untuk diminum di tempat atau diambil sendiri, jadi seluruh isinya muat di satu halaman. KAWA menjual biji kopi per kantong 200 gram yang dikirim ke rumah pembeli, dan tiap kopinya punya halaman sendiri. Untuk restoran keluarga dan warung yang mengandalkan pesan antar, kami belum punya demo, sehingga yang kami tulis berupa kerangka per bagian. Nama usaha, alamat, harga, dan testimoni di kedua demo isian contoh.

Contoh website cafe satu halaman: menu papan kapur di Kedai Kopi Rasa ditulis sebagai teks

Bagian Menu Kami di demo website Kedai Kopi Rasa berjudul Pilihan Hari Ini: panel gelap bergaya papan kapur dengan empat kelompok, yaitu Kopi Susu & Signature, Kopi Klasik, Non-Kopi, dan Camilan, harga seperti 18K dan 20K di ujung garis titik, lalu tombol Order Sekarang.
Kedai Kopi Rasa, demo internal InWebsite

Demo Kedai Kopi Rasa kami bayangkan berada di jalan perumahan. Tamunya tetangga yang mampir membeli kopi untuk dibawa pulang, dan orang yang datang membawa laptop untuk bekerja berjam-jam. Urutan bagiannya dari atas:

  • Layar pertama dengan satu tombol Order via WhatsApp, lalu pita berisi Biji Kopi Lokal, Wifi & Colokan, dan jam buka.
  • Cerita kedai dan cara kopinya diseduh, masing-masing dengan satu foto.
  • Menu empat kelompok, dari kopi susu sampai camilan, berisi 13 item dengan harganya.
  • Empat foto suasana kedai, disusul testimoni yang di demo ini isinya karangan.
  • Bagian Mampir Yuk berisi alamat, jam buka pukul 08.00 sampai 21.00 di hari kerja dan sampai 22.00 di akhir pekan, serta pilihan titip antar lewat WhatsApp dalam radius sekitar 3 km selain lewat aplikasi pesan antar.
  • FAQ berisi enam pertanyaan, di antaranya cara bayar (tunai dan QRIS) dan permintaan kurang gula.

Tampilan menunya meniru papan kapur di belakang kasir: latar gelap, huruf tulisan tangan, dan garis titik yang menyambung tiap nama menu dengan harganya. Semua tulisan di papan itu teks yang diketik dengan font tulisan tangan. Google bisa membaca nama menunya, dan tulisannya ikut membesar saat pengunjung memperbesar layar. Kalau harga naik, cukup angkanya yang diganti di kode, tanpa memotret ulang papan.

Menurut kami, satu jawaban di FAQ-nya layak ditiru kedai kecil. Pertanyaan soal reservasi untuk rombongan dijawab terus terang: kedainya kecil sehingga tidak menerima reservasi, dan meja yang penuh biasanya cepat kosong lagi. Rombongan yang membacanya tidak perlu chat dulu hanya untuk ditolak.

Semua tombol WhatsApp di halaman itu membuka chat yang diawali "Halo Kedai Kopi Rasa, saya mau pesan untuk diambil sendiri:", jadi pelanggan tinggal menulis menu dan jam ambilnya.

Hal lain yang menentukan orang jadi datang ke cafe, seperti foto ruangan, letak colokan, dan jam last order, kami rinci di halaman jasa pembuatan website cafe.

Lihat demo Kedai Kopi Rasa

Roastery yang menjual biji butuh halaman per kopi, seperti di demo KAWA Coffee

Halaman produk Gayo Natural di demo website KAWA Coffee: foto kantong kopi kraft berlabel KAWA, asal Aceh, Indonesia, catatan rasa rempah, cokelat gelap, earthy, kolom proses, sangrai, dan berat, harga Rp 98.000 per 200 g, serta tombol Pesan Kopi dan Tanya dulu.
KAWA Coffee, demo internal InWebsite

KAWA Coffee kami bangun sebagai website roastery yang menjual kopi single origin per kantong 200 gram. Ada tiga produk di halaman Kopi, disusul tabel yang menjajarkan asal, proses, tingkat sangrai, catatan rasa, dan harga ketiganya. Di bawahnya ada empat langkah cara pesan, dan langkah pertama menyuruh pembeli yang ragu membandingkan lewat tabel itu. Langkah terakhir menjanjikan kantong dikirim paling lambat 48 jam setelah tanggal sangrai yang tercetak di label.

Tiap kopi punya halaman dengan alamat sendiri, misalnya /kopi/gayo-natural, berisi proses, tingkat sangrai, berat, harga, dan dua tombol. Pesan Kopi membuka panel pesan dengan Gayo Natural sudah terisi satu kantong. Tanya dulu membuka WhatsApp dengan pesan "Halo KAWA, saya mau tanya soal Gayo Natural (200 g).", sehingga Anda langsung tahu kopi mana yang ditanyakan. Halaman itu juga punya judul dan deskripsi sendiri untuk hasil pencarian, ditambah data terstruktur Product yang memuat harga dalam rupiah dan status stok. Cara panel pesannya merangkai pesanan jadi satu pesan WhatsApp sudah kami bedah di contoh website toko online.

Bagian Mampir di halaman Tentang KAWA hanya menulis Jakarta Selatan, Indonesia, tanpa alamat jalan dan jam buka. Untuk penjualan biji lewat kiriman, menurut kami itu sudah cukup. Kalau roastery Anda juga punya bar seduh yang menerima tamu, bagian itu perlu alamat lengkap dan jam buka per hari seperti di Kedai Kopi Rasa.

Lihat demo KAWA Coffee

Contoh website restoran keluarga: reservasi meja lewat WhatsApp cukup selama jadwalnya Anda pegang sendiri

Kami belum punya demo restoran. Contoh website restoran sederhana untuk rumah makan kecil bisa memakai susunan Kedai Kopi Rasa di atas. Restoran keluarga yang menerima reservasi meja butuh beberapa bagian tambahan, dan kerangka yang kami sarankan begini:

  • Menu lengkap per kelompok. Untuk hidangan yang dimakan bersama, seperti ikan bakar utuh atau nasi liwet, tulis porsinya cukup untuk berapa orang.
  • Kapasitas dan pilihan tempat: meja untuk rombongan besar, ruang privat kalau ada, area merokok, dan ketersediaan kursi bayi.
  • Aturan reservasi: berapa menit meja ditahan setelah jam yang dijanjikan, uang muka untuk rombongan besar, dan minimum pesanan untuk ruang privat. Angkanya sengaja kami biarkan kosong, karena hanya Anda yang tahu.
  • Paket acara seperti arisan atau buka puasa bersama, dengan harga per orang dan jumlah peserta minimal.
  • Tombol reservasi yang membuka WhatsApp dengan isian yang sudah tersusun.

Pesan pembukanya bisa berbentuk "Halo [nama restoran], saya mau reservasi meja untuk ... orang, hari ... tanggal ..., jam ..., atas nama ...". Supaya lebih rapi, pasang formulir kecil berisi tanggal, jam, jumlah orang, dan pilihan ruang, yang merangkai isian itu jadi pesan WhatsApp. Demo rental mobil kami, Lajur Rental, memakai penyusun pesan seperti ini untuk unit dan tanggal sewa, dan bentuk itu cukup dengan paket Starter, sebab perhitungannya terjadi di browser pengunjung dan tidak ada data yang disimpan. Format tautan wa.me berisi pesan pembuka kami jelaskan di artikel contoh landing page.

Formulir seperti itu tidak tahu meja mana yang sudah dipesan orang lain. Anda atau kasir tetap mengecek buku reservasi, lalu membalas chatnya. Reservasi yang menyimpan jadwal dan menolak jam yang sudah penuh butuh database dan panel admin untuk staf, dan di tempat kami itu fitur Sistem booking/reservasi di Tingkat Dasar paket Enterprise. Pengingat otomatis ke tamu lewat WhatsApp atau email terhitung fitur lain di tingkat yang sama. Menurut kami, sistem seperti itu baru sepadan ketika chat reservasi di jam ramai sudah lebih banyak dari yang sanggup dibalas satu orang.

Website warung pesan antar paling berguna untuk pesanan nasi kotak dan antar sendiri

Kalau sebagian besar pesanan warung Anda masuk lewat aplikasi pesan antar, biarkan aplikasi itu tetap menangani pesanan harian. Menurut kami, website warung seperti ini paling berguna untuk pesanan yang tidak lewat aplikasi:

  • Menu dengan harga makan di tempat. Kalau harga di aplikasi berbeda, tulis satu kalimat keterangan supaya pembeli yang membandingkan tidak merasa dikelabui.
  • Tautan ke halaman warung Anda di aplikasi pesan antar yang memang Anda pantau.
  • Antar sendiri lewat WhatsApp, kalau ada: radius, ongkos kirim, dan minimal pesanan.
  • Pesanan nasi kotak untuk kantor atau acara: jumlah porsi minimal, berapa hari sebelumnya harus dipesan, dan isi tiap paket.
  • Jam terima pesanan, kalau dapur berhenti lebih awal dari jam tutup.

Pesanan nasi kotak biasanya baru jadi setelah jumlah, tanggal, dan isi kotaknya disepakati di chat. Beri bagian itu tombol WhatsApp sendiri, dengan pesan pembuka yang menyebut jumlah porsi dan tanggal acara, supaya tidak tercampur dengan chat pesanan harian.

Profil Bisnis Google menyediakan satu link menu dan sampai 10 link reservasi, arahkan ke website

Menurut panduan link bisnis lokal Google, Profil Bisnis bisa memuat satu link untuk memeriksa menu, dan sampai 10 link per kategori untuk membuat reservasi, memesan makanan, membuat janji temu, atau memesan belanjaan. Link itu tampil di profil Anda di Google Maps dan Penelusuran. Di Maps, link ditambahkan lewat Edit profil lalu jenis transaksinya, sedangkan di Penelusuran lewat menu Pemesanan atau Pemesanan makanan, lalu Tambahkan link.

Arahkan link menu ke bagian menu di website Anda, dan link reservasi ke bagian aturan reservasi beserta tombolnya, supaya tamu membaca aturannya sebelum chat. Kalau link pemesanan makanannya lebih dari satu, misalnya website dan halaman warung di aplikasi pesan antar, satu di antaranya bisa ditetapkan sebagai link pilihan berlabel Direkomendasikan bisnis. Panduan yang sama menyebut link dari penyedia pihak ketiga bisa muncul sendiri di profil, dan penyedia harus menghapusnya dalam 5 hari setelah menerima permintaan Anda.

Di paket Starter, kami sertakan panduan mendaftarkan dan memverifikasi Profil Bisnis Google, jadi link menu dan reservasinya bisa langsung diisi alamat website baru Anda.

Label halal di website mengikuti sertifikat, yang wajib untuk usaha mikro dan kecil mulai 18 Oktober 2026

BPJPH menegaskan bahwa mulai 18 Oktober 2026 seluruh produk makanan dan minuman pelaku usaha mikro dan kecil wajib sudah bersertifikat halal. Dasarnya Undang-Undang Nomor 33 Tahun 2014 tentang Jaminan Produk Halal dan Pasal 160 ayat (2) Peraturan Pemerintah Nomor 42 Tahun 2024, yang menutup masa penahapan untuk usaha mikro dan kecil pada 17 Oktober 2026. Untuk usaha menengah dan besar, kewajibannya sudah berlaku sejak Oktober 2024. Pada 2 September 2026, BPJPH juga mengingatkan jaringan restoran supaya sistem jaminan produk halalnya berjalan konsisten di semua outlet, karena kondisi tiap outlet bisa berbeda.

Dalam acara pada 6 Oktober 2025 yang dimuat di tautan pertama, Kepala BPJPH mengajak pelaku usaha memublikasikan label halal produk yang sudah bersertifikat lewat media sosial, website resmi, videotron, dan iklan, merujuk Surat Edaran BPJPH Nomor 7 Tahun 2025 tentang pencantuman label Halal Indonesia. Untuk menu yang memakai bahan yang diharamkan, Pasal 26 Undang-Undang Nomor 33 Tahun 2014 mengecualikan pelaku usahanya dari permohonan sertifikat halal dan mewajibkan keterangan tidak halal pada produknya, yang menurut penjelasan pasal itu bisa berupa gambar, tanda, atau tulisan.

Menurut kami, status halal di website sebaiknya ditulis persis seperti dokumennya: label halal untuk menu dan cabang yang tercakup sertifikat, dan keterangan tidak halal pada menu yang memakai bahan itu. Letakkan keduanya di bagian menu, tempat tamu mencarinya sebelum berangkat.

Cara membuat website restoran dimulai dari daftar menu yang sedang dipakai kasir

Langkahnya sama, entah websitenya Anda buat sendiri atau Anda pesan ke vendor:

  • Salin menu yang berlaku hari ini beserta harganya dari daftar di kasir. Harga di unggahan media sosial lama belum tentu masih berlaku.
  • Pilih satu tindakan utama sesuai cara uang Anda masuk: pesan ambil, reservasi meja, atau pesanan nasi kotak. Tulis pesan pembuka WhatsApp untuk tindakan itu, lalu pakai di semua tombolnya.
  • Tulis jam buka per hari. Kalau layar pertama memuat ringkasan jam, cocokkan dengan tabel jam di bawahnya, terutama kalau jam tutup hari kerja dan akhir pekan berbeda.
  • Siapkan foto sendiri: ruangan, menu andalan, dan tampak depan, supaya tamu mengenali tempatnya dari pinggir jalan.
  • Tulis status halal sesuai sertifikat, lalu setelah website tayang, isi link menu dan link reservasi di Profil Bisnis Google dengan alamat bagiannya.
  • Minta satu orang yang belum pernah ke tempat Anda mencari jam tutup hari Sabtu dan harga satu menu dari HP-nya. Kalau dia harus bertanya ke Anda, jawabannya belum ada di halaman.

Kedai Kopi Rasa seukuran paket Starter, KAWA dibangun di basis Business

Kedai Kopi Rasa berukuran paket Starter: satu halaman tanpa database, Rp 1.500.000. Waktu pengerjaannya sekitar 3 hari, mulai dari saat brief dan seluruh materi Anda lengkap. Domain .com, SSL, dan hosting tahun pertama ikut di dalamnya, bersama SEO dasar, form kontak yang meneruskan pesan ke email, dan support teknis satu bulan setelah website tayang. Kerangka restoran dengan reservasi lewat WhatsApp dan warung dengan pesan antar di atas juga muat di ukuran ini. Chatbot AI yang menjawab pertanyaan soal menu dan jam buka dari isi website bisa ditambahkan ke Starter seharga Rp 500.000.

KAWA memakai paket Business sebagai dasarnya karena katalognya punya halaman per produk dan jurnal. Harganya Rp 5.000.000, dengan lama pengerjaan 1 sampai 2 minggu. Di paket itu foto Anda disimpan di CDN Cloudflare dan chatbot AI ikut terpasang untuk tahun pertama. Tiga artikel pertama di blognya kami yang menulis. Restoran dengan beberapa cabang, yang tiap cabangnya punya jam dan nomor WhatsApp sendiri, biasanya lebih pas di paket ini.

Reservasi yang tersimpan di sistem masuk Enterprise, mulai Rp 15.000.000. Harga dasarnya sudah memuat database dan API, deploy, kode sumber yang diserahkan ke Anda, serta dua fitur dari daftar Tingkat Dasar, misalnya sistem booking dan notifikasi WhatsApp otomatis. Fitur Tingkat Dasar berikutnya Rp 2 sampai 4 juta per item. Hosting dan database-nya didaftarkan atas akun Anda, jadi penyedianya menagih Anda secara langsung. Ketiga paket bisa Anda bandingkan baris per baris di halaman harga. Ke kami, Anda membayar 50% sebagai uang muka dan melunasinya begitu websitenya Anda setujui.

Langkah berikutnya

Bandingkan isi tiap paket berdampingan, atau lihat hasil jadi yang bentuknya paling dekat dengan usaha Anda.