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

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

Legen Sie eine benutzerdefinierte domain fest

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 diesen Leitfaden 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 Suchmaschinenindexierung 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 Ihr Produkt eingeloggt 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 Login-Seite einzugeben.

Datenschutzeinstellungen mit Eingabefeld für die URL der Login-Seite, die verwendet wird, um Besucher umzuleiten, 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 Login-Seite umgeleitet, mit einer Aufforderung, sich anzumelden. Ohne eine URL für die Login-Seite erfolgt keine Umleitung.

Erfahren Sie mehr über die Suchmaschinenindexierung.

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.

Social-Media-Bilder-Bereich zeigt den 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 Ihrem Site-Namen (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: 150KB. Maximale Abmessungen: 588 x 588px.

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 630px (Verhältnis 1,91:1). Maximale Dateigröße: 2MB.

Wie man ein Help Center löscht

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


Wie man Styling-Einstellungen konfiguriert

Um das Styling Ihres Help Centers und das Erscheinungsbild 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 und 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.

Wie man seine Marke importiert

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" zeigt ein Eingabefeld für eine 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 davon an. Ihre Help Center-Vorschau rechts aktualisiert sich, um das importierte Branding widerzuspiegeln. Klicken Sie auf Speichern und live schalten, um die Änderungen anzuwenden.

Help Center-Styling-Seite zeigt automatisch ausgefülltes Logo und Markenfarben nach dem Import einer Marken-URL

Sie müssen die korrekte URL angeben, wenn Sie Ihre Marke importieren. Typischerweise 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 des Hero-Blocks zeigt importierte 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 sich entscheiden, ein Hero-Bild einzufügen, ist es wichtig zu beachten, dass das Bild responsiv ist. Das bedeutet, es skaliert automatisch, 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 zum 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 Hauptbereichs

Gehen Sie zu Einstellungen > Help Center > Konfigurieren & Stil, klicken Sie auf den Reiter Styling und öffnen Sie Gemeinsame Elemente, 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 gemeinsame Elemente 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 Schaltflächen, Links und andere interaktive Elemente in Ihrem Help Center.

Hinweis:

  • Die Aktionsfarbe wird für in JPEG/PNG/GIF hochgeladene Symbole 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 gemeinsame Elemente mit den Optionen Karte und Schweben und 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 fest (wenn Sie mit der Maus über Artikel innerhalb einer Sammlung fahren).

Eckenradius-Schieberegler in den Einstellungen für gemeinsame Elemente zur Steuerung der abgerundeten Ecken bei Karten für Sammlungen und Artikel

Hinweis: Benutzerdefinierte Symbole, die auf Sammlungskarten hochgeladen werden, werden als eigenständige Bilder behandelt und übernehmen nicht automatisch den hier konfigurierten Eckenradius. Um abgerundete Ecken bei benutzerdefinierten Symbolen 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 Schriftarten 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 Benutzerdefinierte 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 Einstellungen > Help Center > Konfigurieren & Stil gehen.

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

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

So passen Sie die Kopfzeile an

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 allen Kopfzeilenlinks zu gestalten.

Einstellungen für Kopfzeilen-Styling mit Optionen zum Hochladen des Logos, Eingabefeld für 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 Verhältnis: 5:1. Maximal 1 MB, maximale Breite/Höhe 720 px.

Wenn Sie ein Logo in Ihre Help Center Header einfügen, ersetzt es den Seitentitel. Wenn Sie ein Logo in Ihre Help Center Footer 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 Header und geben Sie Ihren bevorzugten Titel unter Seitentitel ein. So können Sie den Browser-Tab-Titel an Ihr Branding anpassen.

Header-Links

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

Der Header schiebt andere Inhalte nach unten, anstatt über anderen Inhalten zu liegen.

So passen Sie den Hero-Block an

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 dem Header (der 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 „there“, dass ein Besucher „Hi there!“ sieht, anstatt einer leeren oder fehlerhaften Willkommensnachricht.

Einstellungen des Hero-Blocks mit dem Feld für die Willkommensnachricht, das einen Platzhalter für Benutzerattribute und einen konfigurierten Ersatzwert zeigt

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

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

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

Höhe

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

Suchleiste

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

  • Vertikal – links oder zentriert.

  • Horizontal – oben, zentriert oder unten.

Die folgende Tabelle zeigt das visuelle Erscheinungsbild jeder verfügbaren Suchleisten-Größenoption in den Einstellungen des Hero-Blocks:

Kurz

Mittel

Lang

Eckenradius

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

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

So konfigurieren Sie Layout und Abschnitte

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

Seite Layout und Abschnitte mit Schaltern für Sammlungen, Artikel, Inhalte und Customer Portal Abschnitte mit Bearbeiten-Buttons

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

So konfigurieren Sie den Abschnitt Collections

Hinweis: Collections müssen veröffentlichte Artikel in allen unterstützten Sprachen für ihr Help Center 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 einen Artikel 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 Startseite des Help Centers

Wählen Sie einen Kartenstil für Collections:

  • Klassisch - Der aktuelle Kartenstil für Collections.

  • 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 den Optionen Klassisch, Visuell und Kompakt sowie einem Live-Vorschaufenster rechts

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

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

Vorschaufenster, das den ausgewählten Kartenstil für Collections bei verschiedenen Auflösungen zeigt – 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 den 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, hochgeladene Bilder anstelle von Symbolen bei Updates einzelner Collections 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 für 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.

  • Die Hintergrundfarbe ist optional und kann deaktiviert werden.

Artikelabschnitt

Fügen Sie einen Artikelabschnitt auf der Startseite Ihres Help Centers hinzu.

Layout- und Abschnittsseite mit aktiviertem Umschalter für den Artikelabschnitt

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

Editor für den Artikelabschnitt mit Sprachenauswahl, Spaltenanzahl, Titelfeld und Artikelauswahl mit bis zu 12 auswählbaren Artikeln

Hinweis:

  • Für jede Sprache können Sie nur veröffentlichte Artikel auswählen, die eine Übersetzung in dieser Sprache haben.

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

  • Die Vorschau zeigt nur die Artikel-Links für die Standardsprache an.

Inhaltsabschnitt

Fügen Sie einen anpassbaren Inhaltsabschnitt auf der Startseite Ihres Help Centers 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 Inhaltsabschnitt anzupassen.

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

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

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

Scrollen Sie nach unten, um den Inhaltsabschnitt zu gestalten:

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

  • Hintergrund - Wählen Sie eine Farbe, ein Bild oder einen Verlauf aus.

  • Textfarbe - Wählen Sie die Textfarbe für den Titel und die 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 ihrer 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.

Seite Layout und Abschnitte mit dem Customer Portal-Schalter, 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.

Seite Layout und Abschnitte mit Ziehpunkten neben Sammlungen, Artikeln und Inhaltsabschnitten zur Neuordnung 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 anzuzeigen 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 Schalter für Inhaltsbeschreibungen, der steuert, ob Artikelbeschreibungen in Sammlungslisten erscheinen

Hinweis: Der Sammlungsabschnitt 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 Schalter 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 mit einem Logo, fügen Sie bis zu 16 Social-Media-Links hinzu und gruppieren Sie Fußzeilenlinks in Ihrer gewählten Vorlage für eine einfache Organisation.

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 Fußzeilen-Styling mit Vorlagenoptionen (Einfach, Klassisch, Mehrstufig) mit Logo-Upload, Social-Media-Links und Feldern zur Gruppierung von Fußzeilenlinks

Steuern Sie den dezenten "Powered by Intercom"-Link 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 Schalter, um diesen ein- oder auszuschalten.

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

Hinweis: Dieser Schalter 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.


Referenz für Bildabmessungen im 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

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

Kopfzeilenbild

Bannerbereich oben auf jeder Seite Ihres News Centers

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?