Welchen Plan habe ich
Add-on AI Agents – Advanced

Jeder möchte ein Erlebnis, das visuell ansprechend und für Besucher leicht zu nutzen ist. Rich-Messaging wie Schaltflächen und Karussells wird von Salesforce jedoch nicht nativ unterstützt.

Wir finden das Benutzererlebnis so wichtig, dass wir unser eigenes Plug-in und Skripts für Sie erstellt haben. Wenn Sie unser Plug-in installieren (bitte wenden Sie sich an Ihren CSM, um das Plug-in anzufordern), können Sie diese dynamischen Designs als Rich Messages in Ihren Dialogflows nutzen. Dies kann dann in Ihrem eingebetteten Chat-Erlebnis in Salesforce implementiert werden.

Dies ermöglicht folgende Anpassungen:

  • Schaltflächen
  • Karussells
  • HTML

Diese Funktionen sind außerdem an das Erscheinungsbild Ihrer Marke anpassbar.
In diesem Beitrag erfahren Sie, wie Sie alle umfangreichen Funktionen unseres Dialoggenerators optimal einsetzen können.

Um diese Rich-Optionen zu nutzen, befolgen Sie die Anweisungen zum Aktivieren des Salesforce Rich Messaging Plugin mit einem Salesforce-Admin.

 

Schaltflächen

Schaltflächen waren bereits in Salesforce verfügbar. Worin besteht der Unterschied zu unseren Schaltflächen?

Sie sind anpassbar und können so formatiert werden, dass sie zu Ihrer Marke und dem von Ihnen gewünschten Erlebnis passen. Unten sehen Sie die verschiedenen Möglichkeiten.

Typ und Verwendung Visuelles Beispiel

Standardvertikal

 

Verwendung

Dies ist die Standardansicht, wenn keine Version angegeben wird.

 Screenshot_24.01.2023_um_09.50.30.png

Horizontale binäre Schaltflächen

 

Verwendung

Verwenden Sie &&version1&& in der AI-Agentennachricht vor der Schaltfläche.

Screenshot_03,02,2023_um_17.19.28.png

 Screenshot_24,01,2023_um_09.52.37.png

Horizontale Zeilenschaltflächen

 

Verwendung

Verwenden Sie &&version2&& in der AI-Agentennachricht vor der Schaltfläche.

 

Screenshot_03,02,2023_um_17.17.16.png

 Screenshot_24,01,2023_um_09.50.42.png

CSAT – Sterne

 

Verwendung

Verwenden Sie &&version3&& in der AI-Agentennachricht vor den Schaltflächen.

Die Schaltflächen sollten 1 - 5 + „nicht jetzt“ lauten.

Screenshot_03.02.2023_um_17.23.00.png

 Screenshot_24.01.2023_um_13.26.23.png

CSAT – Emojis

 

Verwendung

Verwenden Sie &&version4&& in der AI-Agentennachricht vor den Schaltflächen.

Screenshot_03,02,2023_um_17.23.37.png

 Screenshot_24.01.2023_um_13.26.34.png

 

Karussells

Karussells ermöglichen es, mehr Inhalte visuell darzustellen, wobei Besucher die für sie relevante Option wählen können. Im Vergleich zu Schaltflächen sind sie größer, dynamischer und visuell ansprechender.
Nachfolgend finden Sie die Versionen, die wir mit unserem Plug-in freischalten. 

 

Typ und Verwendung Visuelles Beispiel

Standardkarussell

 

Verwendung

Kann mit oder ohne Bilder verwendet werden.

Wenn Sie Bilder verwenden, können Sie eine Reihe von Bild-URLs hinzufügen, um eine „Collage“ zu erstellen.

Unterstützt normale Schaltflächen + externe Schaltflächen.

Screenshot_24.01.2023_um_10.09.15.png

Breites und dunkles Karussell

 

Verwendung
Das Bild dient als Hintergrund für die gesamte Karte. Unterstützt mehrere Bilder pro Karte, ähnlich wie das Standardkarussell. 

Verwenden Sie &&version2&& im Titel der ersten Karte des Karussells
Dies funktioniert auch bei dynamischen Karussells

Screenshot_31.01.2023_um_12.55.03.png

 Screenshot_24.01.2023_um_09.53.07.png

Bildloses, formatiertes Karussell im Angebotsstil

 

Verwendung

könnte typischerweise für Karussells verwendet werden, die mehrere „Pakete“, Stufen oder andere Angebote anzeigen.

Verwenden Sie &&version3&& im Titel der ersten Karte des Karussells (funktioniert auch bei dynamischen Karussells).

Verwenden Sie in der Beschreibung der Karte die folgende HTML-Struktur


<h2>7,99 €/Monat</h2>
<h5>1 Woche kostenlos testen</h5>
<p>dann 9,99 €/Monat. Jederzeit kündbar</p>

Screenshot_31.01.2023_um_12.56.02.png

 Chat.png

 

HTML-Beispiele

Falls die Optionen, die wir bisher besprochen haben, nicht ausreichen, können Sie HTML auch in coole Nachrichten sowie Text umwandeln. 

 

Typ und Verwendung Visuelles Beispiel

Schaltfläche für externen Link


Verwendung

Wenn Sie eine einzelne Schaltfläche „externer Link“ verwenden, wird sie wie im Beispiel auf der linken Seite dargestellt

Screenshot_24.01.2023_um_13.33.33.png

Eingebettete Medien

 

Verwendung

HTML-Code ohne zusätzlichen Inhalt in die AI-Agentennachricht einfügen

<iframe src="https://www.youtube.com/embed/8dvFVEHKvrI" frameborder="0" allowfullscreen></iframe>>

<img src="https://www.ultimate.ai/hs-fs/hubfs/Website/Visuals/hp2-2.png">>

 Screenshot_24.01.2023_um_13.32.20.png

Schaltfläche mit voller Breite

Verwendung

Um die Schaltfläche auf die Breite des gesamten AI Agents zu dehnen, müssen Sie folgende Klasse hinzufügen: "btn-full"

<div class="info">Some text</div>

<div class="buttons-wrapper buttons-wrapper-v0 btn-full">

<a target="_blank" href="https://www.google.com" class="oneElement">Purple button-link</a></div>

 Screenshot_2023-01-24_at_13.32.35.png

Informationsfeld mit Schaltflächen

Verwendung

Angepasste AI-Agentennachricht mit zwei Textebenen und einer Schaltfläche.
Dies kann verwendet werden, um wichtige Informationen (wie das Lieferdatum), einige Nebeninformationen und einen großen CTA (externe Verknüpfung) bereitzustellen.

Kann auch mit der V2-Schaltfläche kombiniert werden – dieses Mal mit der Version in der AI-Agentennachricht

<div class="titlesBlock">
<p>🚚 Zugestellt am 30. Juni 2022</p>
<p>4 Artikel von Ultimate versendet</St>
</div>

<div class="buttonBlock">
<div class="buttonBlock_text">
Sie haben ihn noch nicht erhalten? Möglicherweise wurde Ihr Paket bei einem Nachbarn oder Abholpunkt zugestellt.
</div>

<div class="buttons-wrapperbuttons-wrapper-v1"><a class="btn-default" href="https://www.google.com" target ="_blank">} Paket verfolgen</a>
</div>

Screenshot_03.02.2023_um_17.21.21.png

 Screenshot_2023-01-24_at_13.31.46.png

 

Sie können diese Vorlage natürlich nach Belieben anpassen und die HTML-Komponenten als Anregung für alles verwenden, was Sie erreichen möchten.

Powered by Zendesk