Teaser: Einrichtung und Anpassungen

Der Teaser erscheint zusätzlich am Chat-Widget und kann für verschiedene Bereiche der Webseite individuell konfiguriert werden, um so passend zum jeweiligen Kontext zu begrüßen und direkt passende Themen anzubieten. Durch die Ausspielung von spezifischen Teasern, die zur jeweiligen Seite passen, wird das Engagement erhöht. Der aufgesetzte Teaser kann auf allen oder auf ausgewählten Seiten ausgespielt werden.

In diesem On-Demand-Webinar (auf Deutsch) wird die Funktionsweise und der Einsatz des Teasers aufgezeigt.

1. Teaser-Aufbau
2. Teaser erstellen
3. Teaser editieren
4. Teaser-Verhalten anpassen
   4.1 Webseiten zum Ausspielen eingrenzen
   4.2 Zeitversetzte Ausspielung (Auslöser)
   4.3 Mobile und Desktop-Ansicht
   4.4 Zeitplan für die Ausspielung festlegen
5. Schnellfunktionen in der Übersichtsliste
   5.1 Reihenfolge
   5.2 Teaser duplizieren
   5.3 Teaser aktivieren / deaktivieren
   5.4 Teaser löschen
6. Seitenleiste
   6.1 Insights (Erfolgsmessung)
   6.2 Vorschau
   6.3 Status
7. Teaser-Verhalten nach Interaktion und manuellem Schließen

 

1. Teaser-Aufbau

Zum einen besteht der Teaser aus einer Textnachricht wie z. B. „Wie kann ich Ihnen helfen?", welche die Aufmerksamkeit der Webseiten-Besucher:innen auf sich zieht. Zum anderen können Aktions-Buttons angelegt werden, die den Nutzer:innen passend zur Seite Chatbot Themen und Fragestellungen vorschlagen.

Als Standard-Button ist der Aktions-Button „Frage stellen" hinterlegt, um jeden Fragebedarf anzusprechen. Für die verschiedenen Unterseiten können zusätzlich jeweils passende Aktions-Buttons hinterlegt werden, welche direkt die Antwort-Inhalte eines bestimmten Themas ausspielen bzw. eine Antwort von einem KI-Agenten generieren lassen.

Beispiel

2. Teaser erstellen 

Neue Teaser können direkt im moinAI Hub hinzugefügt werden.

1. Über den Menüpunkt Widget & Teaser → Teaser Setup wird der Teaser eingerichtet.
2. Mit einem Klick auf den Hinzufügen Button öffnet sich das Fenster Neuen Teaser erstellen?.
3. Dem Teaser wird ein Name gegeben und er wird einem Kanal zugeordnet.
   Hinweis: Der Name ist für Nutzer:innen nicht sichtbar und dient ausschließlich der Orientierung im Hub. Der Name kann bei Bedarf später im Teaser-Editor geändert werden.
   
   
4. Mit einem Klick auf Teaser erstellen taucht der Teaser in der Liste Alle Teaser auf. Neue Teaser sind standardmäßig deaktiviert und haben einen grauen Kreis in der Status-Spalte. Es empfiehlt sich, die Aktivierung erst nach Einrichtung des Teasers im Editierbereich umzusetzen.

3. Teaser editieren

Das Bearbeiten eines Teasers erfolgt über den Editor. Der Zugriff erfolgt über das Stift-Symbol neben dem Teaser.

Über den Toggle im Bereich Status erfolgt die Aktivierung oder Deaktivierung des Teasers. Die Zuordnung zu einem Kanal kann hier ebenfalls verändert werden.

Im Bereich Texte und Aktionen werden der Teasertext und die Teaser-Aktionen definiert.

• Teasertext: Der Text, der über dem Widget-Icon angezeigt wird. Er macht auf das Widget aufmerksam.
• Aktionen: Aktionen starten die Konversation mit dem Chatbot mit einem bestimmten Formular, Thema oder Agenten. Jede Aktion besteht aus einem Button-Text und einem Ziel. Der Text wird unter dem Teasertext angezeigt. Für Nutzer:innen öffnet sich der Chat und der Chatbot beginnt eine Unterhaltung über das angeklickte Thema. Im Ziel besteht die Auswahl zwischen Unterhaltung starten und allen aktiven Formularen, Themen und KI-Agenten. 
  • Unterhaltung starten: Der Chatbot beginnt mit einer Begrüßung.
  • Thema: Der Antwort-Inhalt des Themas wird ausgespielt.
  • KI-Agent: Damit ein KI-Agent nach Klick auf einen Teaser-Button eine Antwort generiert, muss dem Agenten eine Instruktion mitgegeben werden, die den Agenten-Titel beinhaltet, so wie er im Hub hinterlegt ist.
    Beispiel: Auf die Anfrage “{Agent-Titel}” reagiere mit dem Hinweis XYZ.
  • Formular: Das Formular wird ausgelöst und es wird der erste Formular Schritt ausgespielt.

• Über den Button Aktion hinzufügen werden Aktions-Buttons ergänzt.

• Vorschau: Links neben den Eingabefeldern passt sich die Vorschau in Echtzeit an die Einstellungen an.

 

4. Teaser-Verhalten anpassen

4.1 Webseiten zum Ausspielen eingrenzen

Standardmäßig wird auf allen Seiten der Teaser ausgespielt, auf denen das Chat-Widget ausgespielt wird. Durch das Definieren von Regeln im Abschnitt Einbindung / URLs kann dies eingegrenzt werden.

1. Erweiterte Optionen aktivieren.

2. Die gewünschte Art der Einschränkung auswählen.

   • Ausspielen auf: Der Teaser wird nur auf Seiten ausgespielt, die eine der folgenden Regeln im Abschnitt erfüllt.

   • Nicht ausspielen auf: Der Teaser wird nur auf allen anderen Seiten ausgespielt, die nicht diese Regeln erfüllen.

 

3. Die URL für die Regeln eintragen.

• Jede Bedingung kann entweder eine genaue URL, eine URL inklusive Unterseiten oder ein Keyword sein.

  • Genaue URL: Diese Bedingung ist erfüllt, wenn der Teaser von genau dieser Seite angefordert wird. Z. B. www.moin.ai/preise

  • Inkl. Unterseiten: Diese Bedingung ist erfüllt, wenn der Teaser auf einer Seite angefordert wird, deren URL genau mit der Subdomain beginnt und damit eine Teil URL ist. Z. B. www.moin.ai/feature würde auch auf www.moin.ai/feature/dreaming erfüllt sein.

  • Keyword: Diese Bedingung ist erfüllt, wenn der Teaser auf einer Seite angefordert wird, deren URL ein bestimmtes Wort enthält. Z. B. Das Wort „marketing" würde auf der Seite www.moin.ai/sales-marketing-chatbots erfüllt sein.

4. Alle Änderungen im Editor werden mit einem Klick auf Speichern übernommen.

4.2 Zeitversetzte Ausspielung (Auslöser)

Der Teaser wird regulär nach einer Sekunde ausgespielt. Diese Zeit kann in jedem Teaser im Abschnitt Auslöser angepasst werden:

4.3 Mobile und Desktop-Ansicht

Ein Teaser kann im Abschnitt Auslöser auf allen Endgeräten oder eingeschränkt nur auf der mobilen Version oder der Desktop Version der Webseite ausgespielt werden.

4.4 Zeitplan für die Ausspielung festlegen

Der Zeitplan ermöglicht die präzise Steuerung, zu welchen Zeiten der Teaser auf der Webseite erscheint. Dies ist besonders nützlich, um die Sichtbarkeit an Geschäftszeiten, spezifische Kampagnen-Zeiträume oder die Verfügbarkeit von Mitarbeiter:innen für den Human Takeover anzupassen. So wird sichergestellt, dass Nutzer:innen nur dann angesprochen werden, wenn eine zeitnahe Reaktion oder die Relevanz des Inhalts gewährleistet ist.

Die Einstellungen befinden sich im unteren Bereich des Teaser-Editors im Abschnitt Zeitplan.

1. Die Aktivierung der Funktion erfolgt über den Toggle Zeitplan aktivieren.
2. Über den Toggle Zeitraum begrenzen kann eine spezifische Laufzeit für den Teaser festgelegt werden. Mit Klick auf das Datumsfeld wird der gewünschte Datumsbereich ausgewählt.
3. Im Bereich Wochenplan wird für jeden Wochentag einzeln definiert, ob der Teaser ausgespielt werden soll. Die Aktivierung erfolgt über den jeweiligen Toggle neben dem Wochentag (z. B. Montag bis Freitag, wie im Bild unten).

4. Für jeden aktivierten Tag werden in den Feldern Von und Bis die genauen Uhrzeiten eingetragen. Ein Klick auf die Uhrzeit unterstützt bei der Auswahl der Zeitspanne.
   

5. Mit Klick auf Speichern wird die Konfiguration der zeitlichen Steuerung abgeschlossen.

5. Schnellfunktionen in der Übersichtsliste

In der Teaser-Übersicht gibt es Schnellfunktionen sowie weiterführende Einstellungen. Der Zugriff erfolgt über das Drei-Punkte-Menü neben dem Teaser.

5.1 Reihenfolge

Die Position der Teaser in der Liste entscheidet über deren Priorität. Das System prüft die Liste von oben nach unten: Der erste Teaser, dessen Bedingungen (URL, Zeitplan, Endgerät) erfüllt sind, wird ausgespielt. Nachfolgende Teaser werden ignoriert.

Blockierung durch Priorität: Allgemeine Teaser (z. B. für Alle Seiten) sollten stets am Ende der Liste stehen. Befindet sich ein allgemeiner Teaser oberhalb eines spezifischen Teasers (z. B. für “/preise”), wird der spezifische Teaser niemals angezeigt, da die allgemeine Regel zuerst greift.

Die Reihenfolge wird über das Drei-Punkte-Menü mit den Befehlen Nach oben oder Nach unten verändert.

5.2 Teaser duplizieren

In der Liste über das Kontextmenü kann ein Teaser schnell und einfach dupliziert werden. Der neu erstellte Teaser ist zunächst deaktiviert, enthält sonst aber alle Inhalte und Einstellungen des ausgewählten Teasers.

5.3 Teaser aktivieren / deaktivieren

Ist der Teaser wie gewünscht editiert, kann er nun aktiviert werden. Die Aktivierung erfolgt entweder im Editor über den Toggle oder in der Teaser-Übersichtsliste über das Drei-Punkte-Menü des jeweiligen Teasers. Die Deaktivierung erfolgt analog zur Aktivierung.

5.4 Teaser löschen

Über das Drei-Punkte-Menü in der Übersichtsliste wird mit Löschen der Teaser dauerhaft entfernt.

6. Seitenleiste

Die Seitenleiste bietet Zugriff auf Teaser-Insights, eine Vorschau und den Status des Teasers. Sie öffnet sich mit Klick auf den Teaser-Namen.

6.1 Insights (Erfolgsmessung)

Insights zeigt die Klickrate des Teasers an. Eine detaillierte Beschreibung der Teaser-Nutzung-Auswertung findet sich in diesem Artikel.

6.2 Vorschau

In der Seitenleiste ist eine Vorschau des Teasers eingeblendet.

6.3 Status

Der Status verschafft einen Überblick über die Kerninformationen des Teasers:

• Teaser-Status (aktiv/inaktiv),
• die zugewiesenen Kanäle und
• die Seiten, auf denen der Teaser eingebunden ist.

7. Teaser-Verhalten nach Interaktion und manuellem Schließen

Der Teaser wird standardmäßig beim Aufruf einer Seite ausgespielt. Eine automatische Ausblendung erfolgt, sobald eine Interaktion mit den Aktions-Buttons stattfindet oder das Widget direkt geöffnet wird. Der Teaser wird nicht angezeigt, wenn der Nutzer vorher mit Aktions-Buttons des Teasers interagiert hat oder mit Klick auf Widget-Icon bzw. den Avatar das Widget geöffnet hat.

Wird der Teaser durch Klick auf das Schließen-Symbol (X) manuell ausgeblendet, erscheint er beim Neuladen der Seite oder dem Wechsel auf eine Unterseite erneut. Dieses Verhalten stellt die empfohlene Standardeinstellung dar. Um die Nutzererfahrung anzupassen, kann konfiguriert werden, dass die Aktion des Schließens für einen bestimmten Zeitraum gespeichert wird und der Teaser entsprechend so lange nicht mehr ausgespielt wird.

Anpassung der Speicherdauer

Die Anpassung dieses Verhaltens erfolgt global für alle Teaser in den zentralen Darstellungseinstellungen des Widgets. Im Folgenden wird das Vorgehen schrittweise beschrieben:

1. Navigation zum Menüpunkt Widget & Teaser → Widget Darstellung.
2. Im Abschnitt Nutzung des Widget merken im unteren Bereich der Seite die gewünschte Dauer, für die das aktive Schließen des Teasers gespeichert werden soll, auswählen.
3. Mit Klick auf Speichern wird die Konfiguration übernommen.