Design und Gutschein-Shop

Das zentrale Design prägt Shop, Checkout, Gutscheinseite und Widget, ohne deine Website zu ersetzen.

Inhaber und Admin6 Min.

Branding anpassen

Design prüfen

  1. Design öffnen

    Öffne Design & Branding in der Seitenleiste unter Verkaufskanal (dort heißt der Punkt kurz Design).

  2. Logo verlinken

    Trage die öffentlich erreichbare URL deines Logos ein. Ein direkter Upload ist noch nicht möglich. Die Adresse muss mit http:// oder https:// beginnen.

  3. Farben wählen

    Lege Primär-, Hintergrund-, Text- und Akzentfarbe fest. MomentPass erwartet sechsstellige Hex-Werte wie #7A5CFA; Kurzformen wie #F5F werden abgelehnt. Die Primärfarbe prägt die Gutscheinkarten, die Akzentfarbe die Buttons und den Betragsregler. Prüfe Text- und Buttonkontrast in der Vorschau.

  4. Formensprache festlegen

    Wähle den Eckenradius Quadratisch, Klein, Mittel oder Groß und den Button-Stil Gefüllt oder Kontur.

  5. Kartenfarbe im Widget wählen

    Die Karten im Widget bekommen automatisch eine Farbe, die aus Hintergrund- und Primärfarbe berechnet wird und sich mit ihnen ändert. Passt sie nicht zu deiner Website, zum Beispiel zu einem hellgrauen Footer, wähle eine eigene Kartenfarbe. Mit Automatisch kehrst du zur berechneten Farbe zurück. Ist der Text auf deiner Farbe schwer lesbar, passt MomentPass ihn an oder warnt dich.

  6. Überschrift und Einleitung festlegen

    Die Überschrift ist mit „Gutscheine von …“ vorausgefüllt. Ändere sie oder lösche sie, dann zeigt das Widget keine Überschrift. Die Einleitung ist ein kurzer Text darunter (bis 300 Zeichen) und erscheint auch ohne Überschrift.

  7. Kartenbild einstellen

    Der obere Bereich jeder Karte zeigt dein Angebotsfoto oder, ohne Foto, einen Farbhintergrund. Mit Unschärfe und Körnung bestimmst du, wie weich und wie körnig er wirkt. Beides gilt für Fotos und Farbhintergründe.

  8. Hinweise im Widget wählen

    Schalte „So funktioniert's“, AGB und Datenschutz sowie „Powered by MomentPass“ einzeln ein oder aus. Im Checkout bleiben AGB und Datenschutz in jedem Fall sichtbar.

  9. Vorschau und Shop prüfen

    Die Widget-Vorschau auf der Seite zeigt jede Änderung sofort. Kontrolliere danach den öffentlichen Gutschein-Shop sowie eine Checkoutseite auf Desktop und Mobil.

Design und Branding mit Logo-Feld, Farbwahl und Vorschau
Quelle: Geplanter Screenshot: Design & Branding mit sichtbarem Logo-URL-Feld, Farb- und Formeinstellungen sowie der Widget-Vorschau; Kontrast soll nachvollziehbar sein.

Wo dein Design wirkt

Logo und Farben gelten für den gesamten Weg deiner Käufer:innen: öffentlicher Gutschein-Shop, Checkout und Gutscheinseite. Auch das Website-Widget übernimmt sie, kann durch den Einbettungskontext aber leicht anders wirken.

Kartenfarbe, Überschrift, Einleitung, Kartenbild und die Hinweise betreffen nur das Website-Widget, nicht den Shop. Dieselbe Widget-Vorschau siehst du auch auf den Seiten Angebote und Einbindung.

Der Shop ist unter deiner eigenen Adresse erreichbar und zeigt ausschließlich aktive Angebote eines freigeschalteten Unternehmens.

Lesbarkeit vor Markentreue

Vermeide Farbkombinationen mit geringem Kontrast. Prüfe besonders Buttons, Preisangaben und Fokuszustände.