Betrieb einrichten
Farben und Logo anpassen
Buchungsseite, E-Mails und QR-Karten sollen aussehen wie dein Betrieb, nicht wie eine fremde Software. Dafür legst du vier Hauptfarben fest und lädst dein Logo hoch — BookIvy übernimmt den Rest.
- Wo im Backend
- Einstellungen → Mein Betrieb → Brand-Farben und Einstellungen → Mein Betrieb → Brand-Medien
- Aufwand
- ca. 10 Minuten
- Vorher nötig
- Nichts. Ein Logo als Datei sollte bereitliegen.
- Gebuchte Module
- Brand-Farben · Brand-Medien
Was möchte ich erreichen?
Wer bei dir bucht, soll sofort merken: Das gehört zu deinem Betrieb. Dein Logo, deine Farben, ein stimmiges Gesamtbild — auf der Buchungsseite ebenso wie in der Bestätigungsmail.
Was bringt mir das?
- Ein Auftritt überall. Dieselben Farben und dasselbe Logo erscheinen auf der Buchungsseite, in den E-Mails, auf den QR-Karten und in der Check-in-Ansicht.
- Lesbar auf hellem und dunklem Grund. Du hinterlegst das Logo einmal hell und einmal dunkel; BookIvy nimmt die Fassung, die zum Untergrund passt.
- Farbpalette für Übersichten. Kalender und Auswertungen bekommen eine eigene Palette aus zwölf Farben, damit Diagramme zu deinem Betrieb passen.
- Mit KI-Hilfe. Wer nicht selbst Farben zusammenstellen will, beschreibt die Stimmung, und der KI-Assistent füllt die Palette.
Wie funktioniert das — und wann brauche ich es?
Die Einstellungen teilen sich in drei Teile:
| Teil | Was es ist | Wo es wirkt |
|---|---|---|
| Hauptfarben | vier Farben: Hintergrund, Text, Highlight #1, Highlight #2 | Buchungsseite, E-Mails, QR-Karten, Vorschau des Chatbots |
| Farbpalette (1–12) | zwölf Farben, hell (1–6) und dunkel (7–12) | Kalender, Auswertungen, Kundenakte, Übersicht im Backend |
| Brand-Medien | vier Bildfelder: Logo hell/dunkel, Icon hell/dunkel | Buchungsseite, E-Mails, QR-Karten, Check-in, Storno-Seite, Kiosk |
Die vier Bildfelder
- Logo (dark on bright) — die dunkle Fassung für helle Flächen.
- Logo (bright on dark) — die helle Fassung für dunkle Flächen.
- Icon (dark on bright) und Icon (bright on dark) — das Symbol allein, wo wenig Platz ist.
Erlaubt sind PNG, SVG, JPG oder WebP bis 2 MB. Hast du nur eine Fassung, lade sie in das Feld, das zu deiner Hauptfarbe passt, und teste die Vorschau.
Gut zu wissen
Größe und Platzierung des Logos auf der Buchungsseite stellst du nicht hier ein, sondern in deren Einstellungen (Schritt 6). Die Farben und die Bilder hier gelten dagegen überall.
Was muss ich einstellen und anklicken?
-
Brand-Farben öffnen
Einstellungen → Mein Betrieb → Brand-Farben
-
Die Hauptfarben setzen
Wähle Hintergrund, Text, Highlight #1 und Highlight #2: Klicke auf das Farbfeld und wähle eine Farbe, oder trage den Hex-Wert direkt ein, zum Beispiel
#355cde. Die beiden Highlights sind deine Akzentfarben; Hintergrund und Text bestimmen die Lesbarkeit. Achte selbst auf ausreichenden Kontrast zwischen Text und Hintergrund — BookIvy prüft ihn nicht. -
Die Palette füllen (optional)
Die zwölf Felder unter „Farbpalette (1–12)“ färben Kalender und Auswertungen. Empfohlen sind helle Farben für 1–6 und dunkle für 7–12. Mit „✦ KI-Assistent“ beschreibst du eine Stimmung, zum Beispiel „harmonische Pastelltöne von Rot über Grün bis Blau“, und klickst auf „Palette generieren“. Die KI füllt nur die Palette, nicht deine Hauptfarben, und verbraucht Token aus deinem KI-Kontingent. Ohne das Modul „KI-Assistenten“ ist der Knopf grau.
-
Speichern und prüfen
Klicke auf „Farben speichern“. Wie versendete E-Mails dann aussehen, zeigt dir die Mailvorschau; den Link dazu findest du oberhalb der Farbfelder.
-
Logo und Icon hochladen
Einstellungen → Mein Betrieb → Brand-Medien
Unter „Hochladen“ wählst du in jedem der vier Felder die Datei aus; eine Vorschau auf hellem oder dunklem Grund zeigt, wie es wirkt. Ein vorhandenes Bild tauschst du mit „Ersetzen“, über den Haken „Datei löschen“ entfernst du es. Klicke zum Schluss auf „Medien speichern“.
-
Logo auf der Buchungsseite einstellen
Einstellungen → Buchungswege → Buchungsseite → Allgemeine Einstellungen
Im Abschnitt „Brand-Einstellungen“ bestimmst du die Logo-Platzierung (links, bündig mit dem Avatar, oder rechts), die Größe des Logos und ob der Brand-Name unter dem Logo stehen soll.
Was hängt damit zusammen?
Vorher
- Unternehmensdaten hinterlegender Brand-Name erscheint neben dem Logo.
Wirkt auf
- Buchungsseite einbindenFarben, Logo und Icon.
- E-Mail-Versand einrichtenMails tragen Farben und Logo.
- QR-Code-Check-inQR-Karten und Check-in-Ansicht.
Danach sinnvoll
- E-Mail-Versand einrichtendamit die schönen Mails auch ankommen.
Gut zu wissen
Mein Logo ist nur auf hellem Grund lesbar.
Lade zusätzlich eine helle Fassung in „Logo (bright on dark)“ hoch. Dunkle Flächen, etwa im Kopf einer E-Mail, nutzen dann diese statt der dunklen.
Welches Dateiformat ist am besten?
SVG bleibt in jeder Größe scharf. PNG mit transparentem Hintergrund funktioniert ebenfalls gut. Erlaubt sind außerdem JPG und WebP; jede Datei darf bis 2 MB groß sein.
Die Farben stehen im Backend nicht überall dort, wo ich sie erwartet habe.
Die vier Hauptfarben gestalten nach außen: Buchungsseite, E-Mails, QR-Karten. Das Backend selbst behält sein eigenes Aussehen; nur die Palette färbt dort Kalender und Auswertungen ein.
Kann ich die Farben später ändern?
Jederzeit. Die Änderung gilt sofort für neue Mails und die Buchungsseite; bereits versendete E-Mails bleiben, wie sie waren.