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:

TeilWas es istWo es wirkt
Hauptfarbenvier Farben: Hintergrund, Text, Highlight #1, Highlight #2Buchungsseite, 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-Medienvier Bildfelder: Logo hell/dunkel, Icon hell/dunkelBuchungsseite, 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?

Einstellungen → Mein Betrieb → Brand-Farben (vereinfacht, mit erfundenen Beispielfarben; von der Palette sind nur sechs der zwölf Felder gezeigt).
  1. Brand-Farben öffnen

    Einstellungen → Mein Betrieb → Brand-Farben

  2. 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.

  3. 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.

  4. 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.

  5. 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“.

  6. 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

Wirkt auf

Danach sinnvoll

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.