Um ein Online-Menü einzubetten, erstellen Sie das Menü einmal in einem gehosteten Tool, kopieren den generierten Code und fügen diesen Code auf der Seite Ihrer Website ein, wo das Menü erscheinen soll. Gerichte, Fotos und Preise leben dann im Menü-Tool, und Ihre Seite zeigt sie einfach an. Die Arbeit besteht hauptsächlich darin, gute Inhalte vorzubereiten und auf einem Telefon zu testen, nicht im Code.
Dieser Leitfaden behandelt beide Wege: das Einfügen eines Widgets in eine bereits vorhandene Seite und die Nutzung einer Plattform, bei der das Menü von Anfang an Teil der Website ist.
TL;DR
- Einbetten bedeutet, einen Ausschnitt des generierten Codes in eine Seite oder Vorlage einzufügen. Normalerweise sind keine individuellen Entwicklungen erforderlich.
- Der große Vorteil ist die Trennung: Mitarbeiter bearbeiten Gerichte und Preise im Menü-Tool, und die Website wird ohne einen Entwickler oder ein neues PDF aktualisiert.
- Platzieren Sie das Menü in Ihrer Hauptnavigation und auf der Schaltfläche der Startseite, nicht versteckt in einem Fußzeilenlink. Halten Sie einen direkten Link und einen QR-Code als Backup bereit.
- Testen Sie zuerst auf Mobilgeräten. Dort werden die meisten Gäste es öffnen.
- Wenn Sie nicht mehrere Tools miteinander verbinden möchten, enthält RESTOBOT ein eingebettetes Menü in seinem Website-Builder, ohne Provision auf Bestellungen.
Inhaltsverzeichnis
- Was "Einbetten" eines Menüs tatsächlich bedeutet
- Bereiten Sie den Inhalt vor, bevor Sie den Code berühren
- Schritt für Schritt: Einbetten eines Menü-Widgets
- Wo das Menü platziert werden sollte, damit Gäste es tatsächlich sehen
- Nur Menü oder Menü plus Bestellung?
- Unsere Perspektive
- Wo RESTOBOT passt
- Häufige Fehler beim Einbetten eines Menüs
- Eine schnelle Checkliste vor dem Start
- FAQ
- Quellen
Was "Einbetten" eines Menüs tatsächlich bedeutet
Es gibt drei gängige Möglichkeiten, ein Menü online zu stellen, und sie verhalten sich sehr unterschiedlich.
| Methode | Funktionsweise | Schwachpunkt |
|---|---|---|
| PDF- oder Flipbook-Upload | Eine Datei wird auf einer Seite verlinkt oder angezeigt | Jede Preisänderung bedeutet erneutes Exportieren und Hochladen |
| Einfacher Link zu einem gehosteten Menü | Ein Button leitet Gäste auf eine andere Seite | Leicht zu übersehen, und Gäste verlassen Ihre Seite |
| Eingebettetes Menü (Widget, iframe oder Skript) | Das Menü erscheint innerhalb Ihrer eigenen Seite | Benötigt einen einmaligen Einfüge- und einen mobilen Check |
Ein nur als PDF oder ePaper vorliegendes Menü kann verlinkt oder eingebettet werden, bietet jedoch keine Live-Bestellungen, Reservierungen oder Verfügbarkeitskontrollen. Das ist wichtig, wenn ein Gericht ausverkauft ist oder ein Lieferant Ihre Kosten ändert.
Ein eingebettetes Menü vermeidet das. Der Widget-Ansatz funktioniert, weil er Inhaltswartung von Website-Wartung trennt: Mitarbeiter ändern Gerichte, Fotos oder Preise im Menüservice, und der Einbettungsort auf der Seite bleibt gleich.
Bereiten Sie den Inhalt vor, bevor Sie den Code berühren
Die meisten Einbettungsprojekte kommen ins Stocken, weil das Menü nicht bereit ist, nicht weil der Code schwierig ist. Sammeln Sie diese zuerst:
- Kategorien in der Reihenfolge, wie Gäste denken. Vorspeisen, Hauptgerichte, Beilagen, Desserts, Getränke. Halte die Liste kurz. Sieben oder acht Kategorien lassen sich besser überblicken als fünfzehn.
- Artikelbezeichnungen und kurze Beschreibungen. Eine Zeile zu den Hauptzutaten und wie es zubereitet wird. Vermeide Poesie.
- Preise, final und konsistent. Verwende das gleiche Format durchgehend, zum Beispiel £12.50 in jeder Zeile anstelle einer Mischung aus £12.5 und 12.50.
- Fotos für die Gerichte, die sich verkaufen. Du musst nicht jedes Gericht fotografieren. Beginne mit deinen Bestsellern und Signature-Platten. Unser Leitfaden zum Fotografieren eines Restaurantmenüs an einem Nachmittag zeigt, wie man es ohne Studio macht.
- Ernährungs- und Allergeninformationen. Kennzeichne vegetarische, vegane und glutenfreie Gerichte deutlich. In Großbritannien sagt die Food Standards Agency, dass ein Restaurant oder Café Allergeninformationen bereitstellen muss, entweder auf der Speisekarte oder durch einen Hinweis, wie man sie erhält. Überprüfe die FSA-Seite, was für dein Lokal gilt.
Wenn du weiter gehen möchtest, was du zeigen und wo, behandelt unser Artikel zur Online-Menüoptimierung für Betreiber Layout und Preispräsentation.
Kategoriedesign und Artikelbilder
Zwei Details ändern, wie ein Menü auf einem kleinen Bildschirm gelesen wird.
Kategorien. Verwende klare, zusammenklappbare oder tabbed Abschnitte, damit ein Gast zu den Desserts springen kann, ohne an dreißig Hauptgerichten vorbeiscrollen zu müssen. Nenne sie schlicht. "Sonntagsbraten" schlägt einen cleveren Markennamen, den niemand erkennt.
Fotos. Verwende ein einheitliches Verhältnis, normalerweise quadratisch oder 4:3, damit das Raster ordentlich aussieht. Halte die Dateien komprimiert, damit die Seite schnell über mobile Daten lädt. Ein Menü mit zehn guten Fotos schlägt eines mit vierzig ungleichmäßigen.
Schritt für Schritt: Einfügen eines Menü-Widgets
Der dokumentierte Workflow ist bei den meisten Tools gleich: Widget anpassen, den generierten Code kopieren und einfügen. In der Praxis:
- Erstelle das Menü. Füge Kategorien, Gerichte, Preise, Fotos und Ernährungslabel in deinem Menü-Tool hinzu.
- Passe das Aussehen an. Wähle das Layout, die Anzahl der Spalten und Farben, damit es zu deiner Seite passt. Spalten- und Breitensteuerungen helfen, das Widget an kürzere oder längere Menüs anzupassen.
- Kopiere den generierten Code. Es ist normalerweise ein kurzes Skript-Tag oder ein iframe.
- Öffne die richtige Seite auf deiner Website. Erstelle eine "Menü"-Seite, wenn du noch keine hast.
- Füge den Code in einen HTML- oder Einbettungsblock ein. Füge ihn nicht in einen einfachen Textblock ein, da dieser den Code als Text anzeigt.
- Veröffentliche und teste auf einem Handy. Teste dann auf einem Desktop und einem Tablet.
Die Widget-Tools listen die Kompatibilität mit WordPress, Wix, Squarespace, Webflow, Shopify, Joomla und einfachem HTML, sodass der Weg ähnlich ist, egal welchen Builder du verwendest. Wenn deine Seite von einer Agentur erstellt wurde, frage sie nach dem Einbettungsblock oder dem Speicherort der Vorlage. Ein Webdesign-Studio wie Hook Digital in Oxford kann dir technische Optionen für gängige Website-Plattformen empfehlen, wenn du praktische Hilfe benötigst.
Der Fehlerpunkt, den niemand erwähnt
Der Code selbst schlägt selten fehl. Was schiefgeht, ist die Platzierung: in die falsche Vorlage eingefügt, hinter einem Tab versteckt, der es nicht lädt, oder in eine schmale Spalte gequetscht, sodass das Menü überladen aussieht. Testen Sie das Ergebnis auf Mobilgeräten, wo die meisten Restaurantbesucher es wahrscheinlich öffnen. Scrollen Sie durch das gesamte Menü, öffnen Sie ein Gericht, wechseln Sie die Kategorien und tippen Sie mit Ihrem Daumen auf jeden Button.
Wenn das Layout auf einem Handy überladen aussieht, liegt das Problem oft an der Seite, nicht am Widget. Überlegungen zur Darstellung auf verschiedenen Geräten sind eine Designfrage ebenso wie eine technische, wie die Agenturarbeit dieser Restaurant-Website-Erstellung veranschaulicht.
Wo das Menü platziert werden sollte, damit die Gäste es tatsächlich sehen
Ein eingebettetes Menü, das niemand findet, ist ein verschwendetes Menü. Ein Anbieter für digitale Menüs empfiehlt das direkte Einbetten, da ein gewöhnlicher Text- oder Button-Link weniger auffällig sein kann. Wenden Sie diese Lektion an:
- Hauptnavigation. "Menü" sollte eines der ersten Elemente sein, nicht unter "Mehr".
- Homepage-Button. Ein klarer Call-to-Action über der Falz auf Mobilgeräten.
- Eine eigene URL. Geben Sie dem Menü eine eigene Seite, zum Beispiel yoursite.co.uk/menu, damit es geteilt und indexiert werden kann.
- Ein Fallback. Halten Sie einen direkten Link und einen QR-Code für die Tabelle bereit. Unser Online-Menü-QR-Code-Leitfaden erklärt die Einrichtung.
- Google. Wenn Ihr Menü nicht in Ihrem Google-Profil erscheint, erfahren Sie, wie Sie Partner-Feed-Blockaden beheben und Ihr Menü auf Google veröffentlichen.
Für eine breitere Struktur erklärt die besten Praktiken für Restaurant-Websites, wie man Bestellungen mit einem Tipp erhält, und wenn Sie die Seite in der Suche leicht auffindbar machen möchten, ist die Anleitung zu SEO für Restaurants ein nützlicher Ausgangspunkt.
Nur Menü oder Menü plus Bestellung?
Ein nur angezeigtes Menü beantwortet die Frage "Was bieten Sie an?". Es nimmt kein Geld. Bevor Sie ein Tool auswählen, entscheiden Sie, was das Einbetten tun soll.
Nur Anzeige. Am günstigsten und einfachsten. Gut für eine Kneipe oder ein Café, das Bestellungen am Tresen entgegennimmt.
Anzeige plus Bestellung. Gäste wählen, bezahlen und Sie erhalten die Bestellung. Hier sind die Gebühren wichtig. Marktplätze wie Uber Eats, Glovo, Bolt Food, Wolt, Just Eat und Pyszne verlangen 30% des Nettobestellwerts zuzüglich Mehrwertsteuer, insgesamt fast 40%. Bei einem Warenkorb von 30 £ ist das ein großer Teil einer dünnen Marge. Bestellungen über Ihre eigene Website vermeiden dies, und mit RESTOBOT beträgt die Provision auf Bestellungen 0%. Sie zahlen nur eine monatliche Abonnementgebühr.
Anzeige plus Reservierungen. Ein Menü neben einem Buchungsbutton ist nützlich für Restaurants, in denen Gäste Gerichte überprüfen, bevor sie einen Tisch wählen.
Wenn das Menü, die Bestellung und die Buchung alle auf einer Seite sind, muss der Gast nie die Seite verlassen, um die Aufgabe abzuschließen. Wenn Sie die Kosten abwägen, gibt unsere Aufschlüsselung der realen Budgets für Restaurant-Websites realistische Zahlen, und schnelles Erstellen einer Restaurant-Website legt einen Launch-Plan dar.
Unsere Perspektive
Wir sehen dasselbe Muster bei Restaurantbesitzern. Sie beginnen mit einem PDF, weil es schnell ist, und verbringen dann Jahre damit, es erneut zu exportieren, wann immer sich ein Preis ändert. Die eigentlichen Kosten sind nicht die Stunde, die mit dem Hochladen verbracht wird. Es sind die Wochen, in denen die Website das Menü der letzten Saison zeigt und Gäste ankommen, die ein Gericht erwarten, das Sie nicht mehr servieren.
Unsere Sichtweise ist einfach: Das Menü sollte ein lebendiges Dokument an einem Ort sein, und alles andere sollte davon ablesen. Deshalb hat der Website-Builder von RESTOBOT das Menü und die Reservierungen von Anfang an eingebettet, anstatt Sie separate Widgets zusammenkleben zu lassen. Bestellungen können von der Website und von einem Telegram-Bot kommen, und wir erheben keine Provision dafür.
Eine Warnung aus Erfahrung: Warten Sie nicht auf ein perfektes Menü. Veröffentlichen Sie mit Kategorien, Preisen und Fotos Ihrer Bestseller und verbessern Sie es wöchentlich. Ein lebendiges, etwas einfaches Menü schlägt ein schönes PDF, das veraltet ist.
*— ADMIN*
Wo RESTOBOT passt
Wenn Sie noch keine Website haben oder es leid sind, Widgets darauf zu patchen, bietet Ihnen RESTOBOT eine Website mit dem eingebauten Menü sowie Online-Bestellungen, Reservierungen und Treuekarten. Websites können sofort erstellt und innerhalb eines Tages gestartet werden.
Der MENU-Plan beginnt bei 69 EUR pro Monat, und der FULL-Plan mit dem vollständigen Funktionsumfang bei 119 EUR pro Monat. Die jährliche Abrechnung liegt bei 59 EUR pro Jahr für MENU und 99 EUR pro Jahr für FULL. Siehe die vollständigen Plan-Details und Preise, um den passenden für Ihr Lokal auszuwählen.
Mitarbeiter können auch freiwillige Trinkgelder von Gästen über Online-Trinkgelder erhalten, die in allen Plänen verfügbar sind, und ein Mitarbeiter kann sich auch allein registrieren, selbst wenn das Lokal nicht bei RESTOBOT ist.
Häufige Fehler beim Einbetten eines Menüs
- In einen Textblock einfügen. Der Code erscheint als Wörter auf der Seite. Verwenden Sie ein HTML- oder Embed-Element.
- Vergessen, die Website neu zu veröffentlichen. Einige Builder benötigen eine manuelle Veröffentlichung, nachdem der Snippet hinzugefügt wurde.
- Alte PDFs online lassen. Suchmaschinen und alte Links senden weiterhin Gäste zu veralteten Preisen. Entfernen Sie sie oder leiten Sie sie zur neuen Menüseite um.
- Fotos, die zu groß sind. Langsame Ladezeiten sind der schnellste Weg, um einen mobilen Besucher zu verlieren.
- Kein Fallback. Wenn ein Skript von einer Browsererweiterung oder einem Unternehmensnetzwerk blockiert wird, funktioniert ein direkter Link immer noch.
- Bewertungen ignorieren. Eine gute Menüseite funktioniert am besten zusammen mit sozialem Beweis. Sehen Sie, wie Sie Google-Bewertungen auf Ihrer Website einbetten.
Schließlich sollten Sie die Grundlagen gründlich überprüfen, bevor Sie weitere Tools kaufen. Unser Artikel über Betriebliche Effizienz im Restaurant argumentiert, dass die Beseitigung von Verschwendung vor der Hinzufügung von Technologie kommt. Wenn Sie auch Catering anbieten, zeigt Online-Bestellungen für Catering, wie Sie innerhalb eines Tages live gehen können.
Eine schnelle Checkliste vor dem Start
- Jede Kategorie und jedes Gericht ist vorhanden, mit Endpreisen.
- Bestseller haben Fotos im einheitlichen Verhältnis.
- Diätetik-Labels und Allergene werden von der Person überprüft, die die Küche am besten kennt.
- Der Embed befindet sich auf einer eigenen Seite, die über die Hauptnavigation und die Schaltfläche auf der Startseite verlinkt ist.
- Die Seite öffnet sich schnell über mobile Daten, und jedes Antippen funktioniert.
- Ein direkter Link und ein QR-Code führen zum gleichen Menü.
- Alte PDFs werden entfernt oder umgeleitet.
- Eine benannte Person ist für Updates verantwortlich, damit die Preise aktuell bleiben.
FAQ
Brauche ich einen Entwickler, um ein Online-Menü einzubetten?
In der Regel nicht. Der Prozess besteht aus Konfiguration, Code-Generierung und Einfügen, nicht aus individueller Entwicklung. Sie benötigen nur Hilfe, wenn Ihre Seitenschablone ungewöhnlich ist oder Sie nicht finden können, wo Sie einen HTML-Block hinzufügen.
Kann ich ein Menü in WordPress, Wix oder Squarespace einbetten?
Ja. Widget-Anbieter listen die Unterstützung für WordPress, Wix, Squarespace, Webflow, Shopify und reines HTML. Sie fügen den generierten Code in einen HTML- oder Embed-Block auf der Seite ein, auf der das Menü erscheinen soll.
Ist ein eingebettetes Menü besser als ein PDF?
Für die meisten Restaurants ja, weil Preise und Gerichte an einem Ort aktualisiert werden können, ohne eine Datei erneut hochzuladen. Ein PDF ist als druckbare Sicherung in Ordnung, kann jedoch keine Live-Verfügbarkeit, Bestellungen oder Reservierungen anbieten.
Wie stelle ich sicher, dass das Menü auf Handys funktioniert?
Öffnen Sie die veröffentlichte Seite auf mindestens einem iPhone und einem Android-Handy. Scrollen Sie durch jede Kategorie, öffnen Sie ein Gericht und tippen Sie auf jede Schaltfläche. Wenn das Layout eng aussieht, verbreitern Sie den Container oder verschieben Sie den Embed aus einer schmalen Spalte.
Sollte ich auch einen QR-Code und einen direkten Link behalten?
Ja. Sie dienen als Fallback, wenn ein Skript blockiert ist, und der QR-Code kommt den Gästen am Tisch zugute. Beide sollten auf dasselbe Live-Menü verweisen, damit nichts aus dem Takt gerät.
Quellen
- Elfsight: Restaurant Menu widget (guide)
- Elfsight: how to create a Restaurant Menu widget
- Elfsight: Restaurant Menu widget for website
- Speisekarte.de: digitale Menüeinbettung
- Food Standards Agency: Allergene Informationen für Verbraucher
- Hook Digital: Webdesign und -entwicklung
- Blucat Group: Entwicklung von Restaurant-Websites
- Baby Love Growth: SEO für Restaurants