Jak osadzić menu online na stronie internetowej restauracji

TL;DR

• Osadzanie oznacza wklejenie fragmentu wygenerowanego kodu na jedną stronę lub szablon. Zwykle nie jest potrzebny żaden niestandardowy rozwój.
• Główną korzyścią jest separacja: personel edytuje dania i ceny w narzędziu menu, a strona internetowa aktualizuje się bez dewelopera lub nowego PDF-a.
• Umieść menu w głównym menu nawigacyjnym i przycisku na stronie głównej, a nie ukryte w linku w stopce. Zachowaj bezpośredni link i kod QR jako alternatywę.
• Testuj najpierw na urządzeniach mobilnych. To tam większość gości je otworzy.
• Jeśli wolisz nie łączyć narzędzi, RESTOBOT zawiera osadzone menu w swoim kreatorze stron internetowych, bez prowizji od zamówień.

Spis treści

• Co oznacza "osadzenie" menu
• Przygotuj treść zanim dotkniesz jakiegokolwiek kodu
• Krok po kroku: osadzanie widżetu menu
• Gdzie umieścić menu, aby goście je rzeczywiście zobaczyli
• Tylko menu, czy menu plus zamawianie?
• Nasza perspektywa
• Gdzie pasuje RESTOBOT
• Typowe błędy przy osadzaniu menu
• Szybka lista kontrolna przed uruchomieniem
• FAQ
• Źródła

Co oznacza "osadzenie" menu

Istnieją trzy powszechne sposoby umieszczania menu online, które działają bardzo różnie.

Menu w formacie PDF lub ePaper może być linkowane lub osadzone, ale nie daje Ci możliwości zamawiania na żywo, rezerwacji ani kontroli dostępności. To ma znaczenie w momencie, gdy danie się wyprzeda lub dostawca zmienia Twoje koszty.

Osadzone menu tego unika. Podejście z widżetem działa, ponieważ separuje utrzymanie treści od utrzymania strony internetowej: personel zmienia dania, zdjęcia lub ceny w usłudze menu, a miejsce osadzenia na stronie pozostaje takie samo.

Przygotuj treść zanim dotkniesz jakiegokolwiek kodu

Większość projektów osadzania utknęła, ponieważ menu nie jest gotowe, a nie dlatego, że kod jest trudny. Zbierz te rzeczy najpierw:

1. Kategorie w kolejności, w jakiej myślą goście. Przystawki, dania główne, dodatki, desery, napoje. Utrzymaj listę krótką. Siedem lub osiem kategorii lepiej się skanuje niż piętnaście.
2. Nazwy potraw i krótkie opisy. Jedna linia o głównych składnikach i sposobie przygotowania. Unikaj poezji.
3. Ceny, ostateczne i spójne. Używaj tego samego formatu w całym menu, na przykład £12.50 na każdej linii, a nie mieszanki £12.5 i 12.50.
4. Zdjęcia potraw, które się sprzedają. Nie musisz mieć sfotografowanych wszystkich pozycji. Zacznij od swoich najlepiej sprzedających się dań i dań sygnowanych. Nasz przewodnik po fotografowaniu menu restauracji w jeden dzień pokazuje, jak to zrobić bez studia.
5. Informacje o diecie i alergenach. Wyraźnie oznaczaj dania wegetariańskie, wegańskie i bezglutenowe. W Wielkiej Brytanii Agencja Standardów Żywności mówi, że restauracja lub kawiarnia musi podać informacje o alergenach, albo w menu, albo poprzez wskazówkę wyjaśniającą, jak je uzyskać. Sprawdź stronę FSA, aby dowiedzieć się, co dotyczy Twojego lokalu.

Jeśli chcesz dowiedzieć się więcej o tym, co pokazać i gdzie, nasz artykuł o optymalizacji menu online dla właścicieli omawia układ i prezentację cen.

Projekt kategorii i zdjęcia potraw

Dwa szczegóły zmieniają sposób, w jaki menu wygląda na małym ekranie.

Kategorie. Użyj jasnych, rozwijalnych lub zakładkowych sekcji, aby gość mógł przejść do deserów bez przewijania przez trzydzieści dań głównych. Nazwij je prosto. "Niedzielne pieczenie" lepsze niż sprytna nazwa marki, której nikt nie rozpoznaje.

Zdjęcia. Użyj jednego spójnego formatu, zazwyczaj kwadratowego lub 4:3, aby siatka wyglądała schludnie. Utrzymuj pliki skompresowane, aby strona ładowała się szybko w sieci komórkowej. Menu z dziesięcioma dobrymi zdjęciami lepsze niż jedno z czterdziestoma nierównymi.

Krok po kroku: osadzanie widżetu menu

Udokumentowany proces roboczy jest taki sam w większości narzędzi: dostosuj widżet, skopiuj wygenerowany kod i wstaw go. W praktyce:

1. Utwórz menu. Dodaj kategorie, potrawy, ceny, zdjęcia i etykiety dietetyczne w swoim narzędziu menu.
2. Dostosuj wygląd. Wybierz układ, liczbę kolumn i kolory, aby pasowały do Twojej strony. Kontrole kolumn i szerokości pomagają dostosować widżet do krótszych lub dłuższych menu.
3. Skopiuj wygenerowany kod. Zwykle jest to krótki tag skryptu lub iframe.
4. Otwórz odpowiednią stronę na swojej stronie internetowej. Utwórz stronę "Menu", jeśli jej nie masz.
5. Wklej kod do bloku HTML lub osadzania. Nie wklejaj go do bloku tekstowego, który pokaże kod jako tekst.
6. Opublikuj i przetestuj na telefonie. Następnie przetestuj na komputerze stacjonarnym i tablecie.

Narzędzia widżetów wymieniają kompatybilność z WordPress, Wix, Squarespace, Webflow, Shopify, Joomla i czystym HTML, więc ścieżka jest podobna, niezależnie od używanego kreatora. Jeśli Twoja strona została zbudowana przez agencję, zapytaj ich o lokalizację bloku osadzania lub szablonu. Studio projektowania stron internetowych, takie jak Hook Digital w Oksfordzie, może doradzić w kwestiach technicznych dotyczących popularnych platform internetowych, jeśli potrzebujesz pomocy w praktyce.

Punkt awarii, o którym nikt nie wspomina

Kod sam w sobie rzadko zawodzi. Co idzie nie tak, to umiejscowienie: wklejony w niewłaściwy szablon, ukryty za zakładką, która go nie ładuje, lub wciśnięty w wąską kolumnę, przez co menu wygląda na zatłoczone. Przetestuj wynik na urządzeniach mobilnych, gdzie większość odwiedzających restaurację prawdopodobnie je otworzy. Przewiń całe menu, otwórz danie, przełącz kategorie i dotknij każdego przycisku kciukiem.

Jeśli układ wygląda na zatłoczony na telefonie, problem często leży w stronie, a nie w widżecie. Rozważania dotyczące wyświetlania na różnych urządzeniach są pytaniem projektowym tak samo jak technicznym, co ilustruje praca agencji, taka jak to budowanie strony internetowej restauracji.

Gdzie umieścić menu, aby goście rzeczywiście je zobaczyli

Osadzone menu, którego nikt nie znajduje, to zmarnowane menu. Dostawca menu cyfrowego zaleca bezpośrednie osadzanie, ponieważ zwykły tekst lub link przycisku mogą być mniej zauważalne. Zastosuj tę lekcję:

• Główna nawigacja. "Menu" powinno być jednym z pierwszych elementów, a nie pod "Więcej".
• Przycisk na stronie głównej. Jeden wyraźny przycisk wezwania do działania powyżej zgięcia na urządzeniach mobilnych.
• Dedykowany URL. Daj menu własną stronę, na przykład yoursite.co.uk/menu, aby można je było udostępniać i indeksować.
• Alternatywa. Zachowaj bezpośredni link i kod QR do tabeli. Nasz przewodnik po kodach QR menu online przeprowadza przez konfigurację.
• Google. Jeśli twoje menu nie pojawia się w twoim profilu Google, zobacz, jak naprawić blokady kanałów partnerskich i opublikować swoje menu w Google.

Dla szerszej struktury, najlepsze praktyki dotyczące stron internetowych restauracji wyjaśniają, jak uzyskać zamówienia jednym dotknięciem, a jeśli chcesz, aby strona była łatwa do znalezienia w wyszukiwarce, wskazówki dotyczące SEO dla restauracji są przydatnym punktem wyjścia.

Menu tylko, czy menu plus zamawianie?

Menu tylko do wyświetlania odpowiada na pytanie "co serwujecie?". Nie przyjmuje pieniędzy. Zanim wybierzesz narzędzie, zdecyduj, co chcesz, aby osadzenie robiło.

Tylko wyświetlanie. Najtańsze i najprostsze. Dobre dla pubu lub kawiarni, która przyjmuje zamówienia przy ladzie.

Wyświetlanie plus zamawianie. Goście wybierają, płacą, a ty otrzymujesz zamówienie. Tutaj opłaty mają znaczenie. Rynki takie jak Uber Eats, Glovo, Bolt Food, Wolt, Just Eat i Pyszne pobierają 30% wartości zamówienia netto plus VAT, prawie 40% łącznie. Na koszyku o wartości 30 £ to duży kawałek cienkiej marży. Zamawianie przez własną stronę unika tego, a z RESTOBOT prowizja od zamówień wynosi 0%. Płacisz tylko miesięczny abonament.

Wyświetlanie plus rezerwacje. Menu obok przycisku rezerwacji jest przydatne dla restauracji, w których goście sprawdzają dania przed wyborem stolika.

Kiedy menu, zamawianie i rezerwacja znajdują się na jednej stronie, gość nigdy nie musi opuszczać strony, aby dokończyć zadanie. Jeśli rozważasz koszty, nasze zestawienie rzeczywistych budżetów stron internetowych restauracji podaje realistyczne liczby, a szybkie budowanie strony internetowej restauracji przedstawia plan uruchomienia.

Nasza perspektywa

Widzimy ten sam wzór u właścicieli restauracji. Zaczynają od PDF, ponieważ to szybkie, a potem spędzają lata na ponownym eksportowaniu go za każdym razem, gdy cena się zmienia. Prawdziwy koszt to nie godzina spędzona na przesyłaniu. To tygodnie, kiedy strona internetowa pokazuje menu z zeszłego sezonu, a goście przychodzą oczekując dania, którego już nie serwujesz.

Nasze zdanie jest proste: menu powinno być żywą rzeczą w jednym miejscu, a wszystko inne powinno z niego czerpać. Dlatego kreator stron w RESTOBOT ma menu i rezerwacje wbudowane od samego początku, zamiast zostawiać cię z koniecznością łączenia oddzielnych widgetów. Zamówienia mogą pochodzić ze strony internetowej i z bota Telegram, a my nie pobieramy od nich prowizji.

Jedna uwaga z doświadczenia: nie czekaj na idealne menu. Publikuj z kategoriami, cenami i zdjęciami swoich bestsellerów, a następnie poprawiaj co tydzień. Żywe, nieco proste menu przewyższa piękny PDF, który jest nieaktualny.

*— ADMIN*

Gdzie pasuje RESTOBOT

Jeśli jeszcze nie masz strony, lub jesteś zmęczony łączeniem widgetów, RESTOBOT daje ci stronę internetową z wbudowanym menu, a także zamówieniami online, rezerwacjami i kartami lojalnościowymi. Strony mogą być tworzone natychmiast i uruchamiane w ciągu jednego dnia.

Plan MENU zaczyna się od 69 EUR miesięcznie, a plan FULL, z pełnym zestawem funkcji, od 119 EUR miesięcznie. Roczne rozliczenie wynosi 59 EUR rocznie za MENU i 99 EUR rocznie za FULL. Zobacz pełne szczegóły planu i ceny, aby wybrać ten, który pasuje do twojego lokalu.

Pracownicy mogą również otrzymywać dobrowolne napiwki od gości poprzez napiwki online, dostępne we wszystkich planach, a pracownik może zarejestrować się samodzielnie, nawet jeśli lokal nie jest na RESTOBOT.

Typowe błędy przy osadzaniu menu

• Wklejanie do bloku tekstowego. Kod pojawia się jako słowa na stronie. Użyj elementu HTML lub osadzenia.
• Zapominanie o ponownym publikowaniu strony. Niektórzy kreatorzy wymagają ręcznego opublikowania po dodaniu fragmentu.
• Zostawianie starych PDF-ów aktywnych. Wyszukiwarki i stare linki wciąż kierują gości do nieaktualnych cen. Usuń je lub przekieruj na nową stronę menu.
• Zdjęcia, które są zbyt duże. Powolne ładowanie to najszybszy sposób na utratę mobilnego odwiedzającego.
• Brak zapasowego rozwiązania. Jeśli skrypt jest zablokowany przez rozszerzenie przeglądarki lub sieć korporacyjną, bezpośredni link nadal działa.
• Ignorowanie recenzji. Dobra strona menu działa najlepiej w połączeniu z dowodami społecznymi. Zobacz, jak osadzić recenzje Google na swojej stronie internetowej.

Na koniec, dokładnie przyjrzyj się podstawom przed zakupem kolejnych narzędzi. Nasz artykuł na temat efektywności operacyjnej restauracji argumentuje, że naprawa marnotrawstwa jest ważniejsza niż dodawanie technologii. Jeśli sprzedajesz również catering, zamówienia online na catering pokazuje, jak uruchomić to w ciągu dnia.

Szybka lista kontrolna przed uruchomieniem

1. Każda kategoria i danie są obecne, z ostatecznymi cenami.
2. Najlepiej sprzedające się pozycje mają zdjęcia w spójnym formacie.
3. Etykiety dietetyczne i informacje o alergenach są sprawdzane przez osobę, która najlepiej zna kuchnię.
4. Osadzenie znajduje się na osobnej stronie, połączonej z główną nawigacją i przyciskiem na stronie głównej.
5. Strona otwiera się szybko na danych mobilnych, a każdy cel dotykowy działa.
6. Bezpośredni link i kod QR prowadzą do tego samego menu.
7. Stare pliki PDF są usuwane lub przekierowywane.
8. Jedna wyznaczona osoba odpowiada za aktualizacje, aby ceny były aktualne.

FAQ

Czy potrzebuję dewelopera, aby osadzić menu online?

Zazwyczaj nie. Proces to konfiguracja, generowanie kodu i wklejanie, a nie rozwój niestandardowy. Potrzebujesz pomocy tylko wtedy, gdy szablon Twojej strony jest nietypowy lub nie możesz znaleźć miejsca, w którym można dodać blok HTML.

Czy mogę osadzić menu w WordPressie, Wixie lub Squarespace?

Tak. Dostawcy widgetów wymieniają wsparcie dla WordPress, Wix, Squarespace, Webflow, Shopify i czystego HTML. Dodajesz wygenerowany kod w bloku HTML lub osadzenia na stronie, na której menu ma się pojawić.

Czy osadzone menu jest lepsze niż PDF?

Dla większości restauracji tak, ponieważ ceny i dania można aktualizować w jednym miejscu bez ponownego przesyłania pliku. PDF jest w porządku jako drukowana kopia zapasowa, ale nie może oferować dostępności na żywo, zamówień ani rezerwacji.

Jak upewnić się, że menu działa na telefonach?

Otwórz opublikowaną stronę na przynajmniej jednym iPhonie i jednym telefonie z Androidem. Przewiń przez każdą kategorię, otwórz danie i dotknij każdego przycisku. Jeśli układ wygląda na ciasny, poszerz kontener lub przenieś osadzenie z wąskiej kolumny.

Czy powinienem również zachować kod QR i bezpośredni link?

Tak. Działają jako zapas, jeśli skrypt jest zablokowany, a kod QR służy gościom przy stole. Oba powinny prowadzić do tego samego aktywnego menu, aby nic nie było nieaktualne.

Źródła

• Elfsight: widget menu restauracyjnego (przewodnik)
• Elfsight: jak stworzyć widget menu restauracyjnego
• Elfsight: widget menu restauracyjnego dla strony internetowej
• Speisekarte.de: osadzanie cyfrowego menu
• Food Standards Agency: informacje o alergenach dla konsumentów
• Hook Digital: projektowanie i rozwój stron internetowych
• Blucat Group: rozwój stron internetowych dla restauracji
• Baby Love Growth: SEO dla restauracji

Rekomendowane

• Konfiguracja kodu QR menu online dla restauracji: szybki przewodnik
• Napraw blokady kanału partnera, aby opublikować menu swojej restauracji w Google
• Zysk pierwszy, zamówienia w ciągu tygodni: optymalizacja menu online dla właścicieli
• Szybkie budowanie strony internetowej restauracji: plan uruchomienia, który działa