--text: #374151; --text-light: #6b7280; --bg: #f7f8fc; --white: #fff; --border: rgba(0,0,0,0.07); --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 30px rgba(0,0,0,0.10); --radius-sm: 12px; --radius-md: 18px; --radius-lg: 28px; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; background: var(--bg); font-family: 'Inter', -apple-system, sans-serif; color: var(--dark); -webkit-font-smoothing: antialiased; } /* Nav */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 60px; padding: 0 24px; display: flex; align-items: center; background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); } .nav-inner { max-width: 1200px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; } .nav-logo { font-size: 1.5rem; font-weight: 900; color: var(--primary); text-decoration: none; letter-spacing: -1.5px; } .nav-btn { padding: 9px 22px; background: var(--primary); color: #fff; border-radius: var(--radius-sm); text-decoration: none; font-weight: 700; font-size: 0.875rem; transition: background 0.2s, transform 0.15s; } .nav-btn:hover { background: var(--primary-light); transform: translateY(-1px); } /* Hero */ .post-hero { margin-top: 60px; position: relative; height: 520px; overflow: hidden; background: var(--dark); display: flex; align-items: flex-end; } .post-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); } .post-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(10,12,20,0.1) 0%, rgba(10,12,20,0.5) 50%, rgba(10,12,20,0.88) 100%); } .post-hero-body { position: relative; z-index: 2; width: 100%; max-width: 860px; margin: 0 auto; padding: 0 32px 48px; } .post-hero-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .post-cat { background: var(--primary); color: #fff; font-size: 0.72rem; font-weight: 800; padding: 4px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.5px; } .post-meta-item { font-size: 0.8rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; gap: 5px; } .post-hero-body h1 { font-size: clamp(1.7rem, 4vw, 2.8rem); font-weight: 900; color: #fff; line-height: 1.15; letter-spacing: -1.5px; margin: 0 0 16px; text-shadow: 0 4px 20px rgba(0,0,0,0.4); } .post-hero-body .post-desc { font-size: 1.05rem; color: rgba(255,255,255,0.75); line-height: 1.65; margin: 0; max-width: 600px; } /* Progress bar */ .progress-bar { position: fixed; top: 60px; left: 0; height: 3px; background: var(--primary); z-index: 200; transition: width 0.1s linear; width: 0%; } /* Layout */ .post-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 24px 80px; flex: 1; display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; } /* Article */ .post-article { background: var(--white); border-radius: var(--radius-lg); padding: 48px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .post-article h2 { font-size: 1.5rem; font-weight: 800; color: var(--dark); margin: 40px 0 16px; letter-spacing: -0.5px; padding-left: 16px; border-left: 4px solid var(--primary); } .post-article h2:first-child { margin-top: 0; } .post-article h3 { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin: 28px 0 12px; } .post-article p { font-size: 1.05rem; line-height: 1.9; color: var(--text); margin-bottom: 20px; } .post-article ul, .post-article ol { padding-left: 24px; margin-bottom: 24px; } .post-article li { font-size: 1.02rem; line-height: 1.75; color: var(--text); margin-bottom: 10px; } .post-article strong { color: var(--dark); font-weight: 700; } .post-article a { color: var(--primary); text-decoration: underline; text-decoration-color: rgba(211,84,0,0.3); text-underline-offset: 3px; transition: text-decoration-color 0.15s; } .post-article a:hover { text-decoration-color: var(--primary); } .post-article blockquote { border-left: 4px solid var(--primary); margin: 28px 0; padding: 16px 24px; background: rgba(211,84,0,0.04); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-style: italic; color: var(--text); } /* Share */ .post-share { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .post-share-label { font-size: 0.85rem; font-weight: 700; color: var(--text-light); } .share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-sm); font-size: 0.82rem; font-weight: 700; text-decoration: none; transition: transform 0.15s, opacity 0.15s; } .share-btn:hover { transform: translateY(-2px); opacity: 0.9; } .share-tw { background: #000; color: #fff; } .share-wa { background: #25d366; color: #fff; } .share-li { background: #0077b5; color: #fff; } .share-cp { background: var(--bg); color: var(--dark); border: 1px solid var(--border); cursor: pointer; font-family: inherit; } /* Sidebar */ .post-sidebar { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 20px; } .side-card { background: var(--white); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .side-card-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-light); margin: 0 0 16px; } /* TOC */ .toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; } .toc-list li a { font-size: 0.87rem; color: var(--text); text-decoration: none; display: flex; align-items: flex-start; gap: 8px; padding: 6px 10px; border-radius: var(--radius-sm); transition: all 0.15s; line-height: 1.4; } .toc-list li a::before { content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--primary); flex-shrink: 0; margin-top: 7px; } .toc-list li a:hover, .toc-list li a.active { background: rgba(211,84,0,0.07); color: var(--primary); } /* Side CTA */ .side-cta { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; color: #fff; } .side-cta h3 { font-size: 1.05rem; font-weight: 900; margin: 0 0 8px; } .side-cta p { font-size: 0.83rem; opacity: 0.85; margin: 0 0 18px; line-height: 1.5; } .side-cta-btn { display: block; background: #fff; color: var(--primary); padding: 11px 20px; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 0.88rem; transition: transform 0.15s; } .side-cta-btn:hover { transform: translateY(-2px); } /* Related posts */ .related-posts { margin-top: 48px; } .related-posts h2 { font-size: 1.3rem; font-weight: 800; color: var(--dark); margin: 0 0 24px; letter-spacing: -0.5px; } .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .related-card { background: var(--white); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; } .related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .related-card img { width: 100%; height: 150px; object-fit: cover; } .related-card-body { padding: 16px; } .related-card-cat { font-size: 0.7rem; font-weight: 800; color: var(--primary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; } .related-card-body h3 { font-size: 0.92rem; font-weight: 800; color: var(--dark); line-height: 1.35; margin: 0 0 8px; } .related-card-body span { font-size: 0.78rem; color: var(--text-light); } /* Footer */ .footer { background: var(--white); border-top: 1px solid var(--border); padding: 28px 24px; text-align: center; } .footer p { font-size: 0.83rem; color: var(--text-light); margin: 0; } .footer a { color: var(--primary); text-decoration: none; } @media (max-width: 960px) { .post-wrap { grid-template-columns: 1fr; } .post-sidebar { position: static; } .related-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .post-hero { height: 380px; } .post-hero-body { padding: 0 20px 36px; } .post-article { padding: 28px 20px; } .post-wrap { padding: 28px 16px 60px; gap: 28px; } .related-grid { grid-template-columns: 1fr; } }

Rehber 📅 2026-04-01 ⏱️ 12 dk okuma ✍️ VOKO Editör

QR Menü Nedir? Nasıl Çalışır? Restoranlar İçin Kapsamlı Rehber

QR menü nedir, nasıl çalışır? Restoranlar için QR kod menü avantajları, kurulum adımları ve dikkat edilmesi gerekenler. 2026 güncel rehber.

Ana Sayfa › Blog › QR Menü Nedir? Nasıl Çalışır? Restoranlar İçin Kapsamlı Rehber

QR Menü Nedir?

QR menü, restoranların fiziksel menü yerine müşterilere QR kod okutarak dijital menülerini göstermesini sağlayan sistemdir. Müşteri masadaki QR kodu telefon kamerası ile okuttuğunda menü tarayıcıda açılır; uygulama indirmeden ürünleri inceler, seçenekleri görür ve siparişini verir.

QR Menü Nasıl Çalışır?

Menü oluşturma: İşletme ürünleri, fiyatları, açıklamaları ve görselleri panele ekler.
QR kod üretimi: Her masa için benzersiz QR kod üretilir ve masaya yerleştirilir.
Müşteri erişimi: Müşteri QR kodu okutur, menü açılır.
Sipariş ve bildirim: Sipariş verildiğinde talep anında mutfak ekranına ve garson paneline düşer.

Restoranlara Sağladığı 6 Kritik Avantaj

Sıfır baskı maliyeti: Fiyat değişince menü bastırma derdi biter.
Anlık güncelleme: Ürün bitti mi? Tek tıkla devre dışı bırakın.
Satış artışı: Fotoğraflı ürünler daha fazla sipariş alır.
Hız: Garson bekleme süresi azalır, masa devir hızı artar.
Çok dil desteği: Turistik bölgelerde misafir deneyimi iyileşir.
Veri: Hangi ürün daha çok tıklanıyor, hangi saatler yoğun görülebilir.

VOKO ile QR Menü Kurulum Adımları

Kayıt olun: Ücretsiz denemeyi başlatın.
Menüyü ekleyin: Kategori/ürünleri girin, fotoğraf yükleyin.
Masaları tanımlayın: QR kodlar otomatik oluşur.
Canlıya alın: Siparişler için mutfak ekranı (KDS) ve garson panelini açın.

Sık Sorulan Sorular

QR menü için uygulama gerekiyor mu? Hayır. Telefon kamerası ve tarayıcı yeterlidir.

QR menü yasal mı? Evet. Dijital menüler mevzuat kapsamında geçerli kabul edilir.

Satışı artırır mı? Doğru fotoğraflar ve doğru yerleşimle artış net şekilde görülür. Detay için QR menünün faydaları yazısını inceleyin.