Zum Hauptinhalt springen

Gestalten Sie Ihren Messenger zur Unterstützung mehrerer Marken

So richten Sie Messenger-Stile für mehrere Marken mit einzigartigen Logos, Farben und mehr ein.

Verfasst von Beth-Ann Sher

Mit Intercom können Sie mehrere Marken oder Unternehmen von einem einzigen Workspace aus unterstützen und gleichzeitig sicherstellen, dass der Messenger perfekt zu jeder Ihrer verschiedenen domains passt. Dieser Artikel erklärt, wie man Multi-Brand Messenger-Stile für Web und Mobile SDKs einrichtet.

Hinweis:

  • Bevor Sie neue Messenger-Stile erstellen, stellen Sie sicher, dass Sie zuerst Ihre Marken eingerichtet haben.

  • Beim Einrichten einer Brand für das mobile SDK müssen users ihre tatsächliche iOS- oder Android-App-ID (wie vom Entwickler bereitgestellt) eingeben, nicht den Intercom Mobile SDK API-Schlüssel. Dies stellt die korrekte Zuordnung zwischen der App und der Brand sicher.

  • Multibrand ist nicht in allen Plänen verfügbar.

Zusätzliche Messenger-Stile im Web hinzufügen

Standardmäßig hat der Intercom Messenger eine Gruppe von Stileinstellungen für eine einzelne Brand, die Sie unter Einstellungen > Channels > Messenger > Widget im Abschnitt Stile konfigurieren können.

Tipp: Der Markenname für die Standard-Brand ist der Name Ihres Workspace, den Sie unter Einstellungen > Workplace > Allgemein ändern können.

Um einen zusätzlichen Stil für eine Ihrer Marken hinzuzufügen, klicken Sie im Abschnitt Stile auf Ihren Markennamen und wählen Sie + Neuer Stil aus dem Dropdown-Menü.

Geben Sie im sich öffnenden Fenster den Stilnamen an und wählen Sie die Brand, mit der Sie ihn verknüpfen möchten, und fügen Sie dann die URLs (domains oder Subdomains) hinzu, auf denen Sie ihn verwenden möchten.

Um diesen Messenger-Stil auf mehr als einer domain zu verwenden, klicken Sie auf + URL hinzufügen. Wenn der Messenger auf einer anderen domain geladen wird (die nicht in einem zusätzlichen Markenstil angegeben ist), wird der Standard-Markenstil angewendet.

Subdomains

Sie können Subdomains (app.examply.com) und Unterverzeichnisse (examply.com/a/apps/…) in den URLs angeben, die Sie anvisieren.

Es gibt eine Hierarchie der Übereinstimmung: Exakt > Teilweise > Wildcard

  1. Exakte Übereinstimmung - wenn die besuchte domain genau mit der Marken-URL übereinstimmt.

  2. Teilweise Übereinstimmung - wenn die besuchte domain die Marken-URL enthält, z. B. Brand → examply.com/help domain → examply.com/help/1

  3. Wildcard-Übereinstimmung - wenn die URL mit einem Wildcard-Wert übereinstimmt.

Wildcarding

Wildcarding bedeutet, * einmal am Anfang Ihrer Marken-URL als Sammelbegriff zu verwenden.

Zum Beispiel:

  • Brand 1 → examply.com → Blau gestalteter Messenger

  • Brand 2 → *.examply.com → Rot gestalteter Messenger

Hinweis:

  • Jegliche Verwendung von www wird bei der Übereinstimmung ignoriert, d. h. www.examply.com ist dasselbe wie examply.com

  • Eine URL mit mehr als einem Wildcard * wird nicht übereingestimmt.

  • Eine URL mit einem Wildcard an einer anderen Stelle als dem ersten Zeichen wird nicht übereingestimmt.

Messenger-Stil über den Boot-Call überschreiben

Wenn Sie das Multibrand-Add-on haben, können Sie die URL-basierte Übereinstimmung vollständig umgehen, indem Sie beim Starten des Messengers einen messenger_style_id-Parameter übergeben. Die angegebene Markenidentität, Farben und Fin AI-Agentenpersona des Stils werden unabhängig von der Seiten-URL angewendet.

So verwenden Sie es

  1. Gehen Sie zu Einstellungen > Channels > Messenger > Widget > Erscheinungsbild.

  2. Verwenden Sie das Dropdown-Menü Stile, um den gewünschten Stil zu finden, und klicken Sie auf ID kopieren.

  3. Übergeben Sie die kopierte ID in Ihrem Messenger-Boot-Call:

Intercom('boot', {
  app_id: 'YOUR_APP_ID',
  messenger_style_id: 'COPIED_STYLE_ID'
});

Der Messenger wird mit der angegebenen Marken-, Farb- und Fin-Identität des Stils geladen, unabhängig davon, welche URL-Muster konfiguriert sind.

Hinweis:

  • Diese Funktion erfordert das Multibrand-Add-on.

  • Wenn messenger_style_id angegeben ist, hat es Vorrang vor der URL-basierten Übereinstimmung. Die Auflösungsreihenfolge ist: messenger_style_id > URL-Übereinstimmung > Standard-Marken-Einstellungen.

  • Wenn die angegebene messenger_style_id nicht mit einem gültigen Stil für Ihren Workspace übereinstimmt, fällt der Messenger auf die URL-basierte Übereinstimmung zurück.

Wichtig: Der Boot-Parameter messenger_style_id erfordert eine zusätzliche Konfiguration auf Workspace-Ebene, die aktiviert sein muss, bevor er funktioniert. Ohne diese wird der Parameter stillschweigend ignoriert – der Messenger lädt mit dem Standard-Markenstil, obwohl messenger_style_id in den Serverprotokollen erscheint. Kontaktieren Sie unser Support-Team, um diese Konfiguration für Ihren Workspace anzufordern, bevor Sie sich auf diesen Parameter verlassen.

Zusätzliche Messenger-Stile auf Mobile SDKs hinzufügen

Messenger-Stile für Ihre mobile App können ebenfalls zu Ihren einzigartigen Marken passen. Gehen Sie zu Einstellungen > Channels > Messenger > Mobile SDKs > Erscheinungsbild und suchen Sie den Abschnitt Stile.

Klicken Sie auf das Dropdown-Menü Stile und wählen Sie + Neuer Stil.

Geben Sie im sich öffnenden Fenster den Stilnamen an und wählen Sie die Brand, mit der Sie ihn verknüpfen möchten, und fügen Sie dann die App ID (iOS oder Android) hinzu, auf der Sie ihn verwenden möchten.

Hinweis:

  • Beim Einrichten einer Brand für das mobile SDK müssen Sie Ihre tatsächliche iOS- oder Android-App-ID eingeben, wie von Ihrem Entwickler bereitgestellt, und nicht den Intercom Mobile SDK API-Schlüssel. Dies stellt die korrekte Zuordnung zwischen der App und der Brand sicher.

  • Jede mobile App-ID (iOS-Bundle-Identifier oder Android applicationId) kann nur mit einem Messenger-Stil verknüpft werden. Wenn Sie versuchen, dieselbe App-ID mit mehr als einem Stil zu verknüpfen, blockiert die Benutzeroberfläche dies mit einer "bereits zugeordnet"-Fehlermeldung.

Wenn Sie unterschiedliche Messenger-Stile für Marken in einer einzigen mobilen App benötigen, gibt es einige Ansätze zu berücksichtigen:

  • Einzelner Messenger-Stil mit Zielgruppenregeln: Behalten Sie einen Stil, der der App-ID zugeordnet ist, und verwenden Sie Zielgruppenregeln und Attribute, um zu steuern, welche Inhalte und Einstiegspunkte users jeder Brand sehen. Dies ist die einfachste Option, aber der Messenger-Chrome (Logo und Farben) wird über Marken hinweg geteilt.

  • Separate App-Varianten mit unterschiedlichen App-IDs pro Brand: Liefern Sie separate iOS/Android-Binaries mit unterschiedlichen Bundle-Identifiers/applicationIds (z. B. com.company.app.brandA und com.company.app.brandB) und ordnen Sie dann jede App-ID ihrem eigenen Messenger-Stil im selben Intercom-Workspace zu.

  • Mehrere Intercom-Workspaces (je einer pro Brand): Führen Sie für jede Brand einen separaten Workspace für vollständige Trennung von Branding, Help Centers, Berechtigungen und Berichten.

Passen Sie Ihre zusätzlichen Messenger-Stile an

Nachdem Sie Ihre zusätzlichen Messenger-Stile eingerichtet haben, ist es einfach, sie an jede Brand anzupassen. Wählen Sie einfach die Brand im Dropdown-Menü im Styling-Tab (wie oben beschrieben) aus und passen Sie den Messenger an, um zu dieser Brand zu passen auf:

Hinweis:

  • Messenger-Inhalte wie Spaces, Apps, die Willkommensnachricht usw. können nicht für mehrere Marken angepasst werden.

  • Stellen Sie sicher, dass Sie Ihren Messenger-Stil mit der richtigen Brand und dem Help Center verbunden haben, um die korrekten Support-Inhalte im Messenger anzuzeigen.

  • Das selektive Ein- oder Ausschalten von Help Centers pro Brand ist derzeit nicht verfügbar. Wenn Sie keine Help Center-Inhalte für eine bestimmte Brand veröffentlichen möchten, verbinden Sie diese Brand einfach mit einem Help Center, das nicht live ist.

Erscheinungsbild im Messenger und Inbox

Wenn der Messenger auf einer Ihrer domains geladen wird, erscheint er mit dem entsprechenden Markenstil und der Messenger-Position.

Wenn ein Kunde eine Unterhaltung im Messenger startet, können Sie im Inbox unter "Conversation attributes" leicht sehen, welche Brand Sie vertreten, und so ein einheitliches, markenkonformes Erlebnis für alle Ihre Kunden bieten.

Hinweis: Ihre Teamvorstellung, Begrüßung und andere Messenger-Einstellungen sind auf allen Ihren domains gleich.

Erscheinungsbild in E-Mail-Benachrichtigungen

E-Mails werden ebenfalls mit Ihrem Unternehmensbranding personalisiert. Die E-Mail kommt von <Teammate name> von <brand that user matched the URL for>

Hinweis: Mehrere Marken funktionieren nur für E-Mail-Benachrichtigungen bei im Messenger gestarteten Unterhaltungen und nicht für eingehende E-Mails.

FAQs

Kann ich für jeden Messenger meiner Marken unterschiedliche Apps haben?

Nein, Sie können nicht für jeden Messenger Ihrer Marken unterschiedliche Apps haben. Messenger-Apps sind eine Workspace-weite Einstellung, was bedeutet, dass dieselben Apps in allen Marken Ihres Workspace verfügbar sind. Sie können jedoch Zielgruppenregeln innerhalb jeder App verwenden, um zu steuern, welche Brand-Zielgruppe sie sieht. So können Sie effektiv eine einzigartige Auswahl sichtbarer Apps für jede Brand erstellen.

Welche Messenger-Inhalte kann ich für jede Brand anpassen?

Sie können das visuelle Erscheinungsbild anpassen, einschließlich Farben, Logos, Kopfzeilennamen und Hintergrundbilder für den Messenger jeder Brand.

Sie können auch den Kopfzeilennamen anpassen:

  • Für Ihre Standard-Brand zeigt die Kopfzeile Ihren Workspace-Namen an.

  • Für Sekundär-Brands zeigt die Kopfzeile den Markennamen an, den Sie in Ihren Brand-Einstellungen festgelegt haben.

Hinweis: Inhalte wie die Liste der Apps, die Willkommensnachricht und die Namen der Messenger-Spaces (Home, Messages, Help) sind nicht anpassbar.

Wie steuere ich, welche Apps meine Kunden für eine bestimmte Brand sehen?

Um die Sichtbarkeit von Apps zu steuern, sollten Sie Zielgruppenregeln innerhalb jeder App verwenden. In Ihren Messenger-Einstellungen können Sie beim Konfigurieren einer App eine Zielgruppenregel basierend auf Attributen wie der current_url hinzufügen, um die App nur anzuzeigen, wenn ein user sich auf der domain einer bestimmten Brand befindet.

Verwandte Artikel
Hat dies deine Frage beantwortet?