RepairPluginDocs

Branding (Logo & Farbe)

Konfiguriere dein Firmenlogo, deine Designfarbe und Schriftart in den Branding-Einstellungen von RepairPlugin, damit der Buchungsablauf zu deinem Website-Design passt.

brandinglogotheme-colorfontstylingfrontend

Was kannst du damit machen?

  • Dein Firmenlogo anzeigen im Buchungsablauf, damit Kunden sofort deine Marke erkennen.
  • Eine Schriftart auswahlen, die zum Rest deiner Website passt, aus 30 integrierten Google Fonts.
  • Eine Designfarbe festlegen fur Buttons, Hervorhebungen und Akzente, um markenkonform zu bleiben.
  • Eine Vorschau deiner Anderungen in einer Live-Vorschaukarte sehen, bevor du speicherst.

Wo findest du es?

  1. Klicke im WordPress-Adminmenu auf RepairPlugin.
  2. Klicke im Untermenu auf Settings.
  3. Klicke in der Einstellungs-Seitenleiste auf Front-End Steps.
  4. Der Abschnitt Branding befindet sich oben auf der Seite.
https://www.repairplugin.com/wp-admin/admin.php?page=wp_repair_settings&section=styling
The Front-End Steps Branding section showing logo upload, font selector, theme color swatches, and live preview card

So richtest du es ein

Dein Firmenlogo hochladen

  1. Finde im Branding-Abschnitt Company Logo.
  2. Klicke auf Upload Picture.
  3. Wahle eine Bilddatei von deinem Computer aus (PNG, JPEG oder WEBP).
  4. Die Logo-Vorschau aktualisiert sich sofort.
  5. Klicke unten auf der Seite auf Save Changes.

Um das Logo zu entfernen, klicke auf den X-Button neben dem Dateinamen und speichere dann.

Eine Schriftart wahlen

  1. Finde im Branding-Abschnitt Choose a font.
  2. Offne das Dropdown und wahle deine bevorzugte Schriftart.
  3. Die Vorschaukarte darunter aktualisiert sich automatisch und zeigt, wie eine Reparaturkarte mit der ausgewahlten Schriftart aussieht.
  4. Klicke auf Save Changes.

RepairPlugin wird mit 30 integrierten Google Fonts ausgeliefert. Um eine Schriftart hinzuzufugen, die nicht in der Liste ist, siehe Benutzerdefinierte Schriftarten hinzufugen.

https://www.repairplugin.com/book-a-repair
Side-by-side comparison of several built-in fonts showing how each one looks in the booking flow

Eine Designfarbe wahlen

  1. Finde im Branding-Abschnitt Choose a theme color.
  2. Klicke auf eines der 12 voreingestellten Farbfelder oder gib einen benutzerdefinierten HEX-Farbcode in das Textfeld ein (z.B. #0c58a3).
  3. Du kannst auch den Farbwahler anklicken, um den integrierten Farbwahler deines Browsers zu verwenden.
  4. Die Vorschaukarte aktualisiert sich sofort mit der neuen Farbe.
  5. Klicke auf Save Changes.

Einstellungsubersicht

EinstellungBeschreibungStandardKunden sehen
Company LogoLadt dein Firmenlogo hoch und speichert es. Erlaubte Formate sind PNG, JPEG und WEBP. Maximale Grosse ist 1024 x 1024 Pixel und 2 MB (kann je nach Servereinstellungen niedriger sein)leer (kein Logo)Dein Logo erscheint im Buchungsablauf und starkt deine Marke. Fur das beste Ergebnis verwende ein quadratisches Logo mit transparentem Hintergrund.
Choose a fontLegt die Schriftart fest, die in der gesamten Buchungsoberflache verwendet wird -- Uberschriften, Reparaturnamen, Preise und Buttons Tipp: Wenn deine Website eine Schriftart verwendet, die nicht in der Liste ist, kannst du sie mit einem kleinen Code-Snippet hinzufugen. Siehe Benutzerdefinierte Schriftarten hinzufugen.MontserratDer gesamte Text im Buchungsablauf erscheint in der ausgewahlten Schriftart und passt so besser zum Rest deiner Website.
Preset colorsBietet 12 Schnellauswahl-Markenfarben. Das Klicken auf ein Farbfeld legt es als Designfarbe fest. Verfugbare Voreinstellungen: #3551b4, #2781c7, #0099f3, #00998b, #05a84c, #08ba96, #e7b604, #e77d04, #da2510, #ff578c, #9d19ae, #a35d48keine vorausgewahltDie ausgewahlte Farbe erscheint auf Buttons, Hervorhebungen, Preislabels, Dauertexten und anderen Akzentelementen im gesamten Buchungsablauf.
Custom HEX colorErmoglicht die Eingabe eines beliebigen HEX-Farbcodes fur prazise Markenanpassung Tipp: Kopiere den exakten HEX-Code aus deinem Marken-Styleguide, um sicherzustellen, dass die Farben perfekt ubereinstimmen.aktuelle Designfarbe (gespeichert als HEX)Wie bei den voreingestellten Farben -- die Farbe wird als primare Akzentfarbe in der gesamten Buchungsoberflache angewendet.

Live-Vorschau

Unterhalb der Branding-Optionen zeigt eine Vorschaukarte eine Beispiel-Reparaturbox mit deinem aktuellen Logo, deiner Schriftart und Designfarbe. Nutze sie, um deine Branding-Auswahl vor dem Speichern zu prufen.

Verfugbare integrierte Schriftarten

RepairPlugin enthalt 30 Schriftarten:

SchriftartTyp
ArchivoSans-serif
ArialSans-serif
AssistantSans-serif
BarlowSans-serif
CabinSans-serif
DM SansSans-serif
Fira SansSans-serif
HindSans-serif
InterSans-serif
Josefin SansSans-serif
KanitSans-serif
KarlaSans-serif
LatoSans-serif
ManropeSans-serif
MerriweatherSerif
Montserrat (Standard)Sans-serif
MuliSans-serif
Noto SansSans-serif
NunitoSans-serif
Open SansSans-serif
OswaldSans-serif
Playfair DisplaySerif
PoppinsSans-serif
QuicksandSans-serif
RalewaySans-serif
RobotoSans-serif
Roboto SlabSerif
SignikaSans-serif
Source Sans ProSans-serif
Titillium WebSans-serif
UbuntuSans-serif
Work SansSans-serif

Haufig gestellte Fragen

Welche Bildformate und -grossen werden fur das Firmenlogo akzeptiert?

Das Logo akzeptiert die Formate PNG, JPEG und WebP. Die maximale Dateigrosst betragt 2 MB und die maximalen Abmessungen sind 1024 x 1024 Pixel.

RepairPlugin verwendet eine globale Designfarbe, die auf Buttons, Hervorhebungen und Akzente im gesamten Buchungsablauf angewendet wird. Zusatzlich kannst du separate Farben fur den Weiterlesen-Link und seinen Hover-Status festlegen. Es gibt keine Moglichkeit, einzelne Elemente uber diese drei Einstellungen hinaus unterschiedlich einzufarben.

Verwandte Artikel

Command Palette

Search for a command to run...