Die meisten Gäste bestellen von mobilen Geräten aus. Prüfen Sie die mobile Vorschau vor dem Speichern.
Was Sie anpassen können
Die Seitenleiste von Design & Branding ist in drei Hauptbereiche gegliedert:Bevor Sie beginnen
Zugriff auf Design-&-Branding-Funktionen
Einige Bereiche von Design & Branding sind nur mit storekit+ verfügbar. Ist ein Bereich in Ihrem Admin gesperrt, umfasst Ihr aktueller Tarif möglicherweise keinen vollen Zugriff auf Design & Branding. Um alle Optionen freizuschalten, müssen Sie auf storekit+ upgraden.Vollen Zugriff auf Design & Branding benötigt? Wenden Sie sich an den storekit-Support, um diese Funktion Ihrem Konto hinzuzufügen. Ein storekit+-Abonnement ist erforderlich.
Branding
Die Branding-Einstellungen steuern die visuelle Identität Ihrer Bestellseite. Der Branding-Bereich umfasst:- Bilder
- Typografie
- Buttons
- Farben
Bilder
Im Bereich Bilder aktualisieren Sie die zentralen Bildelemente Ihrer Bestellseite.Bild-Tipps
- Verwenden Sie hochwertige Bilder, die zu Ihrer Marke passen.
- Halten Sie Logos schlicht und wiedererkennbar.
- Verwenden Sie für Logos und Favicons quadratische Bilder.
- Verwenden Sie für Header-Bilder Querformate.
- Vermeiden Sie wichtigen Text nahe am Bildrand, da Bilder auf Mobilgeräten anders zugeschnitten werden.
- Prüfen Sie die mobile Vorschau immer vor dem Speichern.
Header-Bilder können je nach Bildschirmgröße unterschiedlich zugeschnitten werden. Für beste Ergebnisse zentrieren Sie den wichtigsten Bildinhalt.
Typografie
Im Bereich Typografie passen Sie das Textstyling auf Ihrer Bestellseite an. Sie können Typografie für verschiedene Textbereiche anpassen, etwa Überschriften, Fließtext, Buttons und Menütext. Jede Typografie-Einstellung steuert die Schrift, Groß-/Kleinschreibung und die Größenskala.Schrift
Die Schrifteinstellung steuert die Schriftart im gewählten Textbereich. Standardmäßig verwendet die Bestellseite ggf. die Systemschrift. Sie können auch eine eigene Schriftdatei hochladen, wo dies unterstützt wird.Eigene Schriften sollten als
WOFF2-Datei hochgeladen werden.Groß-/Kleinschreibung
Der Schalter für die Groß-/Kleinschreibung legt fest, ob der Textbereich in Standard- oder in Großbuchstaben dargestellt wird. Das kann nützlich sein, um Überschriften, Buttons oder Menü-Labels stärker hervorzuheben.Größenskala
Die Größenskala passt die relative Größe des gewählten Textbereichs an. Eine Verringerung macht den Text kleiner, eine Erhöhung größer. Nützlich, wenn Überschriften, Produktnamen, Beschreibungen oder Buttons zu groß oder zu klein wirken.Typografie-Tipps
- Laden Sie eine
WOFF2-Schriftdatei hoch, wenn Sie eine eigene Schrift nutzen. - Wählen Sie gut lesbare Textstile.
- Verwenden Sie Großbuchstaben mit Bedacht, besonders bei längerem Text.
- Passen Sie die Größenskala an, wenn Überschriften, Menü-Elemente oder Buttons zu groß oder zu klein wirken.
- Prüfen Sie längere Produktnamen und Beschreibungen vor dem Speichern.
- Prüfen Sie die mobile Vorschau immer vor dem Speichern.
Typografie-Änderungen können Abstände und Layout beeinflussen, besonders auf Mobilgeräten. Prüfen Sie die mobile Vorschau immer vor dem Speichern.
Buttons
Im Bereich Buttons passen Sie das Erscheinungsbild kundenseitiger Buttons an. Buttons dienen wichtigen Aktionen wie Artikel in den Warenkorb legen, Warenkorb ansehen, Checkout starten und Bestellung aufgeben.Button-Tipps
- Verwenden Sie Farben, die sich klar vom Seitenhintergrund abheben.
- Achten Sie darauf, dass Button-Text gut lesbar ist.
- Prüfen Sie wichtige Aktionen wie In den Warenkorb, Warenkorb ansehen und Checkout-Buttons.
- Vermeiden Sie Button-Farben, die mit der Seite verschmelzen.
Farben
Im Bereich Farben passen Sie die Farbpalette Ihrer Bestellseite an. Farbeinstellungen wirken auf das allgemeine Thema, Hintergründe, Text, Akzente, Buttons, Menü-Elemente, Modifikatoren und weitere kundenseitige Elemente.Voreinstellungen
Voreinstellungen wenden schnell ein vordefiniertes Farbthema auf Ihre Bestellseite an. Das ist nützlich, wenn Sie mit einem fertigen Stil starten möchten — etwa einem minimalistischen Thema, Dark Mode oder einer anderen Preset-Palette — bevor Sie Detailanpassungen vornehmen.Nach Auswahl eines Presets können Sie einzelne Farbfelder weiterhin manuell anpassen.
Kontrastwarnungen anzeigen
Der Schalter Kontrastwarnungen anzeigen hebt Text-/Hintergrund-Kombinationen hervor, die schwer lesbar sein könnten. Ist er aktiviert, prüft Design & Branding, ob die gewählten Kombinationen den WCAG-AA-Kontrastvorgaben entsprechen.Kontrastwarnungen kennzeichnen Text-/Hintergrundpaare, die den WCAG-AA-Kontrast nicht erreichen:
4,5:1 für Standardtext und 3:1 für großen Text. Streben Sie AA oder höher an, um Lesbarkeit für alle Nutzer sicherzustellen.Farbeinstellungen
Farb-Tipps
- Beginnen Sie mit einem Preset für ein schnelles Thema und passen Sie dann einzelne Farben an.
- Verwenden Sie nach Möglichkeit Ihre Markenfarben.
- Verwenden Sie bei Markenvorgaben genaue Hex-Codes.
- Aktivieren Sie beim Bearbeiten Kontrastwarnungen anzeigen.
- Achten Sie darauf, dass Text vor dem Hintergrund lesbar bleibt.
- Prüfen Sie Buttons, Warenkorb, Checkout, Hinweise, Modifikatoren und Produktbeschreibungen.
- Prüfen Sie die mobile Vorschau vor dem Speichern.
Layout
Die Layout-Einstellungen steuern die Anordnung Ihrer Bestellseite und wie Gäste Menü, Warenkorb und Header nutzen. Der Layout-Bereich umfasst:- Menü
- Menü-Artikel
- Warenkorb
- Header-Stil
Menü
Im Bereich Menü passen Sie die Darstellung Ihres Menüs an. Sie können das Gesamt-Layout wählen, Anzahl der Spalten auf Desktop und Mobile anpassen, Bildgrößen steuern, die Artikel-Ausrichtung wählen und die Anzeige von Kategorie-Navigationsbildern festlegen.Menü-Layout-Änderungen beeinflussen, wie Gäste Ihr Menü durchstöbern. Prüfen Sie sowohl die Desktop- als auch die Mobile-Vorschau vor dem Speichern.
Artikel-Layout
Das Artikel-Layout steuert die Grundstruktur zur Anzeige von Menü-Artikeln.Menü-Layout anpassen
Die Optionen Anpassen ermöglichen weitere Feinjustage des gewählten Layouts.Artikel-Ausrichtung
Steuert die Anordnung von Bild und Text innerhalb eines Menü-Artikels.Kategorie-Navigationsbilder
Steuert, ob Kategoriebilder in der Menü-Navigation erscheinen.Menü-Tipps
- Wählen Sie ein Layout, das zu Umfang und Stil Ihres Menüs passt.
- Verwenden Sie Liste oder Kompakt für schlichtere Menüs.
- Verwenden Sie Karten- oder Raster-Layouts, wenn Ihr Menü stark auf Bilder setzt.
- Halten Sie Mobile-Spalten übersichtlich. Eine Spalte ist bei langen Namen oder Beschreibungen oft klarer.
- Prüfen Sie Produkte mit langen Namen, langen Beschreibungen, Modifikatoren und Bildern vor dem Speichern.
- Aktivieren Sie das Währungssymbol, wenn Preise sonst unklar sind.
- Bei Kategorie-Navigationsbildern: Achten Sie auf klare und konsistente Kategoriebilder.
- Prüfen Sie sowohl Desktop- als auch Mobile-Vorschau vor dem Speichern.
Design & Branding steuert die Präsentation Ihres Menüs. Produktnamen, Preise, Modifikatoren, Bilder und Verfügbarkeit müssen ggf. im Menü-Editor oder anderswo im Admin gepflegt werden.
Menü-Artikel
Im Bereich Menü-Artikel passen Sie an, wie einzelne Produkte auf Ihrer Bestellseite erscheinen und wie Artikeldetails angezeigt werden, wenn ein Gast einen Artikel öffnet. Dazu gehören Artikel-Modal-Layout, Modifikatoranzeige, Anzeige geringer Bestände, Allergen-Anzeige, Makro-Informationen, Altersfreigaben und die Anzahl der Textzeilen.Menü-Artikel-Einstellungen beeinflussen, wie Gäste Produkte ansehen und auswählen. Prüfen Sie Artikel mit Bildern, Modifikatoren, Allergenen und langen Beschreibungen vor dem Speichern.
Artikel-Modal
Das Artikel-Modal ist die Detailansicht, die Gäste beim Auswählen eines Menü-Artikels sehen.Modal-Bildstil
Modal-Desktop-Ansicht
Content-Position
Modifikator-Stil
Steuert, wie Artikel-Optionen und Modifikatorgruppen bei der Anpassung eines Artikels erscheinen.Anzeige geringer Bestände
Steuert, ob Gäste verbleibende Bestandsinformationen für Artikel mit begrenztem Bestand sehen.Verwenden Sie Bestandsanzeigen nur, wenn die Bestände aktiv und korrekt gepflegt werden.
Allergen-Anzeige
Steuert, wie Allergen-Informationen bei Menü-Artikeln erscheinen.Makro-Rechner
Steuert, ob Nährwert-Makro-Informationen angezeigt werden, wo verfügbar.Altersfreigabe
Steuert, ob Gäste vor Anzeige oder Bestellung bestimmter Artikel ihr Alter bestätigen müssen.Zeilenumbruch bei Menü-Artikelnamen
Steuert, wie viele Zeilen des Artikelnamens angezeigt werden, bevor der Text gekürzt wird.
Bei
1 bleiben Artikelnamen möglichst einzeilig. Höhere Werte erlauben längere Namen.
Beschreibungszeilen für Artikel
Steuert die Anzahl der Beschreibungszeilen in der Menü-Artikelvorschau.
Nützlich für ein aufgeräumteres Menü-Layout oder bei sehr langen Beschreibungen.
Tipps zu Menü-Artikeln
- Prüfen Sie Produkte mit langen Namen.
- Prüfen Sie Produkte mit langen Beschreibungen.
- Prüfen Sie Artikel mit Modifikatoren oder Optionen.
- Prüfen Sie Artikel mit Produktbildern.
- Prüfen Sie die Allergen-Anzeige, wo Allergen-Informationen genutzt werden.
- Nutzen Sie die Bestandsanzeige nur bei korrektem Bestand.
- Setzen Sie Altersfreigaben mit Bedacht und nur dort ein, wo sinnvoll.
- Prüfen Sie das Artikel-Modal auf Desktop und Mobile vor dem Speichern.
- Vermeiden Sie Layouts, die das Menü auf Mobilgeräten überladen wirken lassen.
Design & Branding steuert die Darstellung. Produktnamen, Preise, Beschreibungen, Bilder, Modifikatoren, Allergene, Bestand und Verfügbarkeit müssen ggf. im Menü-Editor oder anderswo im Admin gepflegt werden.
Warenkorb
Im Bereich Warenkorb passen Sie an, wie der Warenkorb im Bestellablauf erscheint. Warenkorb-Einstellungen beeinflussen, wie Gäste ausgewählte Artikel prüfen, Preise sehen und zum Checkout weitergehen.Der Warenkorb ist ein wichtiger Teil des Checkouts. Achten Sie darauf, dass Gäste Artikel klar prüfen und die Bestellung fortsetzen können.
Artikelbilder
Steuert, ob Produktbilder im Warenkorb erscheinen.Artikelbilder anpassen
Mit Anpassen justieren Sie die Warenkorb-Bildgröße fein.Preise
Steuert die Preisanzeige im Warenkorb.Checkout-Button mit automatischer Breite
Ändert die Checkout-Button-Breite auf Mobilgeräten. Ist die Option aktiviert, wird der Button als kontextbezogener, schwebender Button statt in voller Breite dargestellt.Warenkorb-Tipps
- Artikelbilder verwenden, wenn sie Produkte schneller erkennbar machen.
- Bilder ausblenden, wenn der Warenkorb überladen wirkt.
- Preise sichtbar halten, sofern kein spezifischer Grund dagegen spricht.
- Warenkorb mit mehreren Artikeln prüfen.
- Warenkorb mit Modifikatoren oder Optionen prüfen.
- Checkout-Button auf Mobilgeräten prüfen.
- Sicherstellen, dass der Checkout-Button gut sichtbar und leicht antippbar ist.
Header-Stil
Im Bereich Header-Stil passen Sie den oberen Bereich Ihrer Bestellseite an. Der Header ist eines der ersten Dinge, die Gäste beim Öffnen sehen — er prägt Erscheinungsbild und Anmutung Ihres Ladens.Was Sie anpassen können
Header-Tipps
- Achten Sie darauf, dass Ihr Logo gut sichtbar ist.
- Verwenden Sie ein Header-Bild, das auf Desktop und Mobile gut wirkt.
- Halten Sie wichtigen Bildinhalt zentriert.
- Vermeiden Sie Header-Bilder mit Text nah am Rand.
- Prüfen Sie den Header nach dem Scrollen, insbesondere bei klebriger Navigationsleiste.
Header-Bilder können je nach Bildschirmgröße unterschiedlich dargestellt werden. Prüfen Sie die mobile Vorschau immer vor dem Speichern.
Inhalt
Die Inhaltseinstellungen steuern zusätzliche Informationen auf Ihrer Bestellseite. Der Inhaltsbereich umfasst:- Beschreibung
- Hinweise
- Bestellstatus
- Individuelle Sektionen
Beschreibung
Im Bereich Beschreibung aktualisieren Sie die Beschreibung Ihres Standorts auf der Bestellseite. Sie können damit Ihr Haus vorstellen, Ihre Küche erklären oder nützliche Bestellinformationen geben.Beschreibungs-Tipps
- Halten Sie die Beschreibung klar und knapp.
- Verwenden Sie eine kundenfreundliche Sprache.
- Vermeiden Sie lange Absätze.
- Vermeiden Sie Informationen, die schnell veralten, sofern Sie diese nicht pflegen.
- Prüfen Sie, wie die Beschreibung auf Mobilgeräten wirkt.
Anwendungsbeispiele
Sie können die Beschreibung nutzen für:- Kurze Vorstellung des Hauses
- Küchenart
- Bestellhinweise
- Markenbotschaft
- Nützliche Service-Informationen
Hinweise
Im Bereich Hinweise fügen Sie kundenseitige Mitteilungen zu Ihrer Bestellseite hinzu. Hinweise eignen sich für wichtige Updates, Service-Informationen oder Mitteilungen, die Gäste vor dem Bestellen sehen sollen.Menü-Hinweis
Der Menü-Hinweis wird unten am Menü angezeigt. Er wird typischerweise für Informationen wie Allergen-, Kalorien- oder Servicegebühren-Hinweise verwendet.Geschlossen-Meldung
Die Geschlossen-Meldung wird angezeigt, wenn Ihr Laden geschlossen oder pausiert ist. Sie können damit anpassen, was Gäste sehen, wenn Bestellungen aktuell nicht möglich sind.Formatierung und Links
Beide Hinweise unterstützen grundlegende Formatierung:- Fett
- Kursiv
- Unterstreichen
- Hyperlinks
Achten Sie darauf, dass hinzugefügte Links korrekt und kundenseitig sind, bevor Sie speichern.
Tipps zu Hinweisen
- Halten Sie Hinweise kurz und klar.
- Nutzen Sie den Menü-Hinweis für menübezogene Informationen wie Allergene, Kalorien oder Servicegebühren.
- Nutzen Sie die Geschlossen-Meldung zur Erklärung, warum aktuell nicht bestellt werden kann.
- Entfernen oder aktualisieren Sie temporäre Hinweise, wenn sie nicht mehr relevant sind.
- Achten Sie darauf, dass Hinweise nicht mit Öffnungszeiten, Menü oder Service-Einstellungen kollidieren.
- Prüfen Sie Hinweise auf Mobilgeräten vor dem Speichern.
Bestellstatus
Im Bereich Bestellstatus legen Sie fest, ob auf der Bestellstatus-Seite eine Karte angezeigt wird. Das kann Gästen helfen, standort- oder lieferbezogene Informationen nach der Bestellung zu verstehen.Kartensichtbarkeit
Steuert, ob die Karte auf der Bestellstatus-Seite angezeigt oder ausgeblendet wird.Karte
Die Karteneinstellungen passen die Darstellung an.Tipps zum Bestellstatus
- Verwenden Sie Sichtbar, wenn die Karte Standort- oder Lieferinformationen erhellt.
- Verwenden Sie Ausgeblendet, wenn die Karte für Ihren Ablauf nicht nötig ist.
- Prüfen Sie die Bestellstatus-Seite nach dem Speichern, wo möglich.
- Stellen Sie sicher, dass Marker oder Standort korrekt sind.
Die Karte erscheint möglicherweise nur, wo sie durch die Bestellstatus-Seite und Ihre Ladeneinrichtung unterstützt wird.
Individuelle Sektionen
Im Bereich Individuelle Sektionen fügen Sie zusätzliche Inhaltsblöcke zu Ihrer Bestellseite hinzu. Individuelle Sektionen eignen sich für Promotionen, visuelle Inhalte, Standort-Informationen oder weitere kundenseitige Mitteilungen, die nicht in Beschreibung oder Hinweise passen.Individuelle Sektionen müssen vom storekit-Support aktiviert werden. Wenden Sie sich an den storekit-Support, um diese Funktion Ihrem Konto hinzuzufügen.
Eine Sektion hinzufügen
Sie können aus mehreren Sektionsvorlagen wählen:Sektionen bearbeiten
Nach dem Hinzufügen können Sie Inhalt und Gestaltung im Sektions-Editor bearbeiten. Verfügbare Steuerelemente können sein:Individuelle Sektionen unterstützen Hyperlinks. Achten Sie darauf, dass alle Links korrekt und kundenseitig sind, bevor Sie speichern.
Hero
Die Hero-Sektion fügt ein großes visuelles Banner zur Bestellseite hinzu. Nützlich, um Ihr Haus vorzustellen, ein starkes Markenbild zu zeigen oder eine Kernbotschaft nahe am Menü hervorzuheben. Häufige Nutzung:- Willkommensbotschaften
- Marken-Einführungen
- Saisonale Kampagnen
- Prägnante Bilder
- Wirkungsstarke visuelle Inhalte
Hero-Tipps
- Verwenden Sie ein hochwertiges Querformat-Bild.
- Zentrieren Sie wichtigen Bildinhalt.
- Verwenden Sie kurze, klare Überschriften.
- Achten Sie darauf, dass Text über dem Bild lesbar bleibt.
- Verwenden Sie ein Overlay, wenn das Bild den Text schwer lesbar macht.
- Prüfen Sie Desktop- und Mobile-Vorschau vor dem Speichern.
Handlungsaufruf
Die Handlungsaufruf-Sektion soll Gäste zu einer bestimmten Aktion motivieren. Sie enthält meist eine kurze Nachricht und einen Link oder Button-Aufruf, z. B. „Jetzt bestellen” oder „Menü ansehen”. Häufige Nutzung:- Gäste zur Bestellung motivieren
- Lieferung oder Abholung bewerben
- Zu einer bestimmten Seite verlinken
- Kampagne hervorheben
- Gäste zu einem anderen Service leiten
Tipps zum Handlungsaufruf
- Kurze, direkte Botschaft.
- Aktion klar machen.
- Nutzen Sie einen Link, wenn Gäste weitergehen sollen.
- Achten Sie darauf, dass der Aufruftext gut lesbar ist.
- Die Sektion sollte auf Mobilgeräten gut wirken.
Info-Karte
Die Info-Karte-Sektion eignet sich für einfache Info-Inhalte. Sie kann Details zeigen, die Gäste vor dem Bestellen brauchen. Häufige Nutzung:- Öffnungszeiten
- Lieferinformationen
- Abholanweisungen
- Service-Verfügbarkeit
- Standort-Hinweise
- Kontaktinformationen
Tipps zur Info-Karte
- Halten Sie die Informationen knapp.
- Vermeiden Sie zu viel Text.
- Sorgen Sie dafür, dass die Angaben zu den Ladeneinstellungen passen.
- Aktualisieren Sie die Karte, wenn sich Informationen ändern.
- Prüfen Sie die mobile Vorschau vor dem Speichern.
Ankündigung
Die Ankündigungs-Sektion fügt eine hervorgehobene Nachricht zur Bestellseite hinzu. Nützlich für Promotionen, temporäre Updates oder wichtige Mitteilungen. Häufige Nutzung:- Zeitlich begrenzte Angebote
- Kostenlose-Lieferung-Aktionen
- Service-Updates
- Feiertagsnachrichten
- Temporäre Änderungen
- Wichtige Hinweise
Tipps zu Ankündigungen
- Ankündigungen kurz halten.
- Temporäre Ankündigungen entfernen oder aktualisieren, sobald sie nicht mehr relevant sind.
- Achten Sie darauf, dass Aktionsdetails stimmen.
- Achten Sie darauf, dass Ankündigungen nicht mit Hinweisen, Menü- oder Service-Einstellungen kollidieren.
- Nutzen Sie gut lesbare Farben mit starkem Kontrast.
Über uns
Die Über uns-Sektion teilt mehr über Ihr Haus, Ihre Marke, Ihre Küche oder Ihre Geschichte. Nützlich, um Ihrer Bestellseite Persönlichkeit zu verleihen und Gästen zu vermitteln, was Ihren Standort besonders macht. Häufige Nutzung:- Story des Hauses
- Markenbotschaft
- Kulinarisches Konzept
- Regionale Herkunft
- Gemeinschaftsbotschaft
- Restauranthintergrund
Tipps zu „Über uns”
- Kundenfreundlicher Text.
- Keine langen Absätze.
- Nutzen Sie ein starkes Bild, das zu Ihrem Haus passt.
- Achten Sie darauf, dass der Text über dem Hintergrund lesbar bleibt.
- Prüfen Sie die Sektion auf Mobilgeräten vor dem Speichern.
Tipps zu individuellen Sektionen
- Setzen Sie individuelle Sektionen unterstützend ein, nicht ablenkend.
- Halten Sie Inhalte kurz und relevant.
- Vermeiden Sie zu viele Sektionen.
- Verwenden Sie hochwertige Bilder.
- Prüfen Sie den Textkontrast über Bildern.
- Prüfen Sie Hyperlinks vor dem Speichern.
- Sehen Sie sich die gesamte Bestellseite auf Mobilgeräten vor dem Speichern an.
Best Practices
Mit Presets beginnen, dann anpassen
Beginnen Sie bei Farben mit einem Preset, wenn Sie schnell ein Thema wünschen, und passen Sie einzelne Farbfelder danach manuell an. Aktivieren Sie beim Bearbeiten Kontrastwarnungen anzeigen, um Text-/Hintergrund-Kombinationen zu prüfen.Interaktive Elemente prüfen
Prüfen Sie vor dem Speichern wichtige Kundenaktionen wie:- In den Warenkorb
- Modifikator-Auswahl
- Ausgewählte Modifikator-Karten
- Warenkorb ansehen
- Checkout
- Bestellstatus-Seite
- Links in individuellen Sektionen
Sensible Inhalte prüfen
Bei Altersfreigaben, Allergen-Anzeige, Bestandsanzeige oder Makro-Informationen: Sorgen Sie vor dem Speichern für korrekte Informationen. Achten Sie besonders auf:- Allergen-Angaben
- Bestände
- Altersgekennzeichnete Artikel
- Nährwert- oder Makro-Angaben
- Preissichtbarkeit im Warenkorb
Individuelle Sektionen fokussiert halten
Individuelle Sektionen sollten das Bestellerlebnis unterstützen. Nutzen Sie sie für kundenseitige Informationen wie:- Promotionen
- Öffnungszeiten
- Liefer- oder Abholhinweise
- Story des Hauses
- Allergen- oder Service-Informationen
- Handlungsaufrufe
Mobile Vorschau prüfen
Da die meisten Gäste mobil bestellen, prüfen Sie die mobile Vorschau immer vor dem Speichern. Besonders achten auf:- Header-Bild-Zuschnitt
- Logo-Sichtbarkeit
- Menü-Layout
- Menü-Artikelkarten
- Artikel-Modals
- Modifikator-Auswahl
- Warenkorb-Sichtbarkeit
- Checkout-Button-Layout
- Button-Lesbarkeit
- Hinweise
- Individuelle Sektionen
- Bestellstatus-Karte, wo verwendet
Klare Bilder verwenden
Für beste Ergebnisse:- Verwenden Sie für Logos und Favicons quadratische Bilder.
- Verwenden Sie für Header Querformate.
- Zentrieren Sie wichtigen Bildinhalt.
- Vermeiden Sie textlastige Bilder.
- Laden Sie keine unscharfen oder qualitativ schwachen Bilder hoch.
Text knapp halten
Langer Text macht die Bestellseite schwerer nutzbar, besonders mobil. Versuchen Sie, Folgendes kurz und klar zu halten:- Ladenbeschreibungen
- Hinweise
- Individuelle Sektionen
- Produktbeschreibungen
Lesbarkeit priorisieren
Achten Sie bei Schriften und Farben darauf, dass Gäste Folgendes leicht lesen können:- Produktnamen
- Produktbeschreibungen
- Preise
- Hinweise
- Warenkorb-Summen
- Checkout-Buttons
Bestellstrecke klar halten
Designänderungen sollten das Bestellen erleichtern, nicht erschweren. Prüfen Sie vor dem Speichern, dass Gäste einfach:- Das Menü durchstöbern
- Produktoptionen verstehen
- Artikel in den Warenkorb legen
- Ihren Warenkorb einsehen
- Zum Checkout weitergehen
- Bestellungen aufgeben
Fehlerbehebung
Ein Bereich ist gesperrt oder nicht verfügbar
Einige Design-&-Branding-Bereiche sind nur mit storekit+ verfügbar. Ist ein Bereich in Ihrem Admin gesperrt, wenden Sie sich an den storekit-Support, um diese Funktion Ihrem Konto hinzuzufügen. Ein storekit+-Abonnement ist erforderlich.Mein Text ist über einem Bild schwer lesbar
Wenn Text über einem Header-Bild, einer Hero-Sektion oder einem Sektionsbild schwer lesbar ist:- Nutzen Sie ein dunkleres oder helleres Overlay
- Ändern Sie die Textfarbe
- Wählen Sie ein einfacheres Bild
- Halten Sie wichtigen Text von unruhigen Bildbereichen fern
- Prüfen Sie die Sektion auf Mobilgeräten
Mein Menü wirkt auf Mobilgeräten überladen
Fühlt sich das Menü überladen an, prüfen Sie:- Mobile-Spalten
- Bildgröße
- Artikel-Ausrichtung
- Große Bilder
- Beschreibungszeilen für Artikel
- Zeilenumbruch bei Menü-Artikelnamen
- Kategorie-Navigationsbilder
Mein Artikel-Modal wirkt zu groß oder schwer nutzbar
Prüfen Sie:- Modal-Bildstil
- Modal-Desktop-Ansicht
- Content-Position
- Modifikator-Stil
- Modal-Rahmen
- Artikel-Bildgröße
- Mobile Vorschau
Modifikator-Optionen sind schwer verständlich
Prüfen Sie den gewählten Modifikator-Stil. Sind Optionen schwer zu überfliegen, versuchen Sie ein schlichteres Layout oder sorgen Sie für klare Modifikator-Namen und -Bilder.Bestandsanzeige wirkt falsch
Bestand und Bestandsanzeige sollten nur bei aktivem und korrektem Bestandsmanagement verwendet werden. Wirken die Zahlen falsch, prüfen Sie die Bestandsdaten des Artikels, bevor Sie den Anzeigestil ändern.Allergen-Informationen fehlen oder sind unklar
Die Allergen-Anzeige steuert die Darstellung, die Allergen-Angaben selbst werden aber ggf. in den Menü-Artikel-Einstellungen gepflegt. Prüfen Sie die Angaben, bevor Sie sich auf die Anzeige verlassen.Der Warenkorb zeigt Preise nicht wie erwartet
Prüfen Sie die Einstellung Preise im Warenkorb-Bereich. Warenkorbpreise können auf folgendes gesetzt sein:- Alle anzeigen
- Warenkorb-Summe ausblenden
- Alle ausblenden
Mein Link in einer individuellen Sektion funktioniert nicht
Prüfen Sie, ob der Hyperlink korrekt und kundenseitig ist. Achten Sie darauf, dass der Link die vollständige URL enthält, speichern Sie und testen Sie ihn auf der Live-Bestellseite.Die Bestellstatus-Karte wird nicht angezeigt
Prüfen Sie:- Kartensichtbarkeit steht auf Sichtbar
- Die Bestellstatus-Seite unterstützt die Karte für Ihre Ladeneinrichtung
- Marker oder Standort ist korrekt konfiguriert
Meine Änderungen erscheinen in der Vorschau, aber nicht live
Stellen Sie sicher, dass Sie auf Speichern geklickt haben. Die Vorschau aktualisiert sich sofort, die Live-Seite jedoch erst nach dem Speichern. Nach dem Speichern die Live-Seite neu laden und prüfen, dass Sie den richtigen Laden ansehen.Mein Bild wirkt beschnitten
Einige Bilder, besonders Header-Bilder, werden automatisch für unterschiedliche Bildschirmgrößen zugeschnitten. Prüfen Sie die mobile Vorschau und verwenden Sie ein Bild mit zentriertem wichtigem Inhalt.Vermeiden Sie wichtigen Text, Logos oder Gesichter nahe am Rand von Header-Bildern, da sie auf kleineren Bildschirmen beschnitten werden können.
Mein Logo oder Favicon wirkt verzerrt
Verwenden Sie ein quadratisches Bild. Transparente PNG-Dateien eignen sich für Logos in der Regel am besten.Meine Farben sind schwer lesbar
Prüfen Sie den Kontrast zwischen Text, Hintergrund und Buttons. Gäste sollten Folgendes klar lesen können:- Produktnamen
- Produktbeschreibungen
- Preise
- Hinweise
- Warenkorb-Summen
- Checkout-Buttons
Meine Buttons heben sich nicht ab
Button-Farben sollten sich klar vom Seitenhintergrund abheben. Prüfen Sie wichtige Aktionen wie:- In den Warenkorb
- Warenkorb ansehen
- Checkout
- Bestellung aufgeben
Die mobile Ansicht wirkt nicht richtig
Wechseln Sie in die mobile Vorschau und prüfen Sie:- Header-Bild-Zuschnitt
- Logo-Sichtbarkeit
- Menü-Kategorie-Navigation
- Produktkarten-Layout
- Warenkorb-Sichtbarkeit
- Button-Lesbarkeit
- Hinweise und individuelle Sektionen
Mein Hinweis ist nicht mehr relevant
Wurde ein Hinweis für ein temporäres Update hinzugefügt, entfernen oder aktualisieren Sie ihn, sobald er nicht mehr zutrifft. Beispiele:- Feiertagsöffnungszeiten
- Lieferverzögerungs-Hinweise
- Hinweise zu temporären Schließungen
- Nur-Abholung-Hinweise
- Küchenprobleme-Hinweise
Meine Seite fühlt sich überladen an
Zu viel Inhalt erschwert die Nutzung der Bestellseite. Prüfen Sie, ob Sie Folgendes kürzen oder entfernen können:- Lange Beschreibungen
- Mehrere Hinweise
- Zu viele individuelle Sektionen
- Textlastige Bilder
- Wiederholte Informationen
Wann Sie den storekit-Support kontaktieren
Kontaktieren Sie den storekit-Support, wenn:- Eine Einstellung nicht gespeichert wird.
- Die Live-Seite sich nach dem Speichern nicht aktualisiert.
- Ein Design-&-Branding-Bereich gesperrt ist und Sie ihn aktivieren möchten.
- Sie eine Funktion hinzufügen möchten, die storekit+ erfordert.
- Sie die gewünschte Design-Option nicht finden.
- Ein Bild oder eine Farbe nicht korrekt angezeigt wird.
- Text oder Buttons nach der Bearbeitung schwer lesbar bleiben.
- Ihre Bestellseite nach Änderungen fehlerhaft wirkt.
- Eine individuelle Sektion nicht wie erwartet angezeigt wird.
- Ein Hyperlink in einem Hinweis oder einer individuellen Sektion nicht funktioniert.
- Die Bestellstatus-Karte nicht wie erwartet erscheint.
- Sie Hilfe bei der Anpassung eines Design-Elements benötigen, das in Design & Branding nicht verfügbar ist.