repair.dspatcha
Zurück zum Handbuch

Branding einrichten — einfache Anleitung

Mit dem Branding machst du repair.Dspatcha zu deiner Werkstatt: Dein Logo und deine Farben erscheinen dort, wo deine Kund:innen sie sehen — auf der Auftrags-Seite, im Anmeldeformular und in den E-Mails, die automatisch verschickt werden.

Du findest alles unter Team → Einstellungen → Branding.

Keine Sorge: Du kannst hier nichts kaputtmachen. Während du etwas änderst, siehst du sofort eine Vorschau. Gefällt dir etwas nicht, änderst du es einfach wieder. Erst wenn du auf „Speichern" klickst, gilt die Änderung für deine Kund:innen.


Die Vorschau — dein Sicherheitsnetz

Sobald du etwas änderst, zeigt dir die Vorschau sofort, wie es aussehen wird: dein Logo auf dem farbigen Kopfbereich, darunter ein Beispiel-Titel. Eine kleine zweite Vorschau zeigt, wie ein Link und ein Knopf in deinen Farben aussehen.

Tipp: Probiere ruhig verschiedene Sachen aus und schau in die Vorschau. Du musst nichts speichern, um den Effekt zu sehen.


1. Dein Logo hochladen

Das Logo ist meistens das Wichtigste.

  1. Klicke auf „Logo hochladen".
  2. Wähle die Bilddatei deines Logos vom Computer aus — so wie du ein Foto an eine E-Mail anhängst.
  3. Fertig: Das Logo erscheint sofort in der Vorschau.

Worauf du achten solltest:

  • Die Datei sollte ein PNG oder JPG sein (die üblichen Bildformate).
  • Sie darf höchstens 2 MB groß sein. Normale Logos sind viel kleiner.
  • Am schönsten sieht ein Logo mit durchsichtigem Hintergrund aus (das können PNG-Dateien). So „schwebt" dein Logo sauber auf der farbigen Fläche.

Möchtest du das Logo wieder loswerden, klickst du auf „Logo entfernen". Dann zeigt repair.Dspatcha stattdessen den Namen deiner Werkstatt als Text an.

Wie groß soll das Logo sein?

Im Feld „Maximale Logo-Höhe" legst du fest, wie hoch dein Logo erscheinen darf — die Angabe ist in Pixeln (eine Maßeinheit am Bildschirm; ein höherer Wert = größeres Logo). Die Breite passt sich von allein an, dein Logo wird also nie verzerrt.

  • Lass das Feld leer, wenn du dir unsicher bist — dann wird eine sinnvolle Standardgröße verwendet.
  • Sonst probiere einen Wert wie 60 aus und schau in die Vorschau, ob dir die Größe gefällt.

2. Deine Farben wählen

Es gibt vier Farben, die du einstellen kannst. Du gibst Farben als kleinen Farbcode ein. Das ist ein Kürzel, das mit einer Raute beginnt, zum Beispiel #1C2D42 (ein dunkles Blau).

Woher bekomme ich den Farbcode meiner Marke? Frag am besten die Person oder Agentur, die dein Logo gemacht hat — solche Farbcodes stehen meist im „Logo-" oder „Marken-Paket". Oder du suchst im Internet nach „Farbe auswählen Hex" und nutzt einen kostenlosen Farbwähler, der dir den Code (beginnt mit #) anzeigt.

Unsicher? Lass ein Feld einfach leer — dann wird die Standardfarbe genutzt.

Die vier Farben sind:

FarbeWo sie wirkt
Kopf-HintergrundDie farbige Fläche oben, auf der dein Logo liegt.
Header-SchriftfarbeDie Schrift, die auf dieser farbigen Fläche steht (z. B. dein Werkstattname). Bleibt das Feld leer, wählt repair.Dspatcha automatisch Schwarz oder Weiß — je nachdem, was besser lesbar ist.
Link-FarbeDie Farbe von anklickbaren Links (z. B. deine Telefonnummer oder E-Mail-Adresse in den Nachrichten).
Button-HintergrundDie Farbe der wichtigen Knöpfe — z. B. „Absenden" im Formular oder „Auftrag ansehen" in der E-Mail. Die Schrift auf dem Knopf wird automatisch hell oder dunkel gewählt, damit man sie gut lesen kann.

Nach jeder Änderung lohnt sich ein Blick in die Vorschau.


3. Speichern

Wenn dir das Ergebnis in der Vorschau gefällt, klickst du unten auf „Speichern". Das Hoch- und Entfernen des Logos wirkt sofort; alle anderen Einstellungen werden mit „Speichern" übernommen.


Ein Wort zu den E-Mails

Deine Farben erscheinen auch in den automatischen E-Mails an deine Kund:innen. E-Mail-Programme sind dabei etwas eigen:

  • Einfarbige Farben (ein einzelner Farbcode wie #1C2D42) funktionieren überall zuverlässig — die empfehlen wir.
  • Aufwendige Farbverläufe sehen nur im Internet-Browser gut aus, in E-Mails oft nicht. Wenn dir ein einheitliches Bild wichtig ist, bleib bei einfarbigen Farben.

Hilfe, ich sehe meine Änderung nicht!

Dein Browser merkt sich Seiten manchmal, um sie schneller zu laden — dann siehst du vielleicht noch die alte Version. Öffne die Seite zur Kontrolle in einem privaten Fenster (auch „Inkognito-Modus" genannt), dann siehst du den aktuellen Stand.

So prüfst du das Ergebnis:

  • Kundenseiten: Öffne eine Auftrags-Seite oder das Anmeldeformular deiner Werkstatt.
  • E-Mails: Unter Team → Benachrichtigungen siehst du eine Vorschau der E-Mails mit deinem Branding.

Für Fortgeschrittene (optional)

Diese Punkte brauchst du normalerweise nicht — sie sind für alle, die es genauer einstellen möchten:

  • Logo per Internet-Adresse: Statt eine Datei hochzuladen, kannst du auch eine Web-Adresse zu deinem Logo angeben. Sie muss mit https:// beginnen, damit das Bild auch in E-Mails angezeigt wird.
  • Farbverlauf als Kopf-Hintergrund: Beim Kopf-Hintergrund sind auch Farbverläufe möglich. Über den Link „Gradient Generator" neben dem Feld kannst du dir einen Verlauf zusammenklicken und den erzeugten Wert in das Feld kopieren.

Branding ist ein Pro-Feature. Sollte der Bereich bei dir gesperrt sein, ist er für deinen Tarif noch nicht freigeschaltet. Ein Upgrade auf Pro schaltet ihn frei.