Verwandeln Sie eine einfache Antwort in etwas, das man antippen kann
Rich Messages sind interaktive Komponenten, die Sie mit einem Shortcode in eine Nachricht einfügen. Ihr Gesprächspartner sieht eine Karte, eine Reihe von Buttons oder ein kleines Formular, füllt es aus, und seine Antwort wird im Gespräch gespeichert.
Eine Liste von Optionen aufzulisten und zu hoffen, dass jemand mit den richtigen Wörtern antwortet, bedeutet Mehrarbeit für beide Seiten. Rich Messages bieten stattdessen etwas zum Klicken – nützlich für Auswahlmöglichkeiten, Produktkarten, Kontaktdaten, Preistabellen und Videos.
Schritt für Schritt
Schreiben Sie eine Nachricht und fügen Sie einen Shortcode ein
Rich Messages werden mit Shortcodes im Texteditor des Panels eingefügt. Geben Sie den gewünschten Shortcode ein, z. B. [buttons options="A,B,C"], und senden Sie die Nachricht wie gewohnt. Ihr Gesprächspartner sieht die gerenderte Komponente anstelle des Shortcode-Textes.
Füllen Sie die Parameter aus
Jeder Shortcode hat seine eigenen Parameter. Eine Produktkarte sieht so aus: [card image="URL" header="TITEL" description="..." link="URL" link-text="Kaufen" extra="599€" target="_blank"], während ein Video so aussieht: [video type="youtube" id="VIDEO_ID" height="350"] und akzeptiert youtube oder vimeo.
Fügen Sie bei Bedarf die globalen Parameter hinzu
Jede Rich Message akzeptiert auch id, title, message, success und settings. Verwenden Sie title und message, um die Komponente einzuleiten, und success für das, was angezeigt wird, nachdem der Gesprächspartner geantwortet hat.
Escapen Sie Sonderzeichen
Kommas, Doppelpunkte und Anführungszeichen haben innerhalb eines Shortcodes eine Bedeutung. Escapen Sie sie daher in Ihrem eigenen Text mit einem Backslash: \, für ein Komma, \: für einen Doppelpunkt und \" für ein Anführungszeichen. Wenn Sie dies überspringen, wird eine Rich Message am häufigsten in Einzelteilen gerendert.
Übersetzen Sie den Text, wenn Sie mehrere Sprachen bedienen
Der Originaltext einer Rich Message muss auf Englisch sein. Fügen Sie den englischen String und seine Übersetzung unter Einstellungen > Übersetzungen > Frontend hinzu.
Erstellen Sie eine eigene, wenn die Shortcodes nicht ausreichen.
Statische Rich Messages aus eigenem HTML werden unter Einstellungen > Sonstiges erstellt. Nützliche Klassen sind sb-rich-btn sb-btn für einen Button-Link, sb-rich-btn sb-btn-text für einen Text-Link und sb-image, damit Benutzer durch Klicken ein Bild vergrößern können.
Einstellungsreferenz
| Einstellung | Funktionsweise |
|---|---|
| [card] | Eine produktähnliche Karte mit Bild, Überschrift, Beschreibung, Preis oder Zusatztext und einem Link-Button. |
| [slider] und [slider-images] | Ein durchwischbares Set von Karten (bis zu 10 Folien) oder ein einfacher Bild-Slider, geschrieben als [slider-images images="URL,URL,URL"]. |
| [chips] | Kleine antippbare Auswahlchips, geschrieben als [chips options="A,B,C"]. |
| [buttons] | Eine Reihe von Antwort-Buttons, geschrieben als [buttons options="A,B,C"]. |
| [select] | Eine Dropdown-Liste mit Optionen, geschrieben als [select options="A,B,C"]. |
| [inputs] | Ein kleines Formular mit Textfeldern und einem Senden-Button, geschrieben als [inputs values="A,B,C" button="Jetzt senden"]. |
| [email] | Erfasst Kontaktdaten, z. B. [email name="true" last-name="true" phone="true" phone-required="false" placeholder=""]. |
| [timetable] | Zeigt Ihre Öffnungszeiten als Komponente innerhalb der Nachricht an. |
| [articles] | Zeigt Artikel in der Nachricht an, geschrieben als [articles link="..."]. |
| [list] und [list-image] | Eine einfache, nummerierte, zweispaltige oder Bildliste, z. B. [list values="A,B,- C,- D,E" numeric="true"] oder [list-image values="URL:A,URL:B"]. |
| [table] | Eine Datentabelle, geschrieben als [table header="A,B,C" values="A:B:C,A:B:C"]. |
| [button], [image] und [share] | Ein einzelner Link-Button, ein Bild über [image url="..."] oder Social-Sharing-Icons über [share fb="" tw="" li="" pi="" wa=""]. |
Wissenswertes
Rohes HTML ist in normalen Nachrichten blockiert
Aus Sicherheitsgründen sind rohes HTML und JavaScript in gewöhnlichen Nachrichten nicht erlaubt. Wenn Sie Ihr eigenes Markup benötigen, erstellen Sie stattdessen unter Einstellungen > Sonstiges eine benutzerdefinierte Rich Message.
Verschachtelte Listenelemente benötigen einen Bindestrich
In [list] wird ein Eintrag mit einem Bindestrich und einem Leerzeichen versehen, um ihn zu einem inneren Element zu machen, wie in [list values="A,B,- C,- D,E"]. Für eine zweispaltige Liste mit Titeln verwenden Sie Doppelpunkte: [list values="A:X,B:Y,C:Z"].
Buttons können einen Artikel öffnen
Ein Button wird als [button link="..." name="Hier klicken" target="_blank" style="link"] geschrieben. Um einen Ihrer Artikel zu öffnen, verwenden Sie #article-ID als Linkwert.
Kontaktdaten auf Messaging-Apps erzwingen
Fügen Sie dem [email]-Shortcode required-messaging-apps="true" hinzu, um die E-Mail oder Telefonnummer auch auf Messaging-Apps zu verlangen.
Formatierung und Links im Editor
Der Editor versteht *fett*, __kursiv__, ~durchgestrichen~, `code` und ```code block```. Links werden automatisch erkannt; um einen zu benennen, hängen Sie #sb-beispiel an, wobei Leerzeichen durch doppelte Bindestriche ersetzt werden.
Zeilenumbrüche sind nicht die Eingabetaste
Drücken der Eingabetaste sendet die Nachricht. Verwenden Sie UMSCHALT+EINGABE oder STRG+EINGABE, um einen Zeilenumbruch innerhalb einer Nachricht einzufügen.
Häufige Fragen
Wo gebe ich eine Rich Message ein?
Was passiert mit dem, was jemand auswählt oder eingibt?
Meine Karte wurde mitten im Satz zerstört. Warum?
Wie viele Folien kann ein Slider enthalten?
Können Rich Messages in anderen Sprachen erscheinen?
Was ist, wenn ich eine Komponente benötige, die Sie nicht anbieten?
Bereit, das Chaos zu beenden?
Vereinheitlichen Sie Ihre Nachrichten, automatisieren Sie wiederkehrende Fragen und verwandeln Sie Gespräche in Umsatz – ab heute.
Jetzt starten