Das Branding deines Portals anpassen

Logo

1. Öffne Hilfecenter in der Hauptnavigation und wechsle zum Tab Einstellungen.
2. Klick unter Branding neben Logo auf Hochladen und wähl eine PNG-, JPG-, WebP- oder AVIF-Datei mit bis zu 1 MB.

Das Logo steht links im Header des Hilfecenters. Ein quadratisches Logo steht neben dem Namen deines Portals, ein breites Logo, das deinen Namen schon enthält, ersetzt ihn. Mit Ersetzen lädst du eine neue Datei hoch, mit Logo entfernen zeigt der Header wieder nur den Namen. SVG-Dateien werden nicht angenommen.

Hero-Bild

Das Hero-Bild ist das breite Bild hinter Überschrift und Suche auf der Startseite deines Hilfecenters. Artikel-, Kategorie- und Suchseiten zeigen einen Streifen davon unter dem Header. Lade es unter Branding > Hero-Bild hoch: PNG, JPG, WebP oder AVIF, bis zu 3 MB. Ab 1600 Pixeln Breite wirkt es auch auf großen Bildschirmen scharf. Ohne Bild zeigt der Hero einen sanften Verlauf in deiner Markenfarbe.

Kein eigenes Bild zur Hand? Unter Oder wähle eins unserer Gemälde suchst du dir eins von 9 Gemälden der Deskwoot-Website aus, etwa See mit Steg oder Ballon im Morgenlicht. Auf Handys füllt eine Version im Hochformat den Streifen, wo es eine gibt. Ob der Text auf dem Bild hell oder dunkel ist, wie stark der Schatten darüber ist und welcher Teil sichtbar bleibt, stellst du unter Aussehen ein, siehe Erweitertes Hilfecenter-Branding.

Markenfarbe

Die Markenfarbe färbt Links, Buttons und andere Akzente in deinem Hilfecenter und das Icon im Browser-Tab, wenn du kein Favicon setzt. Gib einen Hex-Code wie #1A73E8 ein oder nutze die Farbauswahl. Wähl eine Farbe mit genug Kontrast zu Weiß, damit Links gut lesbar bleiben.

Header-Links

Unter Header-Links fügst du bis zu 6 Links zum Header des Hilfecenters hinzu, zum Beispiel zurück zu deiner Website, zu deiner App oder zu einer Anmeldeseite. Für jeden Link legst du fest:

• einen Text und eine Adresse, die mit https:// oder mailto: beginnt,
• eine Darstellung: Menülink (neben dem Logo), Link rechts oder Button (ein gefüllter Button rechts).

Mit + Link hinzufügen kommt eine neue Zeile dazu, mit den Pfeilen änderst du die Reihenfolge. Ein Link wird gespeichert, sobald er einen Text und eine gültige Adresse hat. Über die Sprach-Tabs (EN, DE, PT, HI) gibst du jedem Text eine eigene Übersetzung. Ein Text ohne Übersetzung erscheint auf Englisch. Auf kleinen Bildschirmen wandern die Links ins Menü.

Schriften

• Schriftart unter Aussehen legt die Schrift des ganzen Hilfecenters fest: Systemstandard, Instrument Sans, Inter, Roboto, Open Sans, Lato, Poppins, Montserrat, Nunito, Source Sans oder Plus Jakarta Sans.
• Schrift für Überschriften legt die Schrift von Seitentiteln und Abschnittsüberschriften fest. Standard ist Wie die Seitenschrift.
• Leseschrift legt die Schrift deiner Artikeltexte fest. Wie die Seitenschrift behält eine Schrift für alles. Literata ist eine ruhige Serifenschrift für langes Lesen, und jede Seitenschrift steht hier ebenfalls zur Wahl.

Support-E-Mail

Trägst du eine Support-E-Mail ein, bietet dein Hilfecenter sie unter Noch Hilfe nötig? an, damit Besucher einen Menschen erreichen. Ist das Chat-Widget aus, ist sie unter einer KI-Antwort in der Suche auch der Weg zu deinem Team. Lass das Feld leer, wenn keine E-Mail-Adresse erscheinen soll.

Favicon, Titel und Untertitel

Das Favicon ist das Icon im Browser-Tab. Klick unter Branding neben Favicon auf Hochladen und wähl ein quadratisches PNG oder WebP mit 32 bis 1024 Pixeln Breite und bis zu 256 KB. Ohne eigenes Favicon zeigt der Tab den ersten Buchstaben deines Portalnamens auf deiner Markenfarbe, und dein Hilfecenter zeigt nie das Deskwoot-Icon. Der Seitentitel ist die große Überschrift auf der Startseite, der Untertitel die Zeile darunter.

Eigene Domain und White Label (Enterprise)

Dein Hilfecenter liegt unter dein-slug.deskwoot.com. Im Enterprise-Plan kannst du es unter einer eigenen Domain wie help.deinefirma.de betreiben, mit kostenlosem SSL-Zertifikat. Siehe Eine eigene Domain für dein Hilfecenter einrichten. Enterprise kann außerdem „Powered by Deskwoot“ im Footer ausblenden, siehe Hilfecenter als White Label nutzen. Farbschema und Farben, Text, Schatten und Ausschnitt des Hero-Bildes, Ecken, Kopfzeile, Symbole der Sammlungen, die Teile der Artikelseiten, eigene Abschnittsüberschriften, Custom CSS und eigenes Header- oder Footer-HTML stehen in Erweitertes Hilfecenter-Branding.

Häufige Fragen

Kann ich mein Logo hochladen?

Ja. Lade im Tab Einstellungen unter Branding eine PNG-, JPG-, WebP- oder AVIF-Datei mit bis zu 1 MB hoch. Sie erscheint im Header des Hilfecenters.

Wie groß sollte das Hero-Bild sein?

Breit, mindestens 1600 Pixel, und bis zu 3 MB. Es liegt hinter Überschrift und Suche, deshalb passt ein ruhiges Bild ohne Text am besten.

Kann ich ein Bild nutzen, ohne eins hochzuladen?

Ja. Wähl unter Branding > Oder wähle eins unserer Gemälde eins unserer Gemälde. Du kannst jederzeit zu einem eigenen Bild wechseln.

Können Header-Links auf die Anmeldeseite meiner App zeigen?

Ja. Jede Adresse, die mit https:// beginnt, funktioniert, und mailto: für einen E-Mail-Link. Wähl Button, damit er auffällt.

Ändern sich die Header-Links mit der Sprache?

Ja, wenn du sie übersetzt. Gib einem Text über die Sprach-Tabs unter Header-Links seine deutsche, portugiesische oder Hindi-Fassung. Ohne Übersetzung erscheint der englische Text.

Was ändert die Leseschrift?

Nur den Text deiner Artikel. Header, Menüs und Startseite behalten die Seitenschrift.

Warum wird SVG für das Logo nicht angenommen?

Eine SVG-Datei kann Skripte enthalten, und hochgeladene SVG-Dateien werden nicht bereinigt. Speichere dein Logo stattdessen als PNG oder WebP.

Kann ich eine Änderung am Branding rückgängig machen?

Teilweise. Der Verlauf im Tab Design hält Änderungen an Markenfarbe, Seitentitel, Untertitel, Header-Links, Custom CSS, den Abschnitten der Startseite und den Optionen unter Aussehen wie Ecken und Text auf dem Bild fest. Logo, Hero-Bild, Schriften, Farben des Schemas, Favicon und Support-E-Mail gehören nicht dazu.

Ändert die Markenfarbe mein Chat-Widget?

Nein. Das Chat-Widget hat eigene Einstellungen zum Aussehen in deiner Live-Chat-Inbox. Siehe Dein Chat-Widget anpassen.