Der Nachrichten-Composer von Intercom ermöglicht das Schreiben und Gestalten ausgehender Nachrichten mit reichhaltiger Formatierung, Schaltflächen, Bildern, Videos und Personalisierung. Dieser Artikel erklärt die verfügbaren Formatierungswerkzeuge und welche Optionen für jeden Nachrichtentyp gelten.
Inhalt hinzufügen und formatieren
Es gibt drei Möglichkeiten, Inhalte zu einer Nachricht hinzuzufügen:
Tippen — Der Composer unterstützt Markdown-ähnliche Kurzbefehle während der Eingabe.
Das + Symbol — Bilder, GIFs, Videos, Schaltflächen und Dateianhänge einfügen.
Drag & Drop — Ziehen Sie ein Bild oder eine Datei direkt in den Composer.
Textformatierung
Format | Wie |
Fett |
|
Kursiv |
|
Überschriften | Text auswählen und einen Überschriftenstil wählen oder die Symbolleiste verwenden |
Aufzählungsliste | Beginnen Sie eine Zeile mit |
Nummerierte Liste | Beginnen Sie eine Zeile mit |
Inline-Code | Text in einfache Backticks einschließen: `Beispiel` |
Codeblock | Text in dreifache Backticks einschließen: |
Link | Fügen Sie eine URL ein (wird automatisch verlinkt) oder wählen Sie Text aus und fügen Sie einen Link hinzu |
Formatierungsoptionen nach Nachrichtentyp
Die Verfügbarkeit der Formatierung variiert je nach Nachrichtentyp:
| Rich Text | Schaltflächen | Schaltflächen zentrieren | Bilder / Video | HTML-Modus |
Beitrag (Klein & Groß) | Ja ✅ | Ja ✅ | Ja ✅ | Ja ✅ | Nein ❌ |
Chat (In-App) | Ja ✅ | Nein ❌ | Nein ❌ | Ja ✅ | Nein ❌ |
Ja ✅ | Ja ✅ | Ja ✅ | Ja ✅ | Ja ✅ | |
Banner | Ja ✅ | ✅ (inkl. URL-Schaltfläche) | Ja ✅ | Ja ✅ | Nein ❌ |
Mobile Push | Titel + Textkörper | Nein ❌ | Nein ❌ | Nein ❌ | Nein ❌ |
Beiträge gibt es in zwei Formaten – Klein (kompakt) und Groß (vollbreit) – die beim Erstellen der Nachricht gewählt werden. Beide Formate unterstützen dieselbe Formatierung, einschließlich zentrierter Schaltflächen.
Banner können inline oder schwebend sein, oben oder unten positioniert und unterstützen Aktionen wie das Öffnen einer URL oder einer URL-Schaltfläche.
URL-Codierung
Alle Links, die einer Nachricht hinzugefügt werden, werden URL-codiert.
Zum Beispiel, wenn eine URL ein Leerzeichen enthält, wie hier:
https://examply.com/help center
Das Leerzeichen wird durch %20 ersetzt:
https://examply.com/help%20center
Vermeiden Sie das Einfügen bereits codierter URLs – der Composer übernimmt die Codierung automatisch, vorab codierte URLs werden doppelt codiert und funktionieren nicht.
Schaltflächen
Fügen Sie eine Schaltfläche über das + Menü hinzu. Geben Sie den Schaltflächentext und eine Ziel-URL ein; beides kann nach dem Einfügen bearbeitet werden.
Bilder, GIFs und Videos
Fügen Sie Bilder und GIFs über das + Symbol oder per Drag & Drop hinzu. Klicken Sie auf ein eingefügtes Bild, um einen Link, Alt-Text, Größe oder Ausrichtung festzulegen. Dateianhänge können ebenfalls über das + Menü hinzugefügt werden.
Sie können auch gehostete Videos von Anbietern wie YouTube, Vimeo, Wistia, Loom und Vidyard über das + Menü einbetten.
Hinweis: Videoclips müssen im mp4-Format vorliegen und dürfen nicht größer als 40 MB sein. Sie werden im Seitenverhältnis 4:3 angezeigt.
Inline-Code und Codeblöcke verwenden
Um Inline-Code hinzuzufügen, tippen Sie ` am Anfang und Ende Ihres Code-Snippets. Es sieht so aus:
Beispiel Inline-Code
Um einen Codeblock hinzuzufügen, tippen Sie einfach ``` am Anfang und Ende Ihres Code-Snippets. Ihr fertiger Codeblock sieht so aus:
example code block
example code block
HTML-E-Mails
HTML kann nur beim Erstellen von E-Mails hinzugefügt werden. Benutzerdefiniertes HTML kann nicht in In-App-Nachrichten eingefügt werden. Inline-Styling ist mit der HTML-Option ebenfalls nicht möglich. Um HTML zu E-Mails hinzuzufügen, wählen Sie einfach das + Symbol links von Ihrem Inhaltsblock und dann die Option „HTML einfügen“.
Wenn Sie eine neue benutzerdefinierte E-Mail-Vorlage erstellen, enthält diese keine Maximalbreitenregel für Bilder. Wenn Sie also Bilder im Composer hinzufügen, werden diese nicht wie bei einer Standard-E-Mail-Vorlage skaliert. Das Hinzufügen des Folgenden zum Vorlagen-Code bewirkt, dass sie skaliert werden:
img {
max-width: 100%
}Sie können auch eigenes HTML importieren, wenn Sie E-Mails mit vollständig angepassten Vorlagen versenden möchten. Wählen Sie dazu die Option „HTML bearbeiten“ unten links im E-Mail-Composer.
Das Hinzufügen von Attributen zu Ihren Nachrichten ist einfach. Wählen Sie einfach das Symbol rechts neben einem Inhaltsblock und dann das Standardattribut, das benutzerdefinierte Attribut oder das Ereignisattribut, das Sie in Ihre Nachricht aufnehmen möchten.
Sie können sogar Attribute zu Ihren Links hinzufügen. Wenn Sie beispielsweise jeden Benutzer auf seine Firmeneinstellungen verlinken möchten und die URL www.yourappname/settings/ lautet, können Sie die URL aus Ihrer Attributliste ergänzen.
Sie können auch Attribute zu HTML-Blöcken hinzufügen. Dazu müssen Sie die Attributsyntax manuell eingeben. Hinweis: Um Attribute mit Fallbacks innerhalb von HTML-Attributen wie href oder src einzufügen, verwenden Sie bitte einfache Anführungszeichen für den Fallback-Text, da doppelte Anführungszeichen dort ungültiges HTML erzeugen.
Um eine neue Zeile innerhalb eines Inhaltsblocks zu erstellen, drücken Sie „Return“.
Sie können einen neuen Inhaltsblock erstellen, indem Sie zweimal „Return“ drücken.
Um ein Bild oder Video zu löschen, markieren Sie es einfach und drücken Sie die Rücktaste.
Um eine Schaltfläche zu löschen, löschen Sie den gesamten Text darin und drücken Sie dann noch einmal die Rücktaste.
Wichtig: Wenn Sie mit dem visuellen Editor eine Nachricht erstellen, wechseln Sie nicht zum HTML-Editor, es sei denn, Sie sind sicher, dass Sie fortfahren möchten. Der Wechsel zum HTML-Editor ist eine dauerhafte Aktion und führt dazu, dass alle Inhalte aus dem visuellen Editor dauerhaft verloren gehen. Dies kann nicht rückgängig gemacht werden.
Personalisierung (Attribute)
Fügen Sie Standard-, benutzerdefinierte oder Ereignisattribute überall in Ihrer Nachricht ein – auch in Links und HTML-Blöcken – um Inhalte pro Empfänger zu personalisieren. Legen Sie immer einen Fallback-Text fest, damit die Nachricht korrekt gelesen wird, wenn ein Attribut leer ist.
Gut zu wissen
Chats und Mobile Push unterstützen keine Schaltflächen – verwenden Sie einen Beitrag, eine E-Mail oder ein Banner, wenn Sie eine Handlungsaufforderung benötigen.
Direkt hochgeladene Videos müssen MP4 sein und unter 40 MB liegen; für größere oder gehostete Videos verwenden Sie eine Einbettung.
Der Wechsel einer E-Mail zu HTML ist unwiderruflich.
Kodieren Sie URLs nicht vor – der Composer kodiert sie für Sie.