Bot

Bots können als fixes Eck-Element am rechten unteren Bildschirmrand eingebunden werden und optional mit einem Button im Fließtext aufgerufen werden.

Varianten

Bot Button

Vorschau

Code

<wm-button-wienbot></wm-button-wienbot>

Bot Button mit Frage

Vorschau

Wann öffnet das Gänsehäufel?

Wo bekomme ich einen neuen Pass?

Muss ich meinen Hund anmelden?

Wie lange gilt die Kurzparkzone in Ottakring?

Brauche ich heute einen Regenschirm?

Code

<p>
  <wm-button-wienbot message="Wann öffnet das Gänsehäufel?">
    Wann öffnet das Gänsehäufel?
  </wm-button-wienbot>
</p>
<p>
  <wm-button-wienbot message="Wo bekomme ich einen neuen Pass?">
    Wo bekomme ich einen neuen Pass?
  </wm-button-wienbot>
</p>
<p>
  <wm-button-wienbot message="Muss ich meinen Hund anmelden?">
    Muss ich meinen Hund anmelden?
  </wm-button-wienbot>
</p>
<p>
  <wm-button-wienbot message="Wie lange gilt die Kurzparkzone in Ottakring?">
    Wie lange gilt die Kurzparkzone in Ottakring?
  </wm-button-wienbot>
</p>
<p>
  <wm-button-wienbot message="Brauche ich heute einen Regenschirm?">
    Brauche ich heute einen Regenschirm?
  </wm-button-wienbot>
</p>

Bot Button mit Frage und Reset

Der Reset setzt den bisherigen Verlauf zurück und öffnet ein neues Thema.

Vorschau

Muss ich meinen Hund anmelden?

Code

<wm-button-wienbot resetmessages="resetmessages" message="Muss ich meinen Hund anmelden?">
  Muss ich meinen Hund anmelden?
</wm-button-wienbot>

Dev

Weitere Beispiele

<wm-wienbot></wm-wienbot> muss in der Seitenstruktur einmalig eingebunden werden. <wm-button-wienbot></wm-button-wienbot> kann optional verwendet werden, um Bot extern aufzurufen.

Bot Button mit Frage und Reset

Der Reset setzt den bisherigen Verlauf zurück und öffnet ein neues Thema.

Vorschau

Muss ich meinen Hund anmelden?

Code

<wm-button-wienbot resetmessages="resetmessages" message="Muss ich meinen Hund anmelden?">
  Muss ich meinen Hund anmelden?
</wm-button-wienbot>
<!---
<code><wm-wienbot></wm-wienbot> muss in der Seitenstruktur einmalig eingebunden werden.
-->
<wm-wienbot></wm-wienbot>

API

Abhängigkeiten

HTML

<script src="https://assets.wien.gv.at/theme/latest/js/components/WienBot/WienBot.js" type="module"></script>

JavaScript

import { WienBot } from './wienermelange/assets/js/components/WienBot/WienBot.js';

Eigenschaften

Eigenschaften
Eigenschaft	Beschreibung	Werte	Default
`widgetText`	Start-Frage WienBot	`String`	`"widgetwienbot"`
`infoText`	Text in WienBot Sprachblase	`String`	`"Wie kann ich helfen?"`
`context`	Kontext	`String`	`""`
`channel`	Art der Nachricht. In den meisten Fällen 'text'.	`'text'\|'quicklink'\|'voice'`	`""`

Methoden

Eigenschaft	Optionen	Argumente
`loadScript`		/

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at