Zum Hauptinhalt springen

Shop-Ansicht: Gestaltung der Kopfzeile

Erfahre hier wie du die Kopfzeile deiner Speisekarte anpassen kannst, um deinen Gästen eine optimale Navigation und Orientierung zu bieten.

Verfasst von Benedikt Pilz
Vor über 3 Wochen aktualisiert

Die Kopfzeile ist der obere Bereich der für den Gast sichtbaren Shop-Ansicht und befindet sich direkt oberhalb der digitalen Speisekarte. Hier kannst du wichtige Navigationselemente, dein Branding und nützliche Funktionen für deine Gäste platzieren. In diesem Artikel erfährst du, welche Elemente du in der Kopfzeile anzeigen kannst und wie du sie konfigurierst.

rot markiert, alle Bestandteile der Kopfzeile

rot markiert, alle Bestandteile der Kopfzeile


Zurück zur Startseite (https://igetnow.com) anzeigen

Zweck & Nutzen

Mit dieser Funktion bietest du deinen Gästen die Möglichkeit, von der Speisekarte zurück zu deiner Website oder einer anderen gewünschten Startseite zu navigieren. Der Link wird prominent oben links in der Kopfzeile angezeigt.

💡 Tipp: Wenn du keinen eigenen Link hinterlegen willst, lasse die Funktion ausgeschaltet. Deine Gäste landen sonst auf der igetnow-Startseite.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Shopeinstellungen deines gewünschten Shops

  2. Scrolle zum Abschnitt Bestellen > Allgemein

  3. Aktiviere die Option Zurück zur Startseite anzeigen

  4. Lasse das erscheinende Eingabefeld frei, um Gäste auf die igetnow.com Startseite zu geleiten oder gib deine gewünschte URL ein (z. B. https://deine-website.de) (wird automatisch gespeichert)

Ergebnis

Oben links in der Speisekarte erscheint ein klickbarer Link mit dem Text "Zurück zur Startseite". Deine Gäste können darüber direkt zu der von dir hinterlegten URL navigieren.

Zurück zur Startseite Link in der Kopfzeile

Info: Bei Self-Order-Kiosk und Tablet raten wir vom Hinterlegen eines separaten Links ab, da dieser durch die Kioskbrowsereinstellungen blockiert würde. Ohne einen Link würde der Gast z.B. beim Kiosk wieder auf dem Startscreen landen. Daher empfehlen wir diese Funktion trotz Verfügbarkeit nicht zu nutzen.

Info: Diese Funktion ist verfügbar für Order & Pay, Pick Up & Delivery, Tablet, Self-Order-Kiosk


Tisch in der Shop-Ansicht anzeigen

Zweck & Nutzen

Diese Funktion zeigt deinen Gästen die Nummer des Tisches an, an dem sie sitzen. Das schafft Klarheit und hilft insbesondere bei der Zuordnung von Bestellungen. So kann sich der Gast bei vergessenen Bestellungen im laufenden Betrieb gleich mit der Tischnummer erkundigen, was die Suche von Bestellungen stark vereinfacht.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Shopeinstellungen deines gewünschten Shops

  2. Scrolle zum Abschnitt Bestellen > Allgemein

  3. Aktiviere die Option Aktiven Tisch in der Karte anzeigen (wird automatisch gespeichert)

Ergebnis

Die Tischnummer wird rechts neben dem Namen deiner Location in der Kopfzeile angezeigt (siehe Bild weiter oben). Deine Gäste sehen somit jederzeit, welchen Tisch sie gescannt haben bzw. welcher Tisch dem ausgegebenen Tablet zugeordnet wurde.

Info: Diese Funktion ist verfügbar für Order & Pay, Tablet


Bestellhistorie (des Gastes) zeigen

Zweck & Nutzen

Mit dieser Funktion können deine Gäste ihre aktuellen und vergangenen Bestellungen einsehen. Der Zugriff erfolgt über das Hamburger-Menü (☰) in der oberen rechten Ecke der Speisekarte. Dies gibt deinen Gästen Transparenz über ihre Bestellungen und deren Status.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Shopeinstellungen deines gewünschten Shops

  2. Scrolle zum Abschnitt Bestellen > Allgemein

  3. Aktiviere die Option Meine Bestellungen anzeigen (wird automatisch gespeichert)

Ergebnis

Im Burger-Menü (☰) oben rechts erscheint der Menüpunkt Bestellhistorie. Deine Gäste können darauf klicken, um eine Übersicht ihrer Bestellungen mit aktuellem Status zu sehen. Außerdem erscheint in der Bestellbestätigung nach dem Checkout ein Button, mit dem man ebenfalls zur Bestellhistorie gelangen kann.

Bestellhistoire in der Shop-Ansicht

Info: Diese Funktion ist verfügbar für Order & Pay, Pick Up & Delivery, Tablet

💡 Tipp: Wie du siehst findet der Gast im Burger-Menü auch die Spracheinstellungen und die Rechtstexte, welche du hinterlegen kannst bzw. solltest.


Filter für Allergene und weitere Merkmale anzeigen

Zweck & Nutzen

Der Filter ermöglicht es deinen Gästen, die Speisekarte nach bestimmten Allergenen und/oder Inhaltsstoffen zu filtern. Dies ist besonders wichtig für Gäste mit Unverträglichkeiten oder Allergien und erfüllt vor allem bei Pick Up & Delivery gesetzliche Informationspflichten. Darüber hinaus ist es auch für gewisse Ernährungspräferenzen wie bspw. vegan oder halal eine nützliche Funktion.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Shopeinstellungen deines gewünschten Shops

  2. Scrolle zum Abschnitt Bestellen > Allgemein

  3. Aktiviere die Option Allergenfilter anzeigen (wird automatisch gespeichert)

Achtung: Die Allergene und Inhaltsstoffe müssen in deiner Speisekarte bei den entsprechenden Artikeln und Varianten hinterlegt sein, damit deine Gäste beim Auswählen der Filter auch tatsächlich Produkte angezeigt bekommen.

Ergebnis

Links in der Kopfzeile deines Shops und oberhalb des ersten Kategoriebildes erscheint nun ein Filter-Symbol. Deine Gäste können darauf klicken und bestimmte Allergene, Inhaltsstoffe oder weitere Merkmale auswählen, um nur passende Speisen und Getränke angezeigt zu bekommen.

Ist der Filter aktiv, werden dem Gast immer alle zur Verfügung stehenden Filteroptionen angezeigt. Wir empfehlen also jedem Artikel so viele Merkmale wie möglich hinzuzufügen, wenn der Filter maximalen Nutzen haben soll. Es kann für einen Gast wiederum sehr frustrierend sein, seine Präferenzen über den Filter auszuwählen und dann keinen Artikel mehr in der Karte zu sehen.

Filter für Allergene und Inhaltsstoffe vor und nach der Auswahl

links der geöffnete Filter, rechts sie Karte mit ausgewähltem Filter

Info: Diese Funktion ist verfügbar für Order & Pay, Pick Up & Delivery, Tablet, Self-Order-Kiosk


Adresse einstellen und anzeigen

Zweck & Nutzen

Durch die Hinterlegung deiner Locationadresse kann diese in der Shop-Ansicht und anderen Stellen, wie der Bestellzusammenfassung und im Checkout angezeigt werden.

Das ist vor allem bei Pick Up & Delivery wichtig, damit der Gast sich zu jederzeit versichern kann in der richtigen Location zu bestellen.

Darüber hinaus ist die Angabe der Adresse für die Auswahl der Liefergebiete im Rahmen der Google Maps Integration und für die Anzeige in der Shop-Übersicht wichtig.

Info: Die Adresse wird standardmäßig bei der Erstellung deines Accounts angelegt und muss in der Regel nicht im Nachhinein angepasst werden. Wir empfehlen allerdings die Angaben auf Richtigkeit zu prüfen.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Locationeinstellungen (nicht Shopeinstellungen!)

  2. Öffne den Reiter Adresse

  3. Gib die vollständige Adresse deiner Location ein:

    • Straße und Hausnummer

    • Postleitzahl

    • Stadt

    • Land

  4. Wechsle im Feld Adresse anzeigen zu nein, wenn du die Adresse in der Kopfzeile der Shop-Ansicht für den Gast verbergen willst. (Die Adresse wird dennoch im Checkout und in der Bestellzusammenfassung per E-Mail angezeigt.)

Info: Da die Adresse auf Location- und nicht auf Shopebene festgelegt wird, ist sie für alle zur Location gehörenden Shops gleich (vgl. Aufbau und Systematik der Location- und Shopeinstellungen). Falls das ein Problem darstellt, kontaktiere uns über das Chatsymbol im Backoffice unten rechts, damit wir dir statt eines Shop eine neue Location anlegen können.

Ergebnis

Die Adresse wird in der Kopfzeile der Shop-Ansicht angezeigt (bzw. ausgebelndet, je nach weiteren Einstellungen). Zudem wird sie als Ausgangspunkt für die Einstellung der Liefergebiete genutzt sowie im Checkout, der Shop-Übersicht und der Bestellbestätigungsemail angezeigt.

Info: Diese Funktion ist immer verfügbar.


Bild und Logo in der Kopfzeile

Zweck & Nutzen

Das sog. Location Bild und das Location Logo können zum zusätzlichen Branding im Rahmen deiner Designeinstellungen eingestellt werden. So kannst du Gästen das System ideal als Dein System und eine in dein Konzept nahtlos integrierte Erweiterung präsentieren. Idealerweise werden beide Bilder in jedem Fall hinterlegt, da eine Shop-Ansicht ohne nicht sehr ansprechend wirkt.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Locationeinstellungen (nicht Shopeinstellungen!)

  2. Öffne den Reiter Location Bild bzw. Locatino Logo

  3. Klicke auf Datei auswählen

  4. Wähle ein Bild von deinem Computer aus

  5. Klicke auf Speichern

Das Logo sollte transparent und im Format .png sein. Die Bilder sollten folgenden Mindestanforderungen entsprechen:

Auflösung in px (Breite x Höhe)

Seitenverhältnis

Größe

Logo

200 x 128

25:16

max. 8MB

Location Bild

min. 1600 x 1066

3:2

max. 8MB

💡 Tipp: Verwende ein hochwertiges Foto deines Restaurants, deiner Terrasse oder deiner Signature-Gerichte als Location Bild. Sogar ein GIF kann verwendet werden, solange es unter 50.000.000 Pixeln liegt.

Ergebnis

Location Bild und Logo werden in der Kopfzeile deiner Shop-Ansicht ganz oben angezeigt und ergänzen die sonstigen Designeinstellungen nahtlos. Deinen Gästen bietest du so eine hochwertige User Experience.

Location Bild und Logo

Info: Diese Funktionen sind immer verfügbar.


Kopfzeile ausblenden

Zweck & Nutzen

In bestimmten Szenarien möchtest du möglicherweise die gesamt Kopfzeile ausblenden – zum Beispiel für eine minimalistischere Darstellung.

So funktioniert die Einrichtung

  1. Navigiere im Backoffice zu den Shopeinstellungen deines gewünschten Shops

  2. Scrolle zum Abschnitt Bestellen > Allgemein

  3. Aktiviere die Option Kopfzeile ausblenden (wird automatisch gespeichert)

Ergebnis

Die Kopfzeile wird in der Shop-Ansicht nicht mehr angezeigt. Die Speisekarte beginnt direkt mit den Kategorien. Am linken Rand ist lediglich noch der Filter zu sehen.

⚠️ Achtung: Wenn du die Kopfzeile ausblendest, sind auch alle anderen dort platzierten Elemente (Logo, Tischnummer, Zurück-Link etc.) nicht mehr sichtbar. Selbst die immer vorhandene Suche (Lust auf was Bestimmtest?) wird dann ausgeblendet.

Info: Diese Funktion ist verfügbar für Order & Pay, Pick Up & Delivery, Tablet, Self-Order-Kiosk


Häufige Fragen (FAQ)

Kann ich für verschiedene Shops unterschiedliche Kopfzeilen-Einstellungen haben?

Ja, die meisten Einstellungen zur Kopfzeile sind shopspezifisch (unter Shopeinstellungen > Bestellen allgemein). Die Einstellungen für Logo, Bild und Adresse sind jedoch locationweit und gelten für alle Shops einer Location.

Warum wird mein Logo verzerrt angezeigt?

Achte auf die korrekten Bildgrößen. Verwende idealerweise quadratische oder leicht rechteckige Logos im PNG-Format.

Kann ich die Kopfzeile für mobile und Desktop unterschiedlich gestalten?

Nein, die Kopfzeile passt sich automatisch responsiv an verschiedene Bildschirmgrößen an, aber die Einstellungen gelten für alle Geräte.

Was passiert, wenn ich keine Adresse angebe?

Die Adresse ist dann in der Shop-Ansicht für den Gast nicht zu sehen. Außerdem kann sie nicht in der Shop-Übersicht, der Bestellzusammenfassung oder im Checkout angezeigt werden. Beim Einstellen der Liefergebiete wirst du ebenfalls Probleme bekommen, bspw. wenn du einen Radius einstellen willst.
Daher empfehlen wir die Adresse immer zu hinterlegen und in der Kopfzeile bei Bedarf auszublenden.


Troubleshooting

Problem: Der "Zurück zur Startseite"-Link funktioniert nicht

  • Überprüfe, ob du eine vollständige URL inklusive https:// eingegeben hast

  • Stelle sicher, dass die Ziel-URL erreichbar ist

  • Lösche den Browser-Cache und teste erneut

  • Bei Verwendung eines Kioskbrowsers für dein Tablet oder Self-Oder-Kiosk wird das Aufrufen der Seite durch diesen blockiert

Problem: Das Logo oder Bild wird nicht angezeigt

  • Prüfe das Dateiformat (empfohlen: PNG oder JPG)

  • Achte auf die maximale Dateigröße (max. 8 MB bzw. 50.000.000 Pixel bei GIFs)

  • Leere den Browser-Cache

Hat dies deine Frage beantwortet?