Banner & Werbeaktionen

Banner ermöglichen es Ihnen, Werbeinhalte, Sonderangebote und Ankündigungen zwischen Menükategorien anzuzeigen. Nutzen Sie sie, um Deals, neue Artikel oder wichtige Informationen für Ihre Kunden hervorzuheben.

::: note Zugriff: Navigieren Sie zu Admin → Banner, um Werbebanner zu verwalten. :::

1. Banner verstehen

Banner sind Bilder, die zwischen Menüseiten/-kategorien in der Kundenbestelloberfläche erscheinen:

• Visuelle Wirkung: Kundenaufmerksamkeit mit Grafiken erregen
• Werblich: Sonderangebote, Rabatte, neue Artikel hervorheben
• Informativ: Öffnungszeiten, Allergeninfo oder Richtlinien anzeigen
• Flexibel: Nach Bedarf planen und neu anordnen

2. Bannertypen & Größen

Einzelbanner (BANNER_SINGLE)

• Abmessungen: Volle Breite, einfache Höhe
• Am besten für: Allgemeine Werbung, Ankündigungen
• Seitenverhältnis: Ungefähr 16:5

Doppelbanner (BANNER_DOUBLE)

• Abmessungen: Volle Breite, doppelte Höhe
• Am besten für: Detaillierte Werbung, Menü-Highlights
• Seitenverhältnis: Ungefähr 16:10

Halbbildschirm-Banner (BANNER_HALF_SCREEN)

• Abmessungen: Große, wirkungsvolle Größe
• Am besten für: Große Werbeaktionen, hervorgehobene Artikel
• Seitenverhältnis: Ungefähr 4:3

3. Banner erstellen

Schritt-für-Schritt

1. Klicken Sie auf "Banner erstellen" Schaltfläche
2. Wählen Sie den Bannertyp aus dem Dropdown
3. Wählen Sie ein Bild aus (siehe Upload-Abschnitt unten)
4. Legen Sie Anzeigeoptionen fest:

Option	Beschreibung
Name	Interner Referenzname
Alt-Text	Textbeschreibung für Barrierefreiheit
Link (optional)	URL, wenn das Banner anklickbar sein soll
Aktive Daten	Wann das Banner angezeigt werden soll

5. Klicken Sie auf Speichern

Bilder hochladen

1. Klicken Sie auf "Bild auswählen" oder Drag & Drop
2. Unterstützte Formate: JPG, PNG, WebP
3. Empfohlen: Hohe Auflösung (mindestens 1200px Breite)
4. Dateien werden automatisch optimiert

TIP

Designtipp: Verwenden Sie fett gedruckten, lesbaren Text und kontrastreiche Farben. Banner werden auf mobilen Geräten angezeigt - testen Sie die Lesbarkeit bei kleinen Größen.

4. Banner-Editor verwenden

Zuschneiden & Positionieren

Der integrierte Editor ermöglicht grundlegende Bildanpassungen:

• Zuschneiden: Bildausschnitt zum Anzeigen auswählen
• Zoomen: Bild innerhalb des Rahmens vergrößern
• Schwenken: Bild verschieben, um den Fokusbereich zu zentrieren
• Vorschau: Sehen, wie es für Kunden aussehen wird

Vorschaumodus

1. Klicken Sie auf das Auge-Symbol auf einem Banner
2. Sehen Sie, wie es in der Kundenschnittstelle angezeigt wird
3. Überprüfen Sie es nach Möglichkeit auf verschiedenen Gerätegrößen
4. Klicken Sie auf Schließen, um die Vorschau zu beenden

5. Bannerreihenfolge verwalten

Banner neu anordnen

Banner erscheinen im Menü in der von Ihnen festgelegten Reihenfolge:

1. Finden Sie das Banner in der Liste
2. Klicken Sie auf den Pfeil nach oben (↑), um es früher zu platzieren
3. Klicken Sie auf den Pfeil nach unten (↓), um es später zu platzieren
4. Änderungen werden sofort wirksam

::: note Profitipp: Platzieren Sie Ihre wichtigste Werbung zuerst. Banner durchlaufen die angegebene Reihenfolge. :::

Menüpositionen zuweisen

Steuern Sie, wo Banner im Menüablauf erscheinen:

1. Bearbeiten Sie das Banner
2. Finden Sie die Einstellung Menüposition
3. Wählen Sie, wann das Banner erscheinen soll:
   • Nach bestimmten Kategorien
   • Vor Desserts
   • Zwischen Getränken und Hauptgerichten

6. Banner planen

Zeitbasierte Anzeige

Legen Sie fest, dass Banner nur in bestimmten Zeiträumen erscheinen:

• Startdatum: Wann das Banner aktiv wird
• Enddatum: Wann das Banner automatisch deaktiviert wird
• Tageszeit: Nur zu bestimmten Uhrzeiten anzeigen (z.B. Mittagsangebote 11-14 Uhr)

Tagesspezifische Banner

Erstellen Sie tagesabhängige Werbeaktionen:

• Montag: "Fleischloser-Montag-Angebot"
• Mittwoch: "Wein-Mittwoch"
• Freitag: "Wochenend-Kickstart-Angebote"

7. Bearbeiten & Löschen

Banner bearbeiten

1. Finden Sie das Banner in der Liste
2. Klicken Sie auf das Stift-Symbol (✏️)
3. Nehmen Sie die gewünschten Änderungen vor
4. Klicken Sie auf Speichern

Banner löschen

1. Klicken Sie auf das Papierkorb-Symbol (🗑️)
2. Bestätigen Sie die Löschung
3. Banner wird sofort aus der Kundenansicht entfernt

WARNING

Hinweis: Gelöschte Banner können nicht wiederhergestellt werden. Erwägen Sie die Deaktivierung, wenn Sie es wiederverwenden möchten.

Deaktivieren (Vorübergehend)

Um ein Banner ohne Löschen auszublenden:

1. Bearbeiten Sie das Banner
2. Schalten Sie Aktiv auf AUS
3. Banner wird ausgeblendet, aber für die zukünftige Verwendung aufbewahrt

8. Bewährte Verfahren für das Design

Das sollten Sie tun

• Hochwertige Bilder verwenden (nicht unscharf oder verpixelt)
• Text groß und lesbar halten
• Markenkonforme Farben verwenden
• Klare Handlungsaufrufe einfügen ("Heute probieren!", "Nur für kurze Zeit!")
• Auf tatsächlichen mobilen Geräten testen
• Regelmäßig aktualisieren, um Inhalte frisch zu halten

Das sollten Sie vermeiden

• Zu viel Text - halten Sie es kurz
• Überladene Designs mit mehreren Blickpunkten
• Kontrastarmen Text, der schwer lesbar ist
• Veraltete Werbeaktionen (abgelaufene Daten)
• Sehr große Dateien (langsames Laden)

9. Werbeideen

Typ	Beispiel	Bester Bannertyp
Saisonale Angebote	"Sommer-BBQ-Menü jetzt verfügbar"	Doppel
Zeitlich begrenzte Angebote	"Blitzaktion - 20% Rabatt nur heute"	Einzel
Neueinführung	"Unser neuer Trüffel-Burger"	Halbbildschirm
Happy Hour	"2-für-1 Cocktails 16-19 Uhr"	Einzel
Treueprogramm	"Unseren Prämien beitreten - Punkte sammeln"	Einzel
Feiertagsangebote	"Muttertags-Brunch-Reservierungen"	Halbbildschirm

Fehlerbehebung

Problem	Lösung
Banner wird nicht angezeigt	Prüfen, ob es als Aktiv markiert ist, Daten aktuell sind und Banner dieser Konfiguration zugewiesen ist
Bild wirkt gestreckt	Mit Editor neu zuschneiden, Bild mit korrektem Seitenverhältnis für Bannertyp hochladen
Text zu klein zum Lesen	Mit größerem Text neu gestalten, Doppel- oder Halbbildschirm-Banner für mehr Platz erwägen
Bannerreihenfolge falsch	Pfeiltasten zum Neuanordnen verwenden, Menüpositionseinstellungen prüfen
Upload schlägt fehl	Dateigröße prüfen (max. 5MB), Format überprüfen (JPG/PNG/WebP), Bildkomprimierung versuchen

Erfolg messen

Verfolgen Sie die Wirksamkeit Ihrer Banner:

• Verkäufe der beworbenen Artikel überwachen
• Bestellwerte mit und ohne Werbeaktionen vergleichen
• Kunden fragen, ob sie die Werbung gesehen haben
• A/B-Tests verschiedener Bannerdesigns durchführen
• Einlösung bannerspezifischer Angebote verfolgen