Jak umieścić menu na stronie internetowej restauracji
Zanim ktoś wybierze się do twojej pizzerii, bistro czy pierogarni, zwykle sprawdza w telefonie, co i za ile można tam zjeść. Dlatego menu na stronie internetowej lokalu powinno być łatwe do znalezienia i zawsze aktualne. Najprościej będzie, jeśli w ogóle nie przepiszesz karty na stronę: menu prowadzisz w MenuFormie, a na stronie stawiasz przycisk, który je otwiera. Zmieniasz cenę raz i strona prowadzi już do nowej wersji.
Poniżej wyjaśniamy, który link z MenuFormy wkleić na stronę, a którego nie, jak dodać przycisk w kreatorze, co zrobić ze starym PDF-em, kiedy sięgnąć po ramkę iframe i co z tego widzą wyszukiwarki. Wszystko działa w planie Na zawsze za darmo, chyba że wyraźnie wskazujemy plan Regularny.
Link zamiast drugiej kopii karty
Karta przepisana na podstronę, wrzucona jako zdjęcie albo jako PDF to druga kopia menu. Przy każdej podwyżce, nowym daniu dnia czy sezonowej zupie trzeba ją poprawić osobno, a w praktyce właśnie ta kopia zostaje w tyle. Gość widzi w internecie schabowego za 32 zł, a na miejscu płaci 36 zł. Kiepski początek wizyty.
W MenuFormie menu ma jeden publiczny adres, na przykład menuforma.com/m/pierogarnia-u-zosi. Otwierają go kody QR na stolikach i tak samo może go otwierać twoja strona. Dania, ceny i zdjęcia zmieniasz w sekcji Menedżer Menu, a zmianę widać wszędzie tam, dokąd prowadzi ten adres. Nikt nie musi logować się do panelu strony ani prosić informatyka o poprawki.
Który link wkleić na stronę
W panelu MenuForma otwórz sekcję Kody QR i przejdź do zakładki Tylko wyświetlanie. Pod kodem znajdziesz link podpisany Tylko do wyświetlania, a obok niego ikonę kopiowania (podpowiedź Kopiuj link tylko do wyświetlania). Link wygląda tak: menuforma.com/m/pierogarnia-u-zosi?mode=display.
Tryb tylko do wyświetlania oznacza, że odwiedzający widzi całe menu z opisami, cenami, zdjęciami i ikonami alergenów, ale nie może niczego wybrać ani zamówić. Nie powstają żadne zamówienia. MenuForma przewiduje ten tryb dla kodów na witrynie lokalu, mediów społecznościowych, wizytówek w Mapach Google i serwisów z opiniami, więc to właściwy link także na stronę internetową.
Linków do zamawiania z zakładek Dla stolika i Zunifikowany nie umieszczaj na stronie. Służą gościom siedzącym w lokalu: zamówienie z takiego linku trafia prosto do listy zamówień i na ekran kuchenny jako zamówienie na sali, z numerem stolika lub zamówienia. Ktoś przeglądający stronę w domu mógłby więc wysłać do kuchni zamówienie na pusty stolik.
Jeśli chcesz przyjmować zamówienia od osób spoza lokalu, w planie Regularny masz zakładkę Dostawa. Jej link ma postać menuforma.com/delivery/pierogarnia-u-zosi. Gość wybiera dowóz albo odbiór osobisty, przy dowozie podaje adres i płaci online lub gotówką, zależnie od metod, które włączysz w sekcji Zarządzanie dostawami (tam ustawiasz też strefy i opłaty za dowóz). Zamówienia trafiają do kuchni. Płatności online obsługuje Stripe: MenuForma nie pobiera prowizji od płatności Stripe, ale opłaty Stripe za obsługę płatności nadal obowiązują.
W skrócie:
- przycisk „Menu” albo „Karta dań”: link tylko do wyświetlania, w planach Na zawsze za darmo i Regularny;
- przycisk „Zamów z dowozem” albo „Zamów na wynos”: link z zakładki Dostawa, w planie Regularny;
- kody na stolikach i przy barze: zostają w lokalu, nie na stronie.
Przycisk w WordPressie, Wixie i innych kreatorach
Każdy popularny kreator stron, czy to WordPress, Wix, Squarespace, Webflow czy Shopify, ma element przycisku albo linku z polem na adres internetowy. Wklejasz tam link tylko do wyświetlania i nadajesz przyciskowi krótki, jasny podpis: „Menu”, „Karta dań” albo „Zobacz menu”. Nie trzeba instalować żadnych dodatków ani dopisywać kodu. Otwieranie linku w nowej karcie przeglądarki to kwestia wyboru, oba warianty działają.
Jeśli stroną zajmuje się agencja albo znajomy, wystarczy wysłać mu link mailem. To jedna zmiana w jednym polu.
Gdzie przycisk ma największy sens:
- w nawigacji strony jako pozycja „Menu”, żeby był dostępny z każdej podstrony;
- na pierwszym ekranie strony głównej, obok adresu i numeru telefonu, tak żeby na telefonie był widoczny bez przewijania;
- na podstronie z godzinami otwarcia i kontaktem, bo tam goście decydują, czy przyjść;
- w stopce, jako stały punkt na dole każdej podstrony.
Pożegnaj kartę w PDF
Wiele stron restauracji wciąż odsyła do pliku PDF. Na telefonie to drobny tekst do rozciągania palcami, a każda zmiana ceny oznacza ponowny eksport i wgranie nowego pliku. Wystarczy raz o tym zapomnieć, a strona pokazuje ceny z poprzedniego sezonu.
Stary plik przyda się jednak jako materiał wyjściowy. W sekcji Menedżer Menu funkcja Import AI odczytuje zdjęcia oraz pliki PDF, Excel i Word i zamienia je na kategorie, dania i ceny, które potem sprawdzasz. Nowe konto dostaje 30 kredytów powitalnych ważnych przez 30 dni, a jeden import zużywa 5 kredytów. Ręczne wpisywanie menu nie kosztuje żadnych kredytów. Gdy menu jest gotowe, zamień na stronie link do PDF na link tylko do wyświetlania.
Osadzanie menu w ramce iframe
Część właścicieli woli, żeby karta była widoczna bezpośrednio na ich stronie. MenuForma na to pozwala: publiczne strony menu mogą wczytywać się w ramce (iframe) na innej witrynie. Jeśli gość płaci online z osadzonego menu w planie Regularny, strona płatności Stripe otwiera się w pełnym oknie przeglądarki, bo Stripe nie działa wewnątrz ramki.
MenuForma nie udostępnia gotowego kodu do osadzenia. Używasz elementu, który kreator nazywa zwykle „Osadź”, „Embed”, „HTML” albo „iframe”, i podajesz w nim link tylko do wyświetlania.
Weź jednak pod uwagę minusy, które wynikają z samej techniki, a nie z MenuFormy. Ramka ma stałą wysokość, więc na telefonie gość przewija małe okienko wewnątrz strony. Układ menu jest zaprojektowany pod ekran telefonu, dlatego w szerokiej kolumnie na komputerze wygląda wąsko. Wyszukiwarki traktują dania w ramce jako treść strony MenuForma, a nie strony, która ją otacza. Niektóre kreatory utrudniają też ustawienie rozmiaru takiego elementu.
W większości lokali lepiej sprawdza się zwykły przycisk. Jeśli jednak osadzasz menu, użyj linku tylko do wyświetlania, daj ramce sporo wysokości i dodaj obok zwykły link „Otwórz menu”.
Co widzą wyszukiwarki i podglądy linków
Menu w MenuFormie to zwykła strona generowana na serwerze, więc dania, opisy i ceny są w jej kodzie HTML, a nie zamknięte w obrazku. Wyszukiwarki mogą ją indeksować, a jej adresem kanonicznym jest właśnie link tylko do wyświetlania. Strona zawiera też dane strukturalne w formacie schema.org: restaurację z nazwą, telefonem, adresem i rodzajem kuchni (jeśli je uzupełnisz) oraz menu z sekcjami, daniami, cenami i informacją, czy danie jest wyprzedane.
Warto domknąć to połączenie z drugiej strony. W sekcji Menedżer Menu otwórz zakładkę Informacje i w części Informacje ogólne uzupełnij pole Strona internetowa; to samo pole znajdziesz w sekcji Ustawienia. Menu pokaże wtedy gościom klikalny link do twojej strony, a dane strukturalne wskażą ją jako stronę restauracji. Strona i menu odsyłają więc do siebie nawzajem. W tej samej części wpiszesz też telefon, adres i link do mapy.
Uczciwie trzeba dodać jedno: link do menu nie zastąpi własnej treści. Napisz u siebie kilka zdań o kuchni, wymień dwa albo trzy popisowe dania, podaj godziny otwarcia i adres. Dania na stronie MenuForma liczą się dla tamtej strony, nie dla twojej, a sam link nie gwarantuje wyższej pozycji w wynikach wyszukiwania.
Gdy ktoś wyśle link do menu na WhatsAppie, Messengerze czy Facebooku, podgląd pokaże nazwę lokalu, krótki opis i obrazek: zdjęcie w tle, a jeśli go nie ma, logo albo zdjęcie dania. W planie Regularny możesz w sekcji Menedżer Menu ustawić własny tytuł, podtytuł i obrazek podglądu w części z angielskim nagłówkiem Share Preview.
Bez zmian w DNS i bez subdomeny
Menu nie potrzebuje adresu w rodzaju menu.twojarestauracja.pl. Zostaje pod swoim adresem w MenuFormie, więc w ustawieniach domeny, hostingu i certyfikatów niczego nie zmieniasz i nie zakładasz subdomeny.
Ważna jest za to końcówka adresu. Ustalasz ją w sekcji Ustawienia, w polu Adres URL menu, czyli publicznym adresie twojego menu. Wybierz ją, zanim wkleisz link na stronę i wydrukujesz kody QR, bo późniejsza zmiana oznacza poprawianie i linków, i kodów. Edycja dań, cen czy zdjęć tego adresu nie zmienia.
Jeden link na stronę, do wizytówki i do wiadomości
Ten sam link tylko do wyświetlania pasuje do Profilu Firmy w Google, do bio na Instagramie, na fanpage, do newslettera i do odpowiedzi na Messengerze, gdy ktoś pyta o kartę. W zakładce Tylko wyświetlanie są też przyciski do udostępnienia go na X i WhatsAppie. Kody QR w lokalu zachowują własne linki.
Wszędzie otwiera się to samo menu, więc aktualizacja to jedna czynność w sekcji Menedżer Menu. Gdy skończy się jakieś danie, użyj opcji Oznacz jako wyprzedane: pozycja zostaje widoczna z oznaczeniem wyprzedania i nie da się jej zamówić. W planie Regularny funkcja Menu według harmonogramu pokazuje różne dania o różnych porach dnia, na przykład śniadania, lunch i kolację, według automatycznego harmonogramu, wciąż pod tym samym linkiem.
Jeśli strona ma kilka wersji językowych, w planie Regularny menu też może mieć kilka języków z automatycznym tłumaczeniem. Każdą wersję strony połącz z odpowiednim językiem menu, dopisując kod języka na końcu linku tylko do wyświetlania, na przykład &lang=en dla angielskiego, &lang=de dla niemieckiego albo &lang=uk dla ukraińskiego. Goście i tak mogą przełączyć język w samym menu. W planie Na zawsze za darmo menu ma jeden język.
Sprawdź przycisk, zanim się nim pochwalisz
- Kliknij przycisk na telefonie i na komputerze. Powinno otworzyć się menu tylko do wyświetlania: bez przycisków dodawania i bez koszyka.
- Przejrzyj ceny, zdjęcia i język menu. Jeśli link zawiera
&lang=, otwórz każdą wersję językową. - Poszukaj w menu linku prowadzącego z powrotem na twoją stronę.
- Wyślij link samemu sobie na czacie i zobacz, jak wygląda podgląd.
- Poproś kogoś, kto nie zna twojej strony, żeby znalazł na niej menu, zaczynając od strony głównej.
Menu na stronie internetowej w obu planach
Do samej karty na stronie wystarczy plan darmowy. Regularny dokłada zamówienia z dowozem i odbiorem, więcej języków i większy wpływ na wygląd menu.
| Na zawsze za darmo | Regularny | |
|---|---|---|
| Cena | 0 zł miesięcznie, bez daty końcowej | Opcjonalny plan płatny |
| Link tylko do wyświetlania na stronę | Tak | Tak |
| Osadzenie w ramce (iframe) | Możliwe | Możliwe |
| Dane strukturalne menu (schema.org) | Tak | Tak |
| Link z menu do twojej strony | Tak | Tak |
| Języki menu | 1 | Kilka, z automatycznym tłumaczeniem |
| Zamówienia z dowozem i na wynos ze strony | Brak | Tak |
| Płatność online przez Stripe | Brak | Tak |
| Własny tytuł, podtytuł i obrazek podglądu | Brak | Tak |
| Menu zmieniane według harmonogramu | Brak | Tak |
| Dopisek MenuForma w menu | Widoczny | Można usunąć |
| Opłata MenuForma od zamówienia | Brak | Brak |
Pytania o kartę na stronie lokalu
Czy mogę osadzić menu z MenuFormy bezpośrednio na swojej stronie?
Tak. Strony menu można wczytać w ramce iframe przez element „Osadź” albo „HTML” w kreatorze strony. Na telefonach zwykle lepiej działa przycisk z linkiem tylko do wyświetlania, więc przy ramce dodaj też zwykły link.
Czy po zmianie cen strona pokaże nowe ceny?
Tak. Strona prowadzi do samego menu, więc każda zmiana w sekcji Menedżer Menu jest tam widoczna. Link pozostaje ten sam, gdy edytujesz dania, ceny czy zdjęcia.
Czy goście mogą zamawiać przez moją stronę?
W planie Na zawsze za darmo link na stronie służy do czytania menu, a zamówienia składa się w lokalu przez kody na stolikach i przy barze. W planie Regularny link z zakładki Dostawa pozwala zamówić z dowozem lub odbiorem i zapłacić online przez Stripe albo gotówką. MenuForma nie pobiera prowizji od płatności Stripe, ale opłaty Stripe za obsługę płatności nadal obowiązują.
Czy menu na stronie internetowej poprawi moją pozycję w Google?
Nikt nie może tego obiecać. Strona menu jest czytelna dla wyszukiwarek i zawiera dane strukturalne, a pole Strona internetowa łączy ją z twoją witryną. Twoje podstrony nadal potrzebują własnego tekstu o lokalu.
Czy to naprawdę nic nie kosztuje?
Tak. Plan Na zawsze za darmo kosztuje 0 zł miesięcznie, nie ma daty końcowej i nie wymaga podawania karty. Obejmuje link tylko do wyświetlania, wszystkie darmowe typy kodów QR i zamawianie w lokalu.
Żeby mieć menu na stronie internetowej, potrzebujesz jednego linku i jednego przycisku, a dalej strona sama pokazuje aktualną kartę. Załóż darmowe konto w MenuFormie, przygotuj menu przez Import AI albo ręcznie, skopiuj link tylko do wyświetlania i wklej go na stronę.
Jeśli nie masz jeszcze kodów na stoliki, zajrzyj do poradnika krok po kroku o darmowym menu QR. Więcej o tym, co daje plan darmowy, przeczytasz na stronie darmowe menu QR, a o karcie w kilku językach w artykule o tłumaczeniu menu.
Powiązane artykuły
- Jak zeskanować kod QR z menu w restauracji: iPhone i Android
- Jak zrobić menu QR za darmo: poradnik dla restauracji i kawiarni
- Loyverse POS w Polsce: menu QR i zamówienia online z MenuForma