,,,<msg>Dies ist die Chatbotversion 0.1. Letztes Update: 05.08.2021, 17:30</msg>
Das Storyformat: https://web-runtime.chatbottery.com/editor/chatbotteryStoryFormat.v6.js
Die Webruntime: https://web-runtime.chatbottery.com/web-runtime/v7/chatbottery.js<msg img="https://www.fb-berlin.de/projects/chatbottery/verdi/startanimation.gif"></msg>
<msg>Hallo! Willkommen bei <b>Verdi</b>.</msg>
<msg>
<act>[[Thema 1|Thema 1]]</act>
<act>[[Thema 2|Thema 2]]</act>
<act>[[Thema 3|Thema 3]]</act>
<act>[[Thema 4|Thema 4]]</act>
</msg><msg>
<opt>Entschuldige. Das habe ich leider nicht verstanden.</opt>
<opt>Hmmm. Könntest Du die Frage vielleicht anders formulieren?</opt>
<opt>Tut mir leid das verstehe ich so nicht. Könntest Du Dein Anliegen bitte anders ausdrücken?</opt>
<opt>Ich bin nicht sicher, ob ich Dich gerade richtig verstehe, kannst Du das anders formulieren?</opt>
<opt>Entschuldige. Ich weiß gerade nicht, was Du meinst.</opt>
<opt>Diese Formulierung habe ich leider nicht verstanden.</opt>
<opt>Ich glaube, über dieses Thema weiß ich nichts.</opt>
</msg><msg>Hier steht noch nichts.</msg>
<msg>
<btn>[[Zurück zur Übersicht|Start]]</btn>
</msg>
<msg>Hier steht noch nichts.</msg>
<msg>
<btn>[[Zurück zur Übersicht|Start]]</btn>
</msg>
<msg>Hier steht noch nichts.</msg>
<msg>
<btn>[[Zurück zur Übersicht|Start]]</btn>
</msg>
<msg>Hier steht noch nichts.</msg>
<msg>
<btn>[[Zurück zur Übersicht|Start]]</btn>
</msg>
<msg>
<opt>Folgende Themen könnten dazu passen:</opt>
<opt>Vielleicht hilft Dir eines von diesen Themen?</opt>
<opt>Dazu habe ich Folgendes gefunden:</opt>
<opt>Hmmm. Meinst Du das?</opt>
<opt>Darüber weiß ich Folgendes:</opt>
</msg><msg>Hier findest Du das Impressum:
<btn>[[Impressum|https://www.google.de]]</btn>
</msg>
<msg>
<opt>Hallo! Schön, dass Du da bist.</opt>
<opt>Ich grüße Dich.</opt>
<opt>Oh hallo! Gut mit Dir zu sprechen.</opt>
<opt>Guten Tag!</opt>
<opt>Hallo. Wie kann ich Dir helfen?</opt>
</msg><msg>
<opt>Tschüss.</opt>
<opt>Auf Wiedersehen.</opt>
<opt>Bis bald.</opt>
<opt>Bis denne.</opt>
<opt>Ciao.</opt>
<opt>Bis zum nächsten Mal.</opt>
<opt>Auf bald!</opt>
<opt>Bleib gesund.</opt>
</msg>
<goto passage="[[Start]]"/><msg>Ganz klar: 42 😄</msg><msg>
<opt>Sehr gerne!</opt>
<opt>Freut mich, dass ich helfen konnte.</opt>
<opt>Immer wieder gerne.</opt>
</msg>
<msg>Hast du sonst noch eine Frage?</msg>
<msg>
<btn>[[Von Vorne|Start]]</btn>
</msg><msg>Hier findest Du Informationen zum Datenschutz:
<btn>[[Impressum|https://www.google.de]]</btn>
</msg>
<msg>
Am Ende dieser Passage finden Sie ein Karussell mit zwei Items. Hier können pro Item ein Bild, ein Titel, ein kurzer Text und ein Button eingefügt werden.
</msg>
<msg>
Wenn Sie ein Karussell um weitere Items erweitern wollen, kopieren Sie den Inhalt eines Item-Tags (<item>...</item>) und fügen Sie es hinter ein bestehendes Item-Element ein.
</msg>
<carousel>
<item img="bild1.jpg">
<title>Beispiel 1</title>
<text>Haupttext</text>
<btn>[[Mehr Infos|Karussel Item 1]]</btn>
</item>
<item img="bild2.jpg">
<title>Beispiel 2</title>
<text>Haupttext</text>
<btn>[[Mehr Infos|Karussel Item 2]]</btn>
</item>
</carousel>
<msg>
Beispielnachricht mit einem Emoji 😀 und einer <b>Hervorhebung</b>.
</msg>
<msg>
Beispielnachricht mit einem <a href="https://www.google.de">Link</a>
</msg>
<msg>
Es folgt eine Beispielnachricht mit einem Bild. Es können alle gängigen Bildformate eingebunden werden.
</msg>
<msg img="bild1.jpg"></msg>
<msg img="bild1.jpg"> Wenn das Bild zusammen mit der Nachricht erscheinen soll, bindet man das Image-Attribut einfach in den Message-Tag ein.
</msg><msg>
Es folgt eine Beispielnachricht wie ein Video innerhalb einer Sprechblase angezeigt werden kann, dafür einfach den Youtube-Link in die Message kopieren.
</msg>
<msg video="https://www.youtube.com/watch?v=ICdsvSjUBOs" height="100px">
</msg><msg>
Es folgt eine Beispielnachricht wie ein PDF innerhalb einer Sprechblase angezeigt werden kann, dafür einfach den PDF-Link in die Message kopieren.
</msg>
<msg src="https://chatbottery.com/wp-d7691-content/uploads/2021/08/Beispiel.pdf" height="340" ></msg><msg>
Am Ende dieser Passage drei Arten der Standard-Buttons (sie bleiben nach Auswahl im Chatverlauf stehen).</msg>
<msg>
Der <b>erste Button</b> verweist auf eine andere Passage: In der Klammer links steht der angezeigte Name der Destination. In der Klammer rechts steht der tatsächliche Passagentitel, auf die der Button verweisen soll.
</msg>
<msg>
Der <b>zweite Standardbutton</b> verweist auf einen externen Link. Er ist mit einem entsprechenden Symbol gekennzeichnet. In den eckigen Klammern steht dabei links der angezeigte Button-Name, rechts von dem Trennstrich wird die Ziel-URL eingetragen.
</msg>
<msg>
Der <b>dritte Standardbutton</b> ist ein Beispiel für einen farblich hervorgehobenen Button. Im CSS können weitere Buttonfarbe entsprechend als Klassen angelegt werden.
</msg>
<msg>
<btn>[[Was sind Action-Buttons? |Beispiele: Action Buttons]]</btn>
<btn>[[Name des Links |https://www.google.de]]</btn>
<btn classname="red">[[Auffäliger Button |Beispiele: Action Buttons]]</btn>
</msg><msg>
Es folgt eine Beispielnachricht wie ein externe Webseite innerhalb einer Sprechblase eingebunden werden kann. Mit der Property height legen Sie fest wie viel Höhe die Einbettung einnehmen soll.
</msg>
<msg src="https://chatbottery.com" height="340" >Nachricht</msg><msg>
Am Ende dieser Passage finden Sie zwei Action-Buttons. Sie verschwinden nach Auswahl im Chatverlauf, bzw. wird der ausgewählte Button zur Sprechblase der Nutzerin.
</msg>
<msg>
<act>[[Was sind Standard-Buttons? |Beispiele: Standard Buttons]]</act>
<act>[[Wie legt man ein Karussell an? |Beispiele: Karussell]]</act>
</msg><msg>
Dies ist nur ein Beispiel.
</msg><msg>
Dies ist nur ein Beispiel.
</msg><msg>
<opt>Ich muss doch sehr bitten!</opt>
<opt>Das ist aber nicht nett.</opt>
<opt>Ich werde ja ganz rot.</opt>
<opt>Tsss. Tsss.</opt>
<opt>Ich bin schockiert.</opt>
<opt>Das ist aber nicht die feine englische Art.</opt>
<opt>Wie bitte? Ich muss mich verhört haben.</opt>
</msg>