Zum Hauptinhalt springen

Passen Sie Ihr Help Center an

Verwenden Sie diesen Artikel, um das Aussehen und Verhalten Ihres Help Centers für Kunden anzupassen – einschließlich Branding (Logo, Farben, Schriftarten), Hero-Block und Suchleiste, Navigationslayout, Artikeldarstellung, domains, Analytics und Datens...

Verfasst von Beth-Ann Sher

In den Help Center Einstellungen finden Sie eine Vielzahl von Anpassungsoptionen, mit denen Sie Ihr Help Center branden und steuern können, wie es für Ihre Kunden erscheint. So konfigurieren und sehen Sie Änderungen an einem Help Center in Echtzeit vor.

Hinweis: Sie benötigen Zugriff auf die Help Center Einstellungen, um die in diesem Artikel beschriebenen Änderungen vorzunehmen. Wenn Sie Einstellungen > Help Center nicht sehen können, wenden Sie sich an Ihren Workspace-Administrator, um Zugriff zu beantragen.


So konfigurieren Sie allgemeine Einstellungen

Um Ihre Help Center unterstützten Sprachen, domains, Analytics, Datenschutz und Social-Media-Bilder einzurichten, gehen Sie zu Einstellungen > Help Center. Klicken Sie auf das Help Center, das Sie einrichten möchten, und dann auf Konfigurieren und gestalten in der rechten Ecke.

Help Center Einstellungsseite mit einer Liste von Help Centern und dem hervorgehobenen Button Konfigurieren und gestalten oben rechts

Öffnen Sie auf der Seite Konfigurieren und gestalten den Tab Allgemein.

Seite Konfigurieren und gestalten mit ausgewähltem Tab Allgemein, die Einstellungen für unterstützte Sprachen, domains, Analytics, Datenschutz und Social-Media-Bilder zeigt

Wenn Sie Multi Help Center verwenden, können Sie die Einstellungen für jedes Help Center separat konfigurieren.

Help Center Name

Um den internen Namen Ihres Help Centers zu ändern, gehen Sie zu Einstellungen > Help Center und klicken Sie neben dem gewünschten Help Center auf Konfigurieren und gestalten. Klicken Sie dann oben links auf den Namen des Help Centers, um ihn direkt zu bearbeiten.

So legen Sie Ihre Standardsprache fest

Um eine Standardsprache auszuwählen, gehen Sie zu Einstellungen > Help Center > Konfigurieren & gestalten, klicken Sie auf den Tab Allgemein und öffnen Sie Unterstützte Sprachen.

Wählen Sie Ihre Standardsprache aus und klicken Sie auf Speichern und live schalten.

Einstellungen für unterstützte Sprachen mit Dropdown für Standardsprache und sichtbarem Button Speichern und live schalten

Sobald Sie Ihre Standardsprache gewählt haben, wird die Benutzeroberfläche Ihres Help Centers in der von Ihnen festgelegten Sprache angezeigt. Dies ändert die Sprache von:

  • Suchaufforderung auf Ihrer Startseite.

  • Artikelanzahl, Autor und letztes Änderungsdatum.

  • Reaktionsaufforderung in Ihren Artikeln.

  • ‘We run on Intercom’-Logo und mehr.

Hinweis:

Auch wenn Ihr Help Center nur eine Sprache unterstützt, gibt es immer eine Dropdown-Option, die eine einzelne Sprache anzeigt, und es ist nicht möglich, diese zu entfernen.

So richten Sie Ihre Help Center domain ein

Verwenden Sie Ihre Standarddomain

Sobald Ihr Help Center live ist, stellt Intercom Ihre Inhalte standardmäßig unter einer Intercom domain zur Verfügung. Stellen Sie sicher, dass Ihr Help Center live geschaltet ist, bevor Sie fortfahren.

Um Ihre Standard-URL zu finden, gehen Sie zu Einstellungen > Help Center > Konfigurieren & gestalten, klicken Sie auf den Tab Allgemein und öffnen Sie domains.

Ihr App-Name wird Teil Ihrer URL sein. Wenn Ihr App-Name zum Beispiel ‚ExampleApp‘ ist, sieht Ihre URL so aus:

Domains-Bereich mit dem Standard-Help Center-URL-Format, wobei der App-Name als bearbeitbarer Teil der URL hervorgehoben ist

Sie können den App-Namen-Teil Ihrer URL (z. B. exampleapp) nach Belieben bearbeiten.

Benutzerdefinierte domain festlegen

Wenn Sie Ihre Inhalte lieber über Ihre eigene domain verfügbar machen möchten, können Sie eine benutzerdefinierte domain einrichten.

Gehen Sie zu Ihrem DNS-Anbieter – dem Dienst, der Ihre domain-Einstellungen verwaltet (z. B. GoDaddy, Cloudflare, DNSimple oder Route53) – und erstellen Sie einen CNAME-Eintrag (ein DNS-Eintrag, der Ihre domain auf eine andere Adresse verweist) mit dem Zielhost custom.intercom.help. Wir haben diese Anleitung erstellt, um Ihnen oder Ihrem Techniker bei der Einrichtung zu helfen.

Hinweis:

  • Sowohl Subdomains (z. B. help.exampleapp.io) als auch Subpfade (z. B. exampleapp.io/help) werden unterstützt.

  • DNS-Änderungen können bis zu 72 Stunden dauern, bis sie wirksam werden, aber normalerweise geht es viel schneller.

Um die Einrichtung abzuschließen, gehen Sie zu Einstellungen > Help Center > Konfigurieren & gestalten und öffnen Sie domains. Geben Sie Ihre benutzerdefinierte domain-URL ein und klicken Sie auf Speichern und live schalten. Nach dem Speichern wird Ihre benutzerdefinierte domain aktiviert – die DNS-Propagation kann bis zu 72 Stunden dauern, wird aber normalerweise viel schneller abgeschlossen. Bis dahin bleibt Ihre Standard-Intercom-domain zugänglich.

Domains-Einstellungen mit Eingabefeld für benutzerdefinierte domain-URL und Button Speichern und live schalten

Sie können auch wählen, die Indexierung durch Suchmaschinen zu deaktivieren und Ihre Artikel privat zu halten.

So verbinden Sie Google Analytics

Um Google Analytics mit Ihrem Help Center zu integrieren und Einblicke in das Verhalten Ihrer Besucher zu erhalten, benötigen Sie nur Ihre GA4 Measurement ID (zu finden in Ihrem Google Analytics-Konto unter Admin > Datenstreams).

Nachdem Sie Ihre GA4 Measurement ID aus Ihrem Google Analytics-Konto kopiert haben, gehen Sie zu Einstellungen > Help Center > Konfigurieren & gestalten und öffnen Sie Analytics. Fügen Sie diese dann unter "Google Analytics Tracking ID" ein.

Analytics-Einstellungen mit Eingabefeld für Google Analytics Tracking ID, in das die GA4 Measurement ID eingefügt wird

So beschränken Sie den Artikelzugriff

Um Artikel nur für angemeldete users zugänglich zu machen, setzen Sie die Zielgruppe des Artikels im Detailbereich des Artikels auf Users. Sobald ein Artikel auf Users gesetzt ist, ist er nur für Personen sichtbar, die in Ihrem Produkt angemeldet sind – Besucher und leads sehen ihn nicht in Ihrem Help Center oder in den Suchergebnissen. Gehen Sie zu Einstellungen > Help Center > Konfigurieren & gestalten und öffnen Sie Datenschutz, um einen Link zu Ihrer Anmeldeseite einzugeben.

Datenschutzeinstellungen mit Eingabefeld für die URL der Anmeldeseite, die Besucher umleitet, die versuchen, auf eingeschränkte Artikel zuzugreifen

Wenn ein Besucher oder lead versucht, auf einen eingeschränkten Artikel (einen, der nur auf Users gesetzt ist) zuzugreifen, wird er auf die von Ihnen hier eingegebene URL der Anmeldeseite weitergeleitet, mit einer Aufforderung, sich anzumelden. Ohne eine URL für die Anmeldeseite erfolgt keine Weiterleitung.

Erfahren Sie mehr über die Indexierung durch Suchmaschinen.

Es ist nicht möglich, das Help Center selbst privat zu machen. Kunden können weiterhin auf Ihr Help Center zugreifen, wenn Sie alle Ihre Artikel privat machen, aber sie können keine Artikel sehen, bis sie sich anmelden.

Social-Media-Bilder

Favicon

Unter Einstellungen > Help Center > Konfigurieren & Stil > Allgemein > Social-Media-Bilder können Sie ein Favicon hochladen. Dieses Favicon erscheint vor dem Titel im Browser-Tab Ihrer Kunden, wenn sie Ihre Help Center-Website besuchen.

Abschnitt Social-Media-Bilder mit dem Bereich zum Hochladen des Favicons unter den allgemeinen Einstellungen

Hinweis: Auf der Startseite des Help Centers enthält der Browser-Tab-Titel automatisch ein systemgeneriertes Präfix vor dem Namen Ihrer Website (z. B. „Home |“ (für Englisch)). Dieses Präfix kann derzeit von Workspace-Teammitgliedern nicht entfernt oder angepasst werden.

Empfohlenes Verhältnis: 1:1. Maximale Dateigröße: 150 KB. Maximale Abmessungen: 588 x 588 px.

So beheben Sie ein falsches Favicon in den Google-Suchergebnissen

Wenn Google Search ein anderes Favicon anzeigt als das in den Help Center-Einstellungen hochgeladene, liegt dies meist an einem Cache- oder Verzögerungsproblem beim erneuten Crawlen und nicht am Upload selbst.

Bestätigen Sie, dass das Favicon unter Allgemein > Social-Media-Bilder korrekt hochgeladen wurde und die oben genannten Abmessungen erfüllt. Wenn ja, liegt die Abweichung in Google Search normalerweise daran, dass Google das Help Center seit der Änderung des Favicons noch nicht erneut gecrawlt hat oder weil ein CDN- oder DNS-Anbieter vor einer benutzerdefinierten Domain (z. B. Cloudflare) noch eine zwischengespeicherte Kopie des alten Icons ausliefert.

  1. Verwenden Sie in der Google Search Console die URL-Inspektion für die Help Center-URL und klicken Sie auf Indexierung anfordern, um Google zum erneuten Crawlen der Seite aufzufordern. Dies erfordert eine Search Console-Eigenschaft, die die Domain des Help Centers abdeckt – eine URL-Präfix-Eigenschaft, die auf eine andere Root-Domain beschränkt ist, umfasst kein Help Center auf einer Subdomain – sowie Eigentümer- oder Vollbenutzerzugriff, um die Indexierung anzufordern.

  2. Wenn das Help Center eine benutzerdefinierte Domain hinter einem CDN- oder DNS-Anbieter verwendet, leeren Sie den Cache dieses Anbieters für die Favicon-Datei (z. B. /favicon.ico und jeden benutzerdefinierten Favicon-Asset-Pfad), um sicherzustellen, dass keine veraltete zwischengespeicherte Kopie mehr ausgeliefert wird.

Hinweis: Das Timing des erneuten Crawlens durch Google kann nicht direkt gesteuert werden, daher kann es einige Zeit dauern, bis ein Suchergebnis ein neu hochgeladenes Favicon widerspiegelt, selbst nach diesen Schritten.

Social-Media-Bild

Sie können auch ein hochauflösendes Social-Media-Bild hochladen. Das Social-Media-Bild erscheint, wenn Ihr Help Center oder Artikel auf Facebook, Twitter oder einer anderen Social-Media-Plattform geteilt werden.

Bereich zum Hochladen von Social-Media-Bildern in den Help Center-Einstellungen mit den empfohlenen Verhältnissen und Dateigrößenanforderungen

Empfohlene Abmessungen: 1200 x 630 px (Verhältnis 1,91:1). Maximale Dateigröße: 2 MB.

So löschen Sie ein Help Center

Diese Option ist nur verfügbar, wenn Sie mehrere Help Centers haben. Sie können Ihr ursprüngliches (Standard-)Help Center nicht aus Ihrem Workspace löschen. Wenn Sie ein zusätzliches Help Center löschen, werden die darin enthaltenen Artikel nicht gelöscht – sie bleiben sicher in Ihrem Knowledge Hub gespeichert.

Wenn dies Ihr einziges Help Center ist und Sie es entfernen möchten, können Sie es stattdessen auf Nicht live setzen.

Wenn Sie ein Help Center löschen, gibt es keine Möglichkeit, es wiederherzustellen.


So konfigurieren Sie die Styling-Einstellungen

Um das Styling Ihres Help Centers und die Darstellung von Inhalten auf der Startseite, in Sammlungen, Artikeln, Kopf- und Fußzeile zu verwalten, gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil und öffnen Sie den Tab Styling.

Seite Konfigurieren & Stil mit geöffnetem Styling-Tab, der Abschnitte für Marke importieren, Gemeinsame Elemente, Kopfzeile, Hero-Block, Layout und Abschnitte, Sammlungsseite, Artikelseite und Fußzeile zeigt

Wenn Sie Multi Help Center verwenden, können Sie die Styling-Einstellungen für jedes Help Center separat konfigurieren.

So importieren Sie Ihre Marke

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf Styling und öffnen Sie Marke importieren, um die URL Ihrer Marke einzugeben. Intercom passt dann automatisch das Styling Ihres Help Centers an Ihre Marke an.

Panel Marke importieren mit einem Eingabefeld für die Website-URL, in das Sie die Top-Level-Domain Ihrer Marke eingeben

Sobald die Marke importiert wurde, wendet Intercom automatisch das Logo und die Farben daraus an. Ihre Help Center-Vorschau rechts wird aktualisiert, um das importierte Branding widerzuspiegeln. Klicken Sie auf Speichern und live schalten, um die Änderungen anzuwenden.

Help Center-Styling-Seite, die nach dem Importieren einer Marken-URL automatisch mit Logo und Markenfarben ausgefüllt ist

Sie müssen die korrekte URL angeben, wenn Sie Ihre Marke importieren. In der Regel ist dies die Top-Level-Domain Ihrer Website. Zum Beispiel „example.com“ statt „subdomain.example.com“. Einige Domains sind nicht zugänglich oder funktionieren nicht, und in diesem Fall sehen Sie eine Fehlermeldung.

Sie sehen auch die importierten Farben neben allen Farboptionen im Abschnitt Hero-Block. So können Sie die Farben verschiedener Teile des Help Centers einfach bearbeiten, ohne den Zugriff auf Ihre Markenfarben zu verlieren.

Farbwähler im Hero-Block mit importierten Markenfarben als Optionen neben dem Standard-Farbwähler

Stellen Sie sicher, dass Sie auf Speichern und live schalten klicken, da Ihre Änderungen nicht automatisch gespeichert werden.

Hinzufügen eines Hero-Bildes

Wenn Sie ein Hero-Bild einfügen, ist es wichtig zu beachten, dass das Bild responsiv ist. Das bedeutet, es passt sich automatisch an, um den gesamten Kopfbereich auszufüllen. Um zu verhindern, dass Ihr Bild beschnitten oder gestreckt wird, müssen Sie das Seitenverhältnis Ihres Bildes an die gewählte Kopfzeilenhöhe anpassen.

Empfohlene Abmessungen und Verhältnisse

Verwenden Sie diese Tabelle, um sicherzustellen, dass Ihr Bild zur Kopfzeilenhöhe passt, die Sie in Ihren Einstellungen ausgewählt haben:

Kopfzeilengröße

Höhe

Empfohlenes Seitenverhältnis

Beispielabmessungen

Klein

245px

6:1

1470 x 245px

Mittel

360px

4:1

1440 x 360px

Groß

480px

3:1

1440 x 480px

Wie man gemeinsame Elemente konfiguriert

Hintergrundfarbe des Körpers

Gehen Sie zu Settings > Help Center > Configure & Style, klicken Sie auf den Reiter Styling und öffnen Sie Shared elements, um die Hintergrundfarbe des Körpers zu ändern. Alle Help Center-Seiten (Startseite, Sammlung, Artikel, Suche, Fehlerseiten usw.) passen sich entsprechend an.

Einstellungen für Shared elements mit Farbauswahl für den Hintergrund des Körpers, die auf alle Help Center-Seiten angewendet wird

Aktionsfarbe

Legen Sie eine Aktionsfarbe fest, die einen guten Kontrast zum Hintergrund des Körpers bietet – sie gilt für Buttons, Links und andere interaktive Elemente im gesamten Help Center.

Hinweis:

  • Die Aktionsfarbe wird für in JPEG/PNG/GIF hochgeladene Icons nicht aktualisiert.

  • Die Farbe wird aktualisiert, sobald Ihr Help Center veröffentlicht ist.

Designstil

Wählen Sie zwischen dem Karten- oder Schwebenden Designstil, der für Sammlungen und Artikel auf allen Seiten gilt.

Designstil-Auswahl für Shared elements mit den Optionen Karte und Schwebend sowie einer Vorschau rechts

Wenn Sie den Karten-Designstil wählen, wird die Hintergrundfarbe der Karte automatisch generiert, um genügend Kontrast zum Hintergrund des Help Centers zu bieten. Die Hintergrundfarbe der Karte kann nicht angepasst werden.

Eckenradius

Legen Sie den Eckenradius für Elemente in Ihren Sammlungen, Artikeln und Hover-Zuständen (beim Überfahren von Artikeln innerhalb einer Sammlung) fest.

Eckenradius-Schieberegler in den Einstellungen für Shared elements zur Steuerung der abgerundeten Ecken bei Karten von Sammlungen und Artikeln

Hinweis: Benutzerdefinierte Icons, die auf Sammlungskarten hochgeladen werden, werden als eigenständige Bilder behandelt und übernehmen nicht automatisch den hier konfigurierten Eckenradius. Um abgerundete Ecken bei benutzerdefinierten Icons zu erzielen, runden Sie das Bild vor dem Hochladen vor.

Schriftart

Wählen Sie aus einer Liste vorinstallierter Google Fonts für die Verwendung in Ihrem Help Center:

  • Primäre Schriftart – Wird in der Willkommensnachricht, Titeln und Überschriften verwendet.

  • Sekundäre Schriftart – Wird für Beschreibungen, Artikeltext und alle anderen Texte verwendet.

Schriftart-Auswahl in den Styling-Einstellungen des Help Centers mit Dropdowns für Primäre und Sekundäre Schriftart und einer Liste verfügbarer Google Fonts

Die folgenden Schriftarten sind in den Styling-Einstellungen Ihres Help Centers verfügbar:

  • Bitter

  • Inter

  • Lato

  • Lora

  • Montserrat

  • Open Sans

  • Oswald

  • Playfair Display

  • Poppins

  • Noto Sans

  • Noto Serif

  • Raleway

  • Roboto

  • Roboto Mono

  • Roboto Slab

Hinweis:

  • Die ausgewählte Schriftart gilt nicht für den Messenger, der immer die Systemschriftart verwendet.

  • Die zuvor verwendete Schriftart proxima nova wurde im Juni 2023 entfernt; Sie können Montserrat oder Open Sans verwenden, um ein ähnliches Aussehen zu erzielen.

Oder klicken Sie auf Eigene Schriftarten verwalten, um Ihre eigene benutzerdefinierte Schriftart hochzuladen, die Ihrem Markenstil entspricht.

Artikelautoren anzeigen

Zeigen oder verbergen Sie Artikelautoren auf der Startseite, in Sammlungen und Artikeln, indem Sie zu Settings > Help Center > Configure & Style gehen.

Klicken Sie auf den Reiter Styling und öffnen Sie Shared elements, scrollen Sie dann nach unten, um "Artikelautoren anzeigen" umzuschalten.

Einstellungen für Shared elements mit dem Umschalter "Artikelautoren anzeigen", der steuert, ob Autorennamen auf der Startseite, den Sammlungsseiten und den Artikelseiten angezeigt werden

Wie man die Kopfzeile anpasst

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Reiter Styling und öffnen Sie Kopfzeile, um den oberen Kopfzeilenbereich mit Ihrem Logo, Seitentitel/Firmenname und beliebigen Kopfzeilenlinks zu gestalten.

Einstellungen zur Kopfzeilengestaltung mit Optionen zum Hochladen des Logos, Eingabefeld für den Seitentitel und Konfiguration der Kopfzeilenlinks

Die Kopfzeile kann auch separat für alle Ihre unterstützten Sprachen eingerichtet werden.

Logo

Laden Sie eine hochauflösende Version Ihres Logos hoch.

Empfohlenes Seitenverhältnis: 5:1. Maximal 1 MB, maximale Breite/Höhe 720 px.

Wenn Sie ein Logo in die Help Center Kopfzeile einfügen, ersetzt es den Seitentitel. Wenn Sie ein Logo in die Help Center Fußzeile einfügen, ersetzt es den Seitentitel.

Seitentitel

Das Feld Seitentitel steuert den Text, der im Browser-Tab Ihrer Kunden erscheint, wenn sie Ihr Help Center besuchen. Um es anzupassen, gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Reiter Styling, öffnen Sie Kopfzeile und geben Sie Ihren bevorzugten Titel unter Seitentitel ein. So können Sie den Browser-Tab-Titel an Ihr Branding anpassen.

Kopfzeilenlinks

Sie können bis zu 3 Links zu anderen Webseiten hinzufügen – zum Beispiel zu Ihrem Blog oder Ihrer Community.

Die Kopfzeile schiebt andere Inhalte nach unten, anstatt über anderen Inhalten zu liegen.

Wie man den Hero-Block anpasst

Der Hero-Block ist der große Bannerbereich oben auf der Startseite Ihres Help Centers – der Bereich mit Ihrer Willkommensnachricht und der Suchleiste. Er befindet sich unter der Kopfzeile (die Ihr Logo und Navigationslinks anzeigt) und über dem restlichen Seiteninhalt.

Willkommensnachricht

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Reiter Styling und öffnen Sie Hero-Block, um Benutzerattribute zur Willkommensnachricht auf Ihrer Help Center Startseite hinzuzufügen.

Das Benutzerattribut wird angezeigt, wenn der Kunde eingeloggt ist. Wenn der Kunde ein Besucher oder lead (nicht eingeloggt) ist, wird stattdessen der von Ihnen festgelegte Ersatzwert angezeigt. Zum Beispiel bedeutet ein Ersatzwert von „dort“, dass ein Besucher „Hallo dort!“ sieht, anstatt einer leeren oder fehlerhaften Willkommensnachricht.

Einstellungen des Hero-Blocks mit dem Feld für die Willkommensnachricht, einem Platzhalter für Benutzerattribute und konfiguriertem Ersatzwert

Hinweis:

  • Die Benutzerattribute sind nur vorhanden, wenn der Kunde die Benutzerdaten auf irgendeine Weise gesetzt hat. Beispiel: Über die javascript API, Einrichtung von eingeloggten Nutzern usw.

  • Die Willkommensnachricht kann in allen Ihren unterstützten Sprachen konfiguriert werden.

  • Die Willkommensnachricht des Hero-Blocks darf nicht leer bleiben. Der Hero-Block ist ein Kernbestandteil der Help Center Startseite und zeigt immer einen Text an – wenn das Feld für die Willkommensnachricht leer bleibt, erscheint stattdessen ein Standard- oder Platzhaltertext. Stellen Sie sicher, dass Sie eine Willkommensnachricht festlegen, um zu steuern, was Ihre Kunden sehen.

Wichtig: Dies gilt nur, wenn Sie zur neuen Help Center Erfahrung wechseln. Die Beschreibungszeile des Hero-Blocks – der Satz, der zuvor unter der Hero-Überschrift auf der Help Center Startseite erschien – wurde im neuen Design entfernt. Wenn Ihr Help Center diese Zeile vor dem Wechsel hatte, kann sie nicht wiederhergestellt werden, auch nicht durch Rückkehr zum klassischen Design. Diese Änderung ist nicht rückgängig zu machen.

Hintergrund

Die von Ihnen gewählte Hintergrundfarbe wird auf folgende Elemente angewendet:

  • Symbolfarbe des Avatars (wenn kein Bild verfügbar ist).

  • Links in Artikeln.

  • Ihre Farbe und Ihr Farbverlauf des Hero-Blocks oder Bild-Upload.

  • Hintergrund verblassen (bei Verwendung eines Farbverlaufs).

Derzeit sind standardmäßig alle Avatare transparent. Avatare sind jedoch nicht transparent:

  • Wenn der Avatar innerhalb einer Avatar-Gruppe gerendert wird (und diese Gruppe keinen Fin-Avatar enthält)

  • Wenn diese Avatar-Gruppe mehr als einen Avatar enthält

Textfarbe

Die von Ihnen gewählte Textfarbe wird angewendet auf:

  • Links im Hero-Block.

  • Text in der Suchleiste.

Empfohlenes Seitenverhältnis für Hero-Bild: 5:2. Maximale Dateigröße 2 MB, maximale Breite/Höhe 3000 px. Dieses Bild erscheint oben auf Ihrer Startseite und auf jeder Seite Ihres Help Centers – wählen Sie also ein aussagekräftiges Bild, das Ihre Marke repräsentiert.

„Hintergrund verblassen“ erscheint nur auf der Help Center Startseite.

Höhe

Wählen Sie eine Gesamthöhe für die Help Center Kopfzeile auf der Startseite. Mindesthöhe 245 Pixel, maximale Höhe 600 Pixel.

Suchleiste

Wählen Sie aus drei verschiedenen Suchleisten-Größen und anschließend die Ausrichtung:

  • Vertikal – links oder zentriert.

  • Horizontal – oben, zentriert oder unten.

Die folgende Tabelle zeigt das visuelle Erscheinungsbild jeder Suchleisten-Option im Hero-Block-Einstellungsmenü:

Kurz

Mittel

Lang

Eckenradius

Sie können auch einen Eckenradius für die Suchleiste auswählen. Minimum 0 Pixel und maximal 30 Pixel.

Hinweis: Die Einstellung der Suchleistenlänge gilt nur für die Help Center-Startseite. Wenn ein Kunde in eine Sammlung navigiert, kehrt die Suchleiste zu ihrer Standardgröße zurück und übernimmt nicht die von der Startseite konfigurierte Länge.

So konfigurieren Sie Layout und Abschnitte

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Tab Styling und öffnen Sie Layout und Abschnitte, um zu gestalten, wie Collections angezeigt werden, und wählen Sie aus, ob Abschnitte für Articles, Content und Customer Portal auf der Startseite aktiviert werden sollen. Klicken Sie neben jedem Abschnitt (Collections, Articles, Content oder Customer Portal) auf Bearbeiten, um ihn zu konfigurieren.

Seite Layout und Abschnitte mit Schaltern für Collections, Articles, Content und Customer Portal Abschnitte mit Bearbeiten-Schaltflächen

Der Abschnitt Collections steuert, wie Ihre Help Center-Startseite Ihre Inhaltskollektionen anzeigt. Verwenden Sie ihn, um das Layout, den Kartenstil und das Symbol- oder Bilddesign für jede Kollektion auszuwählen.

So konfigurieren Sie den Abschnitt Collections

Hinweis: Collections müssen veröffentlichte Articles in allen unterstützten Sprachen ihres Help Centers haben. Wenn eine Collection nur eine englische Version veröffentlicht hat, erscheint sie nicht in den Styling-Einstellungen, da diese Einstellungen universell für alle Sprachen des Help Centers gelten. Um dies zu beheben, navigieren Sie zur Collection und stellen Sie sicher, dass Sie für jede Sprache, die Ihr Help Center unterstützt, mindestens eine Artikelversion erstellt und veröffentlicht haben.

Layout

Wählen Sie zwischen einem Layout mit 1, 2 oder 3 Spalten.

Layout-Spaltenauswahl mit Optionen für 1, 2 und 3 Spalten zur Anzeige von Collections auf der Help Center-Startseite

Wählen Sie einen Kartenstil für Collections:

  • Klassisch - Der aktuelle Kartenstil der Collection.

  • Visuell - Verwendet mehr Platz für Symbole und Bilder.

  • Kompakt - Zeigt die wichtigsten Informationen mit minimalem Platzbedarf.

Wenn Sie auf einen Kartenstil klicken, wird rechts automatisch eine Vorschau angezeigt.

Auswahl des Kartenstils für Collections mit Optionen Klassisch, Visuell und Kompakt und einer Live-Vorschau rechts

Hinweis: Das kompakte Collections-Layout erfordert den Expert-Plan.

Alle Kartenstile sind responsiv und sehen bei jeder Auflösung gut aus, einschließlich Mobilgerät, Desktop und Tablet, die Sie rechts auch über das Dropdown-Menü auswählen und ansehen können.

Vorschaufenster zeigt den ausgewählten Kartenstil der Collection bei verschiedenen Auflösungen — Mobilgerät, Tablet und Desktop — mit dem Auflösungs-Dropdown

Design

Verwenden Sie Symbole, Bilder oder nur Text für Ihre Collection-Karten.

Design-Auswahl für Collection-Karten mit Optionen Symbole, Bilder und nur Text

Wenn Sie Symbole verwenden, können Sie folgende Farben ändern:

  • Symbolfarbe: Wählen Sie die Farbe mit dem Farbwähler oder geben Sie einen Hex-Code ein.

  • Symbolhintergrund:

    • Farbe - Wählen Sie die Farbe mit dem Farbwähler oder geben Sie einen Hex-Code ein.

    • Bild - Laden Sie ein Bild hoch.

    • Verlauf - Erstellen Sie einen Verlauf mit bis zu drei Farben mithilfe des Farbwählers oder geben Sie einen Hex-Code ein.

Hinweis:

  • Empfohlenes Verhältnis: 1:1

  • Empfohlene Abmessungen: maximal 48px Höhe/Breite

  • Die Designauswahl bestimmt die verfügbaren Optionen für Collection-Updates. Zum Beispiel erlaubt die Auswahl von Bildern, beim Aktualisieren einzelner Collections hochgeladene Bilder statt Symbole auszuwählen.

Wenn Sie Bilder verwenden, füllt dies den Hintergrund der Collection-Karte aus, was besonders gut mit der visuellen Vorlage funktioniert.

Einzelne Collection-Karten können mit Bildern gestaltet werden, indem Sie die Collection aus einem Dropdown-Menü auswählen. Oder Stile können weiterhin auf alle Collections angewendet werden, indem Sie die Option Alle Collections aus dem Dropdown-Menü wählen, was individuelle Stile überschreibt.

Hinweis:

  • Die Symbolfarbe kann nur bei Standardsymbolen oder benutzerdefinierten Symbolen geändert werden, die Sie im SVG-Format (Scalable Vector Graphics – ein Dateiformat, das Farbänderungen ohne Qualitätsverlust unterstützt) hochgeladen haben.

  • SVG-Uploads werden in einer einzigen Farbe dargestellt.

  • Hintergrundfarbe ist optional und kann deaktiviert werden.

Articles-Abschnitt

Fügen Sie einen Articles-Abschnitt auf Ihrer Help Center-Startseite hinzu.

Seite Layout und Abschnitte mit aktiviertem Schalter für den Articles-Abschnitt

Nach der Aktivierung klicken Sie auf Bearbeiten, um die Sprache für diese Articles auszuwählen, die Anzahl der Spalten festzulegen, diesem Abschnitt einen Titel zu geben und dann Articles aus Ihrem Help Center auszuwählen. Sie können bis zu 12 veröffentlichte Articles in Ihrem Help Center auswählen.

Editor für den Articles-Abschnitt mit Sprachenauswahl, Spaltenanzahl-Auswahl, Titelfeld und Artikelauswahl mit bis zu 12 auswählbaren Articles

Hinweis:

  • Für jede Sprache können Sie nur veröffentlichte Articles auswählen, die in dieser Sprache übersetzt sind.

  • Articles mit Audience-Targeting-Regeln können ausgewählt und hier angezeigt werden, erscheinen aber nur für den Kunden, wenn sie den Zielgruppenregeln entsprechen.

  • Die Vorschau zeigt nur die Artikellinks für die Standardsprache an.

Content-Abschnitt

Fügen Sie einen anpassbaren Content-Abschnitt auf Ihrer Help Center-Startseite hinzu. Dies ist ein großartiger Ort, um eine neue Funktion, ein Webinar oder einen Call-to-Action für Ihre Kunden hervorzuheben. Nach der Aktivierung klicken Sie auf Bearbeiten, um den Content-Abschnitt anzupassen.

Layout- und Abschnittsseite mit aktiviertem Umschalter für den Inhaltsbereich und einer Schaltfläche zum Bearbeiten

Erstellen Sie lokalisierten Inhalt, indem Sie eine Ihrer unterstützten Sprachen auswählen.

Fügen Sie der Inhaltskarte einen optionalen Titel, eine Beschreibung und eine Call-to-Action-Schaltfläche hinzu.

Scrollen Sie nach unten, um den Inhaltsbereich zu gestalten:

  • Design – Wählen Sie zwischen Karte oder Vollbild.

  • Hintergrund – Wählen Sie eine Farbe, ein Bild oder einen Farbverlauf.

  • Textfarbe – Wählen Sie die Textfarbe für Titel und Beschreibung.

Sehen Sie, wie der Inhaltsbereich auf der Startseite mit der Vorschau rechts angezeigt wird. Die Vorschau wird nur in Ihrer Standardsprache angezeigt.

Denken Sie daran, Speichern und live schalten auszuwählen, wenn Sie den Inhaltsbereich zu Ihrem Help Center hinzufügen möchten.

Kundenportal

Das Customer Portal kann aktiviert werden, wenn Sie Intercom tickets verwenden. Es bietet Ihren Kundenorganisationen eine Echtzeitansicht aller offenen und gelösten tickets an einem Ort. Nach der Aktivierung sehen Kunden, die zu einem Unternehmen in Intercom gehören, einen Portal-Tab in Ihrem Help Center. Um es zu aktivieren, gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, öffnen Sie Layout und Abschnitte und schalten Sie Customer Portal ein.

Layout- und Abschnittsseite mit dem Umschalter für das Customer Portal, der einen ticket-Portal-Tab im Help Center für Kundenorganisationen aktiviert

Reihenfolge

Um Artikel über oder unter Ihren Sammlungen auf der Startseite anzuzeigen, verwenden Sie einfach das Drag-and-Drop-Werkzeug neben jedem Abschnitt, um die Reihenfolge zu ändern.

Layout- und Abschnittsseite mit Ziehpunkten neben Sammlungen, Artikeln und Inhaltsbereichen zur Neuanordnung der Anzeige auf der Startseite

So konfigurieren Sie die Sammlungsseite

Inhaltsbeschreibungen

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Tab Styling und öffnen Sie Sammlungsseite, um "Inhaltsbeschreibungen" für jede Ihrer Sammlungen ein- oder auszublenden. Das Ausblenden der Beschreibungen erleichtert das Durchsuchen Ihrer Artikel, das Anzeigen der Beschreibungen hilft Kunden zu verstehen, was sie in dieser Sammlung erwartet.

Einstellungen der Sammlungsseite mit dem Umschalter für Inhaltsbeschreibungen, der steuert, ob Artikelbeschreibungen in Sammlungslisten angezeigt werden

Hinweis: Der Sammlungsbereich kann nicht wie andere Abschnitte deaktiviert werden.

So konfigurieren Sie die Artikelseite

Inhaltsverzeichnis

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Tab Styling und öffnen Sie Artikelseite, um ein Inhaltsverzeichnis für jeden Artikel zu aktivieren oder zu deaktivieren, das alle H1- oder H2-Überschriften in Ihren Artikeln verwendet.

Verwandte Artikel

Sie können auch bis zu 5 verwandte Artikel unter jedem Artikel in Ihrem Help Center anzeigen.

Einstellungen der Artikelseite mit dem Umschalter für verwandte Artikel und einer Vorschau, wie bis zu 5 verwandte Artikel unter einem Artikel angezeigt werden

So passen Sie die Fußzeile an

Passen Sie das Aussehen der Fußzeile Ihres Help Centers mit drei möglichen Vorlagen an: einfach, klassisch oder mehrstufig. Gestalten Sie Ihre Fußzeile, indem Sie ein Logo hochladen, bis zu 16 Social-Media-Links hinzufügen und Fußzeilenlinks in Ihrer gewählten Vorlage zur einfachen Organisation gruppieren.

Diese Fußzeile ist auf allen Seiten Ihres Help Centers (Startseite, Sammlungen, Artikel) einheitlich.

Auswahl einer Fußzeilenvorlage

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Tab Styling und öffnen Sie Fußzeile, wo Sie Ihre Help Center-Fußzeile vollständig an Ihre Marke anpassen können.

Einstellungen für die Fußzeilengestaltung mit Vorlagenoptionen (Einfach, Klassisch, Mehrstufig) sowie Feldern für Logo-Upload, Social-Media-Links und Gruppierung von Fußzeilenlinks

Steuern Sie den dezenten Link „Powered by Intercom“ in der Fußzeile Ihrer Help Center-Artikel, indem Sie zu Einstellungen > Allgemein navigieren.

Suchen Sie den Abschnitt „Intercom Attribution Message“ und verwenden Sie den Umschalter, um diesen ein- oder auszuschalten.

Allgemeine Einstellungen mit dem Umschalter für die Intercom Attribution Message, der den Powered by Intercom-Link in Help Center-Artikeln und ausgehenden E-Mails steuert

Hinweis: Dieser Umschalter steuert gleichzeitig ausgehende E-Mails und Help Center-Artikel. Es ist nicht möglich, den Link zur Intercom-Website in einem zu aktivieren und im anderen zu deaktivieren.


So sehen Sie eine Vorschau Ihres Help Centers

Es ist einfach, Ihr gebrandetes Help Center zu visualisieren und alle Änderungen in Echtzeit zu sehen, bevor Sie sie live schalten, mit der Vorschau für Startseite, Sammlungen und Artikel.

Help Center-Vorschaufenster mit der Startseitenansicht und Navigation zwischen den Vorschau-Modi Startseite, Sammlungen und Artikel

Sie können auch verschiedene Auflösungen auswählen, um die Vorschau auf Mobil-, Tablet- und Desktop-Geräten anzuzeigen.

Help Center-Vorschaufenster mit Auflösungsauswahl für Geräte mit Optionen für Mobil, Tablet und Desktop

Einschränkungen: Das Help Center unterstützt keine Einbettung von Formularen, iFrames (Inline-Frames) oder benutzerdefiniertem HTML in Artikeln oder Seiten.


Bildgrößenreferenz für Help Center und News Center

Verwenden Sie diese empfohlenen Abmessungen beim Hochladen von Bildern in Ihr Help Center oder News Center. Dies sind Empfehlungen, keine festen Grenzen, aber deren Einhaltung gewährleistet die beste Anzeigequalität.

Bild

Wo es erscheint

Empfohlenes Verhältnis

Dateigröße und Abmessungen

Logo

Kopf- und Fußzeile Ihres Help Centers und News Centers

5:1

1MB max. Maximale Breite/Höhe: 720px.

Kopfzeilenbild

Bannerbereich oben auf jeder Seite Ihres News Center

5:2

Für eine scharfe Darstellung auf großen Bildschirmen streben Sie etwa 3000 × 1200px an.

Favicon

Browser-Tab, wenn Kunden Ihr Help Center oder News Center besuchen

1:1

Maximale Dateigröße: 150KB. Maximale Abmessungen: 588 × 588px.

Hat dies deine Frage beantwortet?