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 des Tippens.
Das + Symbol — fügt Bilder, GIFs, Videos, Schaltflächen und Dateianhänge ein.
Ziehen und Ablegen — 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ächenzentrierung | 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-Button) | 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, inklusive zentrierter Buttons.
Banner können inline oder schwebend sein, oben oder unten positioniert und Aktionen wie das Öffnen einer URL oder eines URL-Buttons unterstützen.
URL-Codierung
Alle Links, die einer Nachricht hinzugefügt werden, werden URL-codiert.
Zum Beispiel, wenn eine URL ein Leerzeichen enthält, so 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 Editor übernimmt die Codierung automatisch, vorcodierte URLs werden doppelt codiert und funktionieren nicht.
Buttons
Fügen Sie einen Button über das + Menü hinzu. Geben Sie Button-Text und eine Ziel-URL an; 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 hinzuzufügen oder die Ausrichtung festzulegen. Dateianhänge können ebenfalls über das + Menü hinzugefügt werden. Alt-Text kann derzeit in Beiträgen nicht hinzugefügt werden, egal wie das Bild eingefügt wurde – dies ist eine bekannte Produktbeschränkung, kein Konfigurationsproblem.
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 Codeschnipsels. Es sieht so aus:
Beispiel Inline-Code
Um einen Codeblock hinzuzufügen, tippen Sie einfach ``` am Anfang und Ende Ihres Codeschnipsels. 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. Sie können keine benutzerdefinierte HTML in In-App-Nachrichten einfügen. Inline-Styling ist mit der HTML-Option ebenfalls nicht möglich. Um HTML zu Ihren 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 max-width-Regel für Bilder. Wenn Sie also Bilder im Editor hinzufügen, werden diese nicht wie bei einer Standardvorlage skaliert. Folgendes im Code der Vorlage sorgt dafür, 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-Editor.
Attribute zu Ihren Nachrichten hinzuzufügen ist einfach. Wählen Sie das Symbol rechts neben einem Inhaltsblock und dann das Standardattribut, benutzerdefinierte Attribut oder Ereignisattribut, das Sie in Ihre Nachricht einfügen möchten.
Sie können sogar Attribute zu Ihren Links hinzufügen. Wenn Sie z. B. jeden Nutzer 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 und drücken Sie die Rücktaste.
Um einen Button zu löschen, löschen Sie den gesamten Text darin und drücken 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 Ihre 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 Buttons – 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 Editor übernimmt die Kodierung für Sie.
Alt-Text kann in Beiträgen nicht zu Bildern hinzugefügt werden – dies ist eine aktuelle Produktbeschränkung, daher haben Bilder in Beiträgen keine zugängliche Textbeschreibung.