Shop-Seite gestalten

Auf der Shop-Seite gestalten Sie das Aussehen Ihres öffentlichen Gutschein-Shops: Logo, Farben, Texte, Bilder und Abschnitte. Alle Änderungen sehen Sie sofort in einer Live-Vorschau, die genau so aussieht wie die spätere Verkaufsseite.

Voraussetzungen

Der Gutschein-Shop muss eingerichtet sein (siehe Einrichtung).
Sie brauchen die Berechtigung, die Organisation zu verwalten. Ohne diese Berechtigung können Sie die Seite nicht speichern.

Sie finden die Seite im Dashboard unter Gutscheine → Shop-Seite.

Aufbau der Seite

Die Seite ist zweigeteilt:

Oben ein Einstellungsbereich mit Logo und Farben.
Darunter die Live-Vorschau Ihrer Shop-Seite. Jeder Abschnitt der Vorschau lässt sich direkt bearbeiten.

Der Shop-Seite besteht aus fünf Abschnitten: Header, Konfigurator, Über uns, FAQ und Standort. Header und Konfigurator sind immer sichtbar. Über uns, FAQ und Standort können Sie ein- und ausblenden.

So bearbeiten Sie einen Abschnitt

Jeden Abschnitt bearbeiten Sie auf die gleiche Weise:

Bewegen Sie die Maus über den Abschnitt in der Vorschau.
Klicken Sie oben rechts im Abschnitt auf Bearbeiten.
Von rechts öffnet sich ein Seitenfenster mit allen Einstellungen des Abschnitts.
Nehmen Sie Ihre Änderungen vor.
Klicken Sie unten auf Speichern oder auf Abbrechen, um zu verwerfen.

Nach dem Speichern erscheint kurz die Meldung „Änderungen gespeichert", und die Vorschau aktualisiert sich.

Hinweis: Ausgeblendete Abschnitte erscheinen in der Vorschau ausgegraut mit dem Text „Ausgeblendet" und einem durchgestrichenen Augen-Symbol. Klicken Sie auf diese Fläche, um den Abschnitt zu bearbeiten und über den Schalter Abschnitt anzeigen wieder einzublenden.

Logo und Farben

Am oberen Rand finden Sie zwei Kacheln nebeneinander: links das Logo, rechts die Farben.

Hinweis: Logo und Farben werden sofort gespeichert. Anders als bei den Abschnitten gibt es hier keinen Speichern-Button.

Logo

Ihr Logo erscheint im Shop und auf den Gutscheinen.

Ziehen Sie eine Bilddatei in das quadratische Feld oder klicken Sie darauf.
Unterstützte Formate: JPEG, PNG, WebP. Maximale Dateigröße: 15 MB.
Anschließend öffnet sich ein Zuschneide-Fenster. Ihr Logo wird auf ein quadratisches Format (1:1) zugeschnitten. Bestätigen Sie den Ausschnitt.

Um das Logo zu entfernen, klicken Sie auf das X am Bild und bestätigen Sie im Nachfragefenster.

Tipp: Verwenden Sie ein Logo mit transparentem Hintergrund. Da das Bild ohnehin quadratisch zugeschnitten wird, wirkt ein bereits quadratisches Logo am saubersten.

Farben

Drei Farben bestimmen das gesamte Erscheinungsbild Ihres Shops. Jede Farbe wählen Sie über ein Farbfeld links neben der Bezeichnung.

Farbe	Wirkung
Seiten-Hintergrund	Die Hintergrundfarbe der gesamten Shop-Seite.
Konfigurator-Hintergrund	Die Hintergrundfarbe des Bereichs, in dem Kunden den Gutscheinwert wählen. Unterstützt Transparenz für einen Glas-Effekt.
Akzentfarbe	Die Farbe für Buttons, Schieberegler und Hervorhebungen (Badges).

Beim Konfigurator-Hintergrund können Sie zusätzlich die Transparenz einstellen. Dadurch scheint die Seiten-Hintergrundfarbe durch und erzeugt einen modernen Glas-Effekt.

Tipp: Die Schriftfarbe für Überschriften und normale Texte wählt der Shop automatisch passend zum Hintergrund (heller Text auf dunklem Hintergrund und umgekehrt). Sie müssen die Schriftfarbe nur setzen, wenn Sie bewusst davon abweichen wollen. In jedem Abschnitt gibt es dafür ein Feld Schriftfarbe — leer lassen bedeutet automatische Farbwahl.

Der Header ist der oberste Bereich Ihres Shops — das Erste, was Besucher sehen. Er ist immer sichtbar und kann nicht ausgeblendet werden.

Layout wählen

Oben im Bearbeiten-Fenster wählen Sie über zwei Vorschau-Kacheln das Layout:

Layout	Beschreibung
Vollbild	Ein großes Hintergrundbild füllt den gesamten Header. Text und Untertitel erscheinen zentriert in einem halbtransparenten Kasten darüber.
Geteilt	Links ein farbiger Bereich mit Text, rechts ein optionales Bild.

Einstellungen

Feld	Pflicht?	Beschreibung
Überschrift	Ja	Der Haupttext im Header, z. B. „Gutscheine verschenken". Ohne Überschrift lässt sich nicht speichern.
Untertitel	Nein	Zusätzlicher Text unter der Überschrift, z. B. „Das perfekte Geschenk für jeden Anlass".
Hintergrundfarbe (linke Seite)	Nur bei „Geteilt"	Die Farbe des linken Textbereichs. Bei „Vollbild" wird dieses Feld nicht angezeigt.
Schriftfarbe	Ja	Wählen Sie eine Farbe, die gut zum Hintergrund passt.
Bild	Nein	Bei „Vollbild": das Hintergrundbild. Bei „Geteilt": ein Bild auf der rechten Seite neben dem Text.

Bilder laden Sie hoch, indem Sie in das gestrichelte Feld klicken. Unterstützte Formate: JPEG, PNG, WebP, maximal 15 MB. Um ein hochgeladenes Bild zu ersetzen, klicken Sie auf Bild ändern; zum Entfernen auf das rote X.

Bildquelle angeben (optional)

Sobald ein Header-Bild hochgeladen ist, erscheinen zusätzliche Felder:

Ein Feld für eine kurze Bildbeschreibung (max. 200 Zeichen). Diese hilft Suchmaschinen und Menschen mit Sehbehinderung.
Ein aufklappbarer Bereich Bildquelle angeben (bei Lizenzpflicht) mit den Feldern Bildquelle (z. B. „© Anna Müller / iStock", max. 200 Zeichen) und Quelle-URL (max. 500 Zeichen).

Hinweis: Wenn Sie eine Bildquelle angeben, erscheint sie automatisch im Impressum. Nutzen Sie dies bei lizenzpflichtigen Bildern (z. B. Stockfotos).

Konfigurator

Im Konfigurator wählen Ihre Kunden den Gutscheinwert. Dieser Abschnitt ist immer sichtbar. Hier ändern Sie die Beträge, die Sie bei der Einrichtung festgelegt haben, und richten optional Mengenrabatte ein.

Schnellauswahl-Beträge

Das sind vordefinierte Beträge, die im Shop als Buttons zur schnellen Auswahl erscheinen.

Klicken Sie auf Hinzufügen, um einen Betrag anzulegen, und tragen Sie den Wert im Euro-Feld ein.
Zum Entfernen klicken Sie auf das Papierkorb-Symbol daneben.

Hinweis: Sind keine freien Beträge erlaubt (siehe unten), brauchen Sie mindestens 3 Schnellauswahl-Beträge. Sonst lässt sich nicht speichern.

Freie Beträge

Einstellung	Beschreibung
Freie Beträge erlauben	Schalter. Ist er aktiv, können Kunden einen eigenen Betrag eingeben.
Mindestbetrag	Kleinster erlaubter freier Betrag. Standard: 10 €.
Höchstbetrag	Größter erlaubter freier Betrag. Standard: 500 €. Muss größer als der Mindestbetrag sein.
Standardbetrag	Der Betrag, der beim Öffnen des Shops vorausgewählt ist. Standard: 60 €. Muss zwischen Mindest- und Höchstbetrag liegen. Ideal ist der Preis für eine Stunde Thai-Massage.

Die Felder Mindest-, Höchst- und Standardbetrag erscheinen nur, wenn Freie Beträge erlauben aktiviert ist.

Weitere Optionen

Einstellung	Beschreibung
Grußnachricht erlauben	Kunden können beim Kauf eine persönliche Nachricht zum Gutschein hinzufügen.
Maximaler Warenkorbwert	Begrenzt den Gesamtwert pro Bestellung. Bei Überschreitung wird der Bezahlvorgang blockiert. Leer lassen für unbegrenzt.

Mengenrabatte (optional)

Mit Rabatten belohnen Sie Kunden, die einen höheren Gutscheinwert kaufen. Der Rabatt wird automatisch angewendet, sobald der Gutscheinwert eine von Ihnen festgelegte Stufe erreicht.

Beispiel: Sie legen fest: Ab 100 € gibt es 5 % Rabatt, ab 200 € gibt es 10 % Rabatt. Ein Kunde kauft einen Gutschein über 200 € und zahlt nur 180 €.

Rabatte einrichten

Aktivieren Sie den Schalter Rabatte anbieten?.
Klicken Sie auf Rabattstufe hinzufügen.
Legen Sie für jede Stufe fest:

Spalte	Beschreibung
Ab	Der Mindest-Gutscheinwert, ab dem der Rabatt gilt (z. B. 100 €).
Rabattart	„Prozent" (z. B. 10 %) oder „Festbetrag" (z. B. 15 €).
Rabatt	Der Rabattwert. Bei „Prozent" maximal 100 %.

Zum Entfernen einer Stufe klicken Sie auf das Papierkorb-Symbol.

Hinweis: Jeder „Ab"-Wert (Mindestbetrag) darf nur einmal vorkommen. Ist der Rabatt aktiviert, muss mindestens eine Stufe angelegt sein — sonst lässt sich nicht speichern. Bei mehreren Stufen gilt für den Kunden immer die höchste erreichte Stufe.

Rabatt-Anzeige

Wenn Rabatte aktiv sind, haben Sie zwei zusätzliche Schalter:

Option	Beschreibung
Ersparnis anzeigen	Zeigt dem Kunden die konkrete Ersparnis an (z. B. „Sie sparen 20 €").
Hinweis zur nächsten Stufe anzeigen	Zeigt an, wie viel fehlt, um die nächste Rabattstufe zu erreichen (z. B. „Noch 20 € bis 10 % Rabatt").

Tipp: Beide Optionen können den Kaufanreiz für höhere Beträge steigern.

Über uns (optional)

Hier stellen Sie sich und Ihr Studio vor. Der Abschnitt ist standardmäßig eingeblendet und lässt sich über den Schalter Abschnitt anzeigen ein- oder ausschalten.

Feld	Pflicht?	Beschreibung
Überschrift	Ja	z. B. „Über uns" oder „Willkommen".
Text	Nein	Beschreiben Sie Ihr Studio, Ihre Leistungen oder Ihre Gutscheine.
Checkliste	Nein	Kurze Stichpunkte, die als Liste mit Häkchen erscheinen (maximal 10 Punkte). Bei einem neuen Shop vorausgefüllt mit: „Sofort per E-Mail", „3 Jahre gültig", „Flexibel einlösbar", „Persönliche Widmung möglich".
Bilder	Nein	Bis zu 5 Bilder als Galerie. Formate: JPEG, PNG, WebP.
Bild-Position	Ja	Anordnung von Text und Bildern: „Links", „Rechts" oder „Nur Bild". Bei „Nur Bild" werden Text und Checkliste ausgeblendet.
Schriftfarbe	Nein	Eigene Schriftfarbe. Leer lassen für automatische Farbe.

Checkliste: Klicken Sie auf Punkt hinzufügen für einen neuen Eintrag. Ab 10 Punkten verschwindet der Hinzufügen-Button. Zum Entfernen klicken Sie auf das X neben dem Eintrag.
Bilder: Klicken Sie auf Bild hinzufügen und laden Sie ein Bild hoch. Zu jedem Bild können Sie einen kurzen Alt-Text eingeben. Zum Entfernen klicken Sie auf das rote X am Bild. Ab 5 Bildern verschwindet der Hinzufügen-Button.

FAQ (optional)

Hier beantworten Sie häufige Fragen direkt auf Ihrer Shop-Seite. Die Fragen erscheinen als aufklappbare Liste — Kunden klicken auf eine Frage, um die Antwort zu sehen. Der Abschnitt ist standardmäßig eingeblendet.

Feld	Pflicht?	Beschreibung
Überschrift	Ja	z. B. „Häufige Fragen".
Fragen & Antworten	—	Liste von Frage-Antwort-Paaren. Einträge, bei denen Frage oder Antwort leer ist, werden beim Speichern automatisch verworfen.
Schriftfarbe	Nein	Eigene Schriftfarbe. Leer lassen für automatische Farbe.

Bei einem neuen Shop sind drei Beispiel-Fragen vorausgefüllt:

„Wie lange ist der Gutschein gültig?" — „Der Gutschein ist 3 Jahre ab Kaufdatum gültig."
„Kann ich den Gutschein auf mehrere Besuche aufteilen?" — „Ja, der Restbetrag bleibt erhalten und kann bei weiteren Besuchen eingelöst werden."
„Wie löse ich den Gutschein ein?" — „Zeigen Sie einfach den Gutschein-Code bei Ihrem Besuch vor oder geben Sie ihn bei der Online-Buchung ein."

So bearbeiten Sie die FAQ:

Passen Sie die vorhandenen Fragen und Antworten an Ihr Studio an.
Klicken Sie auf Frage hinzufügen, um eine weitere Frage einzufügen.
Zum Entfernen klicken Sie auf das X oben rechts am jeweiligen Eintrag. Der letzte verbleibende Eintrag lässt sich nicht entfernen.

Tipp: Gute FAQ beantworten typische Kundenfragen vorab — etwa zu Gültigkeit, Einlösung, Teilbeträgen oder Versand.

Standort (optional)

Hier zeigen Sie Kunden, wo Ihr Studio liegt. Die Adressdaten übernimmt der Shop automatisch aus Ihren Studio-Einstellungen. Der Abschnitt ist standardmäßig eingeblendet.

Feld	Pflicht?	Beschreibung
Überschrift	Ja	z. B. „Besuchen Sie uns" oder „So finden Sie uns".
Beschreibungstext	Nein	Zusätzliche Hinweise, z. B. Wegbeschreibung oder Parkmöglichkeiten.
Karte anzeigen	—	Schalter: Blendet eine interaktive Karte mit Ihrem Standort ein.
Schriftfarbe	Nein	Eigene Schriftfarbe. Leer lassen für automatische Farbe.

Hinweis: Der Standort-Abschnitt erscheint in der Vorschau und im Shop nur, wenn mindestens ein Studio mit Adresse angelegt ist. Haben Sie mehrere Studios, werden alle Standorte mit Adresse angezeigt, und die Karte zeigt alle Positionen.

Zusammenfassung der Abschnitte

Abschnitt	Immer sichtbar?	Inhalt
Header	Ja	Titel, Untertitel und Bild ganz oben
Konfigurator	Ja	Gutscheinwert-Auswahl und Mengenrabatte
Über uns	Nein (ein-/ausblendbar)	Vorstellung, Checkliste, Bildergalerie
FAQ	Nein (ein-/ausblendbar)	Häufige Fragen und Antworten
Standort	Nein (ein-/ausblendbar)	Adresse und Karte