{"id":464,"date":"2020-02-24T14:47:35","date_gmt":"2020-02-24T14:47:35","guid":{"rendered":"https:\/\/profi-tutorials.de\/e-business\/?p=464"},"modified":"2020-07-03T10:22:35","modified_gmt":"2020-07-03T10:22:35","slug":"convertchat-chatbot-builder","status":"publish","type":"post","link":"https:\/\/profi-tutorials.de\/e-business\/convertchat\/convertchat-chatbot-builder\/","title":{"rendered":"ConvertChat – Chatbot-Builder"},"content":{"rendered":"

Mit dem Chatbot-Builder von ConvertChat können Sie das Verhalten Ihres Chatbot konfigurieren – ganz ohne Programmierkenntnisse!<\/p>\n

In diesem Tutorial lernen Sie den grundlegenden Umgang mit dem Chatbot-Builder, sowie alle verfügbaren Elemente kennen.<\/p>\n

Der Drag&Drop Editor<\/h2>\n

Das Verhalten bzw. der Ablauf eines Chatbot<\/strong> wird mithilfe des Drag&Drop Editors<\/strong> bearbeitet. Sie können den Editor in der Kampagnen-Konfiguration<\/strong> über den Tab “Allgemein”<\/strong> öffnen.<\/p>\n

Das Layout des Editors lässt sich in 3 verschiedene Abschnitte unterteilen: dem Vorschaufenster<\/strong>, der Leinwand <\/strong>und der Elementauswahl<\/strong>.<\/p>\n

\"convertchat-botbuilder-aufbau\"<\/span><\/p>\n

Vorschaufenster<\/h3>\n

Hier wird eine live Vorschau<\/strong> des Chatbot in seiner jetzigen Konfiguration gezeigt. Das Fenster ist standardmäßig jedoch nicht geöffnet. Wenn Sie das Vorschaufenster <\/strong>öffnen wollen, setzen Sie einen Haken in der Checkbox “Vorschau anzeigen”<\/strong>.<\/p>\n

\"convertchat-vorschau-anzeigen\"<\/span><\/p>\n

Leinwand \/ Elementauswahl<\/h3>\n

Auf der Leinwand <\/strong>werden die Elemente aus der Elementauswahl <\/strong>angeordnet und verbunden. Elemente <\/strong>können ganz einfach per Drag&Drop<\/strong> aus der Elementauswahl <\/strong>auf der rechten Seite gezogen und dann an beliebiger Stelle auf der Leinwand <\/strong>positioniert werden.<\/p>\n

\"convertchat-leinwand-element\"<\/span><\/p>\n

Durch einen Klick auf ein Element können die Einstellungen des Elements<\/strong> aufgerufen werden. Das Einstellungsfenster <\/strong>wird dann auf der rechten Seite, anstelle der Elementauswahl<\/strong>, angezeigt.<\/p>\n

Jedes Element <\/strong>besitzt einen grauen Eingang <\/strong>(1,2)<\/strong>, sowie einen (3)<\/strong> oder, in besonderen Fällen, mehrere (4,5)<\/strong> blaue Ausgänge<\/strong>. Mit der Maus können Sie Verbindungen <\/strong>zwischen Ein-<\/strong> und Ausgängen <\/strong>ziehen, um einen Ablauf zu definieren. Das erste Element<\/strong>, welches Sie im Editor platzieren, wird von dem Chatbot als Startpunkt <\/strong>angesehen. Weitere mit dem Startpunkt <\/strong>verbundene Elemente <\/strong>werden dann nacheinander vom Chatbot abgearbeitet.<\/p>\n

\"convertchat-elemente\"<\/span><\/p>\n

Die verschiedenen Elemente<\/h2>\n

Im Folgenden werden die im Drag&Drop Editor<\/strong> verwendbaren Elemente <\/strong>einmal näher beleuchtet.<\/p>\n

Nachricht<\/h3>\n

Mit dem Element “Nachricht”<\/strong> lassen sich Textnachrichten <\/strong>in den Chat senden. Die Textnachrichten <\/strong>werden in Form einer Sprechblase im Chatfenster angezeigt. Der Text einer Nachricht <\/strong>lässt sich über das Textfeld “Text:”<\/strong>(1)<\/strong> festlegen. Dort kann nicht nur ein beliebiger Text eingegeben, sondern auch Platzhalter<\/a> <\/strong>(2)<\/strong> verwendet werden. Die Platzhalter <\/strong>ermöglichen es Ihnen, zuvor getätigte Eingaben des Nutzers, wie beispielsweise Name<\/strong> oder E-Mail Adresse<\/strong>, in Ihren Textnachrichten <\/strong>zu verwenden.<\/p>\n

Schließlich gibt es noch die beiden Einstellungen “Wie lange warten bis zum Tippen:” (3) <\/strong>und “Wie lange tippen:” (4)<\/strong>. Mit “Wie lange warten bis zum Tippen:” (3)<\/strong> <\/strong>wird festgelegt, wie lange der Chatbot warten soll, bis das Symbol für das Tippen angezeigt wird. “Wie lange tippen:” (4)<\/strong> legt dann fest, wie lange dieses Symbol angezeigt werden soll, bevor der Chatbot die im Textfeld angegebene Nachricht in den Chat sendet. Beide Angaben werden in Sekunden gemacht.<\/p>\n

Die beiden Optionen können bei fast allen folgenden Elementen genauso verwendet werden.<\/p>\n

\"convertchat-nachricht\"<\/span><\/p>\n

Bild<\/h3>\n

Hiermit können Sie ein beliebiges Bild <\/strong>in den Chat senden. Über den Button “Datei auswählen…”<\/strong> können Sie dazu ein Bild von Ihrem lokalen Rechner auswählen und hochladen.<\/p>\n

Video<\/h3>\n

Das “Video”<\/strong> Element funktioniert ähnlich wie das “Bild” <\/strong>Element, jedoch müssen Sie hier einen Einbettungscode<\/strong>, beispielsweise von YouTube<\/strong>, angeben.<\/p>\n

Buttons<\/h3>\n

Die “Buttons”<\/strong> ermöglichen es Ihnen, den Verlauf des Chats basierend auf Nutzereingaben <\/strong>zu gestalten. Das Element besitzt einen Ausgang <\/strong>für jeden Button<\/strong>. Je nachdem, welchen Button<\/strong> der Nutzer anklickt, wird am dazugehörigen Ausgang <\/strong>fortgefahren. Über die im Einstellungsmenü<\/strong>, sowie an den Ausgängen <\/strong>angezeigte Nummerierung lassen sich die Buttons<\/strong> Ihren Ausgängen <\/strong>zuordnen.<\/p>\n

Mit einem Klick auf “Button hinzufügen” (3)<\/strong> lassen sich dem Element weitere Buttons hinzufügen. Die Beschriftung <\/strong>der Buttons <\/strong>lässt sich einzeln über das jeweilige Textfeld (1,2)<\/strong> festlegen.<\/p>\n

Wenn Sie einen Button <\/strong>wieder löschen wollen, dann können Sie dies über die kleinen Kreuze (4) <\/strong>rechts neben den Textfeldern <\/strong>tun.<\/p>\n

\"convertchat-buttons\"<\/span><\/p>\n

Eingabefelder​<\/strong>​​​​<\/h3>\n

Die Eingabefelder <\/strong>geben Ihnen die Möglichkeit, Eingaben des Nutzers abzufragen und diese anschließend auch für die spätere Verwendung in Variablen <\/strong>abzuspeichern.<\/p>\n

Bei allen Eingabefeldern <\/strong>haben Sie zunächst die Möglichkeit, einen Text als Platzhalter <\/strong>(1)<\/strong> einzustellen, um dem Nutzer zusätzliche Hinweise zu geben. Der Platzhalter <\/strong>wird im unten befindlichen Eingabefeld des Chatfensters<\/strong> angezeigt, solange der Nutzer noch keine Eingabe gemacht hat.<\/p>\n

Sie können die Eingabe des Nutzers außerdem in einer Variable <\/strong>abspeichern. Wählen Sie dazu unter “Eingabe speichern” (2)<\/strong> einen passenden Variablennamen aus.<\/p>\n

\"convertchat-eingabefeld\"<\/span><\/p>\n

Insgesamt wird zwischen 4 verschiedenen Eingabefeldern <\/strong>unterschieden. Diese werden im Folgenden noch einmal näher erklärt.<\/p>\n

Text Eingabefeld<\/h4>\n

Das Text Eingabefeld<\/strong> kann verwendet werden um jede beliebige Eingabe des Nutzers abzufragen und zu speichern.<\/p>\n

E-Mail Eingabefeld<\/h4>\n

Mit dem E-Mail Eingabefeld<\/strong> können Sie speziell die E-Mail<\/strong> <\/strong>des Nutzers abfragen. Das Format <\/strong>der eingegebenen E-Mail wird dabei automatisch kontrolliert, sodass ungültige E-Mail-Adressen<\/strong> nicht akzeptiert werden. Die Eingabe wird automatisch als E-Mail abgespeichert.<\/p>\n

Telefon Eingabefeld<\/h4>\n

Das Telefon Eingabefeld<\/strong> speichert Eingaben automatisch als Telefonnummer <\/strong>ab. Zudem werden nur Zahlen <\/strong>akzeptiert.<\/p>\n

Zahl Eingabefeld<\/h4>\n

Das Zahl Eingabefeld<\/strong> akzeptiert nur Zahlen <\/strong>als Eingabe.<\/p>\n

Link Button<\/h3>\n

Mit dem Element “Link Button”<\/strong> können Sie einen Button <\/strong>im Chat anzeigen, der den Nutzer nach einem Klick automatisch auf eine beliebige URL<\/strong> weiterleitet. Die URL <\/strong>können Sie in den Einstellungen über “Button URL:”<\/strong> festlegen. Außerdem können Sie den auf dem Button <\/strong>angezeigten Text über das Textfeld “Button Text:”<\/strong> setzen.<\/p>\n

Die Textfarbe (3)<\/strong>, sowie die Hintergrundfarbe (4)<\/strong> des Buttons lassen sich ebenfalls einstellen.<\/p>\n

\"convertchat-link-button\"<\/span><\/p>\n

Calendly \/ YouCanBookMe<\/h3>\n

Mit den beiden Elementen “Calendly”<\/strong> <\/strong>und “YouCanBookMe”<\/strong> <\/strong>können Sie Terminbuchungen <\/strong>der beiden gleichnamigen Anbieter direkt über den Chatbot abwickeln. Beide Elemente benötigen lediglich die URL der jeweiligen Buchungsseite<\/strong>. Die URL müssen Sie in den Einstellungen der Elemente in das Textfeld “Calendly URL:”<\/strong> bzw. “YouCanBookMe URL:”<\/strong> einfügen.<\/p>\n

Die Elemente zeigen im Chat dann die Buchungsseite <\/strong>des jeweiligen Anbieters an.<\/p>\n

Facebook Messenger<\/h3>\n

Mithilfe des “Facebook Messenger”<\/strong> Elements können Sie Ihre Besucher von Ihrem ConvertChat Chatbot direkt zum Facebook Messenger<\/strong> weiterleiten. In den Einstellungen müssen Sie dazu die URL<\/strong> des Facebook Messenger<\/strong> in das Feld “Facebook Messenger URL:”<\/strong> eintragen.<\/p>\n

Typeform<\/h3>\n

Mit diesem Element haben Sie die Möglichkeit, Online-Formulare<\/strong> und -Umfragen<\/strong> des Anbieters Typeform<\/strong> in Ihren Chatbot zu integrieren. Tragen Sie dazu lediglich die jeweilige Typeform URL<\/strong> in das Feld “Typeform URL:”<\/strong> ein.<\/p>\n

Online-Seminar Opt-In<\/h3>\n

Mit dem Element “Online-Seminar Opt-In”<\/strong> können Sie ein Opt-In-Formular<\/strong> für Ihr Online-Seminar im Chat anzeigen, sodass sich Besucher dort direkt eintragen können. Das Element setzt voraus, dass Sie ConvertChat bereits mit Ihrem Online-Seminar-Anbieter<\/strong> verknüpft haben. Wie dies funktioniert, können Sie jedoch auch in unserem dazugehörigen Tutorial<\/a> nachlesen.<\/p>\n

In den Einstellungen müssen Sie den Namen der jeweiligen Integration aus dem Dropdown Menü “Online-Seminar Integration:” (1)<\/strong> auswählen. Außerdem wird für den Online-Seminar Opt-In<\/strong> ein E-Mail Eingabefeld<\/strong> benötigt. Falls dieses noch nicht vorhanden ist, können Sie es auch automatisch über den Button “Jetzt einfügen” (2)<\/strong> an das Online-Seminar Opt-In<\/strong> Element anfügen.<\/p>\n

\"convertchat-online-seminar-optin\"<\/span><\/p>\n

Der Aufbau eines Online-Seminar Opt-In<\/strong> sieht dann etwa folgendermaßen aus:<\/p>\n

\"convertchat-online-seminar-elements\"<\/span><\/p>\n

Countdown<\/h3>\n

Mit diesem Element können Sie einen Countdown<\/strong>, beispielsweise für ein zeitlich limitiertes Angebot, in Ihrem Chat anzeigen. In den Einstellungen des Elements können Sie dazu zunächst die Zeit bis zum Ablauf des Countdown (1)<\/strong> in Tagen<\/strong>, Stunden<\/strong>, Minuten<\/strong> und Sekunden<\/strong> einstellen. Außerdem ist das farbliche Design des Countdown Timers beliebig anpassbar. Sowohl die Farbe des Texts (2)<\/strong>, als auch die Hintergrundfarbe (3)<\/strong> lässt sich frei wählen.<\/p>\n

Das “Countdown” Element fügt Ihrem Chat zusätzlich auch noch einen  Button hinzu, über den Sie Ihre Besucher auf eine beliebige URL (4)<\/strong>, beispielsweise eine Angebotsseite weiterleiten können. Den Text dieses Buttons können Sie über das Textfeld “Button Text:” (5)<\/strong> festlegen. Schließlich können Sie auch noch die Farbe des Button Text (6)<\/strong>, als auch die Hintergrundfarbe des Button (7)<\/strong> einstellen.<\/p>\n

\"convertchat-countdown\"<\/span><\/p>\n

HTML<\/h3>\n

Mit dem HTML-Element<\/strong> können Sie einen beliebigen HTML-Code<\/strong> in Ihren Chatbot <\/strong>einbinden. Der Chatbot <\/strong>wird den eingegebenen HTML-Code<\/strong> dann anstelle der üblichen Sprechblase <\/strong>im Chat <\/strong>ausgeben.<\/p>\n

Ein Anwendungsbeispiel für das HTML-Element<\/strong> ist die Einbindung eines Anmeldeformulars <\/strong>von Ihrem E-Mail-Marketing Anbieter<\/strong> – Es sind jedoch auch noch viele weitere Anwendungsgebiete <\/strong>denkbar, die dieses Element zu einem besonders mächtigen Werkzeug<\/strong> machen.<\/p>\n

\"convertchat-html\"<\/span><\/p>\n

Element-Gruppe<\/h3>\n

Zuletzt gibt es noch die Element-Gruppen<\/strong>. Diese ermöglichen die Gruppierung mehrerer Elemente für eine bessere Übersicht. Jeder Element-Gruppe<\/strong> können Sie einen Gruppen-Namen<\/strong>, wie beispielsweise “Intro”<\/strong>, “Outro”<\/strong> oder “Online-Seminar-Opt-In”<\/strong> geben, um bestimmte Chat-Abschnitte besser identifizieren zu können.<\/p>\n

\"convertchat-element-gruppe\"<\/span><\/p>\n

Elemente können über ihre Einstellungen einer Gruppe <\/strong>zugeordnet werden. Dazu besitzt jedes Element das Dropdown-Menü “Element-Gruppe:”<\/strong>. Wird für ein Element eine Element-Gruppe<\/strong> ausgewählt, dann verschwindet es von der Leinwand des Editors und wird in die Gruppe <\/strong>aufgenommen. Im Menü jeder Gruppe <\/strong>werden diese Elemente dann untereinander aufgelistet (1)<\/strong>. Die Elemente <\/strong>werden von oben nach unten vom Chatbot abgearbeitet und lassen sich über kleine Pfeile (2) <\/strong>außerdem in eine andere Reihenfolge bringen.<\/p>\n

Elemente lassen sich über ein Kreuz (3)<\/strong> auch wieder aus der Element-Gruppe<\/strong> bzw. aus dem Editor löschen.<\/p>\n

\"convertchat-gruppe-ablauf\"<\/span><\/p>\n

Abonniere JETZT unseren Newsletter!<\/p>\n

Verpasse nie wieder neue<\/strong> Beiträge und exklusive Insider-Only-Inhalte!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Mit dem Chatbot-Builder von ConvertChat k\u00f6nnen Sie das Verhalten Ihres Chatbot konfigurieren – ganz ohne Programmierkenntnisse! In diesem Tutorial lernen Sie den grundlegenden Umgang mit dem Chatbot-Builder, sowie alle verf\u00fcgbaren Elemente kennen. Der Drag&Drop Editor Das Verhalten bzw. der Ablauf eines Chatbot wird mithilfe des Drag&Drop Editors bearbeitet. Sie k\u00f6nnen den Editor in der Kampagnen-Konfiguration \u00fcber […]<\/p>\n","protected":false},"author":2,"featured_media":752,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","tve_updated_post":"

Mit dem Chatbot-Builder von ConvertChat k\u00f6nnen Sie das Verhalten Ihres Chatbot konfigurieren - ganz ohne Programmierkenntnisse!<\/p>

In diesem Tutorial lernen Sie den grundlegenden Umgang mit dem Chatbot-Builder, sowie alle verf\u00fcgbaren Elemente kennen.<\/p><\/div>

\n\t
\n\t\tInhaltsverzeichnis<\/span>\n\t\t
Der Drag&Drop Editor<\/a><\/div>
Vorschaufenster<\/a><\/div>
Leinwand \/ Elementauswahl<\/a><\/div><\/div>
Die verschiedenen Elemente<\/a><\/div>
Nachricht<\/a><\/div>
Bild<\/a><\/div>
Video<\/a><\/div>
Buttons<\/a><\/div>
Eingabefelder\u200b\u200b\u200b\u200b\u200b<\/a><\/div>
Link Button<\/a><\/div>
Calendly \/ YouCanBookMe<\/a><\/div>
Facebook Messenger<\/a><\/div>
Typeform<\/a><\/div>
Online-Seminar Opt-In<\/a><\/div>
Countdown<\/a><\/div>
HTML<\/a><\/div>
Element-Gruppe<\/a><\/div><\/div><\/div>\n\t<\/div>\n<\/div>

Der Drag&Drop Editor<\/h2>

Das Verhalten bzw. der Ablauf eines Chatbot<\/strong> wird mithilfe des Drag&Drop Editors<\/strong> bearbeitet. Sie k\u00f6nnen den Editor in der Kampagnen-Konfiguration<\/strong> \u00fcber den Tab \"Allgemein\"<\/strong> \u00f6ffnen.<\/p>

Das Layout des Editors l\u00e4sst sich in 3 verschiedene Abschnitte unterteilen: dem Vorschaufenster<\/strong>, der Leinwand <\/strong>und der Elementauswahl<\/strong>.<\/p><\/div>

\"convertchat-botbuilder-aufbau\"<\/span><\/div>

Vorschaufenster<\/h3>

Hier wird eine live Vorschau<\/strong> des Chatbot in seiner jetzigen Konfiguration gezeigt. Das Fenster ist standardm\u00e4\u00dfig jedoch nicht ge\u00f6ffnet. Wenn Sie das Vorschaufenster <\/strong>\u00f6ffnen wollen, setzen Sie einen Haken in der Checkbox \"Vorschau anzeigen\"<\/strong>.<\/p><\/div>

\"convertchat-vorschau-anzeigen\"<\/span><\/div>

Leinwand \/ Elementauswahl<\/h3>

Auf der Leinwand <\/strong>werden die Elemente aus der Elementauswahl <\/strong>angeordnet und verbunden. Elemente <\/strong>k\u00f6nnen ganz einfach per Drag&Drop<\/strong> aus der Elementauswahl <\/strong>auf der rechten Seite gezogen und dann an beliebiger Stelle auf der Leinwand <\/strong>positioniert werden.<\/p><\/div>

\"convertchat-leinwand-element\"<\/span><\/div>

Durch einen Klick auf ein Element k\u00f6nnen die Einstellungen des Elements<\/strong> aufgerufen werden. Das Einstellungsfenster <\/strong>wird dann auf der rechten Seite, anstelle der Elementauswahl<\/strong>, angezeigt.<\/p>

Jedes Element <\/strong>besitzt einen grauen Eingang <\/strong>(1,2)<\/strong>, sowie einen (3)<\/strong> oder, in besonderen F\u00e4llen, mehrere (4,5)<\/strong> blaue Ausg\u00e4nge<\/strong>. Mit der Maus k\u00f6nnen Sie Verbindungen <\/strong>zwischen Ein-<\/strong> und Ausg\u00e4ngen <\/strong>ziehen, um einen Ablauf zu definieren. Das erste Element<\/strong>, welches Sie im Editor platzieren, wird von dem Chatbot als Startpunkt <\/strong>angesehen. Weitere mit dem Startpunkt <\/strong>verbundene Elemente <\/strong>werden dann nacheinander vom Chatbot abgearbeitet.<\/p><\/div>

\"convertchat-elemente\"<\/span><\/div>

Die verschiedenen Elemente<\/h2>

Im Folgenden werden die im Drag&Drop Editor<\/strong> verwendbaren Elemente <\/strong>einmal n\u00e4her beleuchtet.<\/p>

Nachricht<\/h3>

Mit dem Element \"Nachricht\"<\/strong> lassen sich Textnachrichten <\/strong>in den Chat senden. Die Textnachrichten <\/strong>werden in Form einer Sprechblase im Chatfenster angezeigt. Der Text einer Nachricht <\/strong>l\u00e4sst sich \u00fcber das Textfeld \"Text:\"<\/strong>\n(1)<\/strong> festlegen. Dort kann nicht nur ein beliebiger Text eingegeben, sondern auch Platzhalter <\/strong>(2)<\/strong> verwendet werden. Die Platzhalter <\/strong>erm\u00f6glichen es Ihnen, zuvor get\u00e4tigte Eingaben des Nutzers, wie beispielsweise Name<\/strong> oder E-Mail Adresse<\/strong>, in Ihren Textnachrichten <\/strong>zu verwenden.<\/p>

Schlie\u00dflich gibt es noch die beiden Einstellungen \"Wie lange warten bis zum Tippen:\" (3) <\/strong>und \"Wie lange tippen:\" (4)<\/strong>. Mit \"Wie lange warten bis zum Tippen:\" (3)<\/strong> <\/strong>wird festgelegt, wie lange der Chatbot warten soll, bis das Symbol f\u00fcr das Tippen angezeigt wird. \"Wie lange tippen:\" (4)<\/strong> legt dann fest, wie lange dieses Symbol angezeigt werden soll, bevor der Chatbot die im Textfeld angegebene Nachricht in den Chat sendet. Beide Angaben werden in Sekunden gemacht.<\/p>

Die beiden Optionen k\u00f6nnen bei fast allen folgenden Elementen genauso verwendet werden.<\/p><\/div>

\"convertchat-nachricht\"<\/span><\/div>

Bild<\/h3>

Hiermit k\u00f6nnen Sie ein beliebiges Bild <\/strong>in den Chat senden. \u00dcber den Button \"Datei ausw\u00e4hlen...\"<\/strong> k\u00f6nnen Sie dazu ein Bild von Ihrem lokalen Rechner ausw\u00e4hlen und hochladen.<\/p>

Video<\/h3>

Das \"Video\"<\/strong> Element funktioniert \u00e4hnlich wie das \"Bild\" <\/strong>Element, jedoch m\u00fcssen Sie hier einen Einbettungscode<\/strong>, beispielsweise von YouTube<\/strong>, angeben.<\/p>

Buttons<\/h3>

Die \"Buttons\"<\/strong> erm\u00f6glichen es Ihnen, den Verlauf des Chats basierend auf Nutzereingaben <\/strong>zu gestalten. Das Element besitzt einen Ausgang <\/strong>f\u00fcr jeden Button<\/strong>. Je nachdem, welchen Button<\/strong> der Nutzer anklickt, wird am dazugeh\u00f6rigen Ausgang <\/strong>fortgefahren. \u00dcber die im Einstellungsmen\u00fc<\/strong>, sowie an den Ausg\u00e4ngen <\/strong>angezeigte Nummerierung lassen sich die Buttons<\/strong> Ihren Ausg\u00e4ngen <\/strong>zuordnen.<\/p>

Mit einem Klick auf \"Button hinzuf\u00fcgen\" (3)<\/strong> lassen sich dem Element weitere Buttons hinzuf\u00fcgen. Die Beschriftung <\/strong>der Buttons <\/strong>l\u00e4sst sich einzeln \u00fcber das jeweilige Textfeld (1,2)<\/strong> festlegen.<\/p>

Wenn Sie einen Button <\/strong>wieder l\u00f6schen wollen, dann k\u00f6nnen Sie dies \u00fcber die kleinen Kreuze (4) <\/strong>rechts neben den Textfeldern <\/strong>tun.<\/p><\/div>

\"convertchat-buttons\"<\/span><\/div>

Eingabefelder\u200b<\/strong>\u200b\u200b\u200b\u200b<\/h3>

Die Eingabefelder <\/strong>geben Ihnen die M\u00f6glichkeit, Eingaben des Nutzers abzufragen und diese anschlie\u00dfend auch f\u00fcr die sp\u00e4tere Verwendung in Variablen <\/strong>abzuspeichern.<\/p>

Bei allen Eingabefeldern <\/strong>haben Sie zun\u00e4chst die M\u00f6glichkeit, einen Text als Platzhalter <\/strong>(1)<\/strong> einzustellen, um dem Nutzer zus\u00e4tzliche Hinweise zu geben. Der Platzhalter <\/strong>wird im unten befindlichen Eingabefeld des Chatfensters<\/strong> angezeigt, solange der Nutzer noch keine Eingabe gemacht hat.<\/p>

Sie k\u00f6nnen die Eingabe des Nutzers au\u00dferdem in einer Variable <\/strong>abspeichern. W\u00e4hlen Sie dazu unter \"Eingabe speichern\" (2)<\/strong> einen passenden Variablennamen aus.<\/p><\/div>

\"convertchat-eingabefeld\"<\/span><\/div>

Insgesamt wird zwischen 4 verschiedenen Eingabefeldern <\/strong>unterschieden. Diese werden im Folgenden noch einmal n\u00e4her erkl\u00e4rt.<\/p>

Text Eingabefeld<\/h4>

Das Text Eingabefeld<\/strong> kann verwendet werden um jede beliebige Eingabe des Nutzers abzufragen und zu speichern.<\/p>

E-Mail Eingabefeld<\/h4>

Mit dem E-Mail Eingabefeld<\/strong> k\u00f6nnen Sie speziell die E-Mail<\/strong> <\/strong>des Nutzers abfragen. Das Format <\/strong>der eingegebenen E-Mail wird dabei automatisch kontrolliert, sodass ung\u00fcltige E-Mail-Adressen<\/strong> nicht akzeptiert werden. Die Eingabe wird automatisch als E-Mail abgespeichert.<\/p>

Telefon Eingabefeld<\/h4>

Das Telefon Eingabefeld<\/strong> speichert Eingaben automatisch als Telefonnummer <\/strong>ab. Zudem werden nur Zahlen <\/strong>akzeptiert.<\/p>

Zahl Eingabefeld<\/h4>

Das Zahl Eingabefeld<\/strong> akzeptiert nur Zahlen <\/strong>als Eingabe.<\/p>

Link Button<\/h3>

Mit dem Element \"Link Button\"<\/strong> k\u00f6nnen Sie einen Button <\/strong>im Chat anzeigen, der den Nutzer nach einem Klick automatisch auf eine beliebige URL<\/strong> weiterleitet. Die URL <\/strong>k\u00f6nnen Sie in den Einstellungen \u00fcber \"Button URL:\"<\/strong> festlegen. Au\u00dferdem k\u00f6nnen Sie den auf dem Button <\/strong>angezeigten Text \u00fcber das Textfeld \"Button Text:\"<\/strong> setzen.<\/p>

Die Textfarbe (3)<\/strong>, sowie die Hintergrundfarbe (4)<\/strong> des Buttons lassen sich ebenfalls einstellen.<\/p><\/div>

\"convertchat-link-button\"<\/span><\/div>

Calendly \/ YouCanBookMe<\/h3>

Mit den beiden Elementen \"Calendly\"<\/strong> <\/strong>und \"YouCanBookMe\"<\/strong> <\/strong>k\u00f6nnen Sie Terminbuchungen <\/strong>der beiden gleichnamigen Anbieter direkt \u00fcber den Chatbot abwickeln. Beide Elemente ben\u00f6tigen lediglich die URL der jeweiligen Buchungsseite<\/strong>. Die URL m\u00fcssen Sie in den Einstellungen der Elemente in das Textfeld \"Calendly URL:\"<\/strong> bzw. \"YouCanBookMe URL:\"<\/strong> einf\u00fcgen.<\/p>

Die Elemente zeigen im Chat dann die Buchungsseite <\/strong>des jeweiligen Anbieters an.<\/p>

Facebook Messenger<\/h3>

Mithilfe des \"Facebook Messenger\"<\/strong> Elements k\u00f6nnen Sie Ihre Besucher von Ihrem ConvertChat Chatbot direkt zum Facebook Messenger<\/strong> weiterleiten. In den Einstellungen m\u00fcssen Sie dazu die URL<\/strong> des Facebook Messenger<\/strong> in das Feld \"Facebook Messenger URL:\"<\/strong> eintragen.<\/p>

Typeform<\/h3>

Mit diesem Element haben Sie die M\u00f6glichkeit, Online-Formulare<\/strong> und -Umfragen<\/strong> des Anbieters Typeform<\/strong> in Ihren Chatbot zu integrieren. Tragen Sie dazu lediglich die jeweilige Typeform URL<\/strong> in das Feld \"Typeform URL:\"<\/strong> ein.<\/p>

Online-Seminar Opt-In<\/h3>

Mit dem Element \"Online-Seminar Opt-In\"<\/strong> k\u00f6nnen Sie ein Opt-In-Formular<\/strong> f\u00fcr Ihr Online-Seminar im Chat anzeigen, sodass sich Besucher dort direkt eintragen k\u00f6nnen. Das Element setzt voraus, dass Sie ConvertChat bereits mit Ihrem Online-Seminar-Anbieter<\/strong> verkn\u00fcpft haben. Wie dies funktioniert, k\u00f6nnen Sie jedoch auch in unserem dazugeh\u00f6rigen Tutorial<\/a> nachlesen.<\/p>

In den Einstellungen m\u00fcssen Sie den Namen der jeweiligen Integration aus dem Dropdown Men\u00fc \"Online-Seminar Integration:\" (1)<\/strong> ausw\u00e4hlen. Au\u00dferdem wird f\u00fcr den Online-Seminar Opt-In<\/strong> ein E-Mail Eingabefeld<\/strong> ben\u00f6tigt. Falls dieses noch nicht vorhanden ist, k\u00f6nnen Sie es auch automatisch \u00fcber den Button \"Jetzt einf\u00fcgen\" (2)<\/strong> an das Online-Seminar Opt-In<\/strong> Element anf\u00fcgen.<\/p><\/div>

\"convertchat-online-seminar-optin\"<\/span><\/div>

Der Aufbau eines Online-Seminar Opt-In<\/strong> sieht dann etwa folgenderma\u00dfen aus:<\/p><\/div>

\"convertchat-online-seminar-elements\"<\/span><\/div>

Countdown<\/h3>

Mit diesem Element k\u00f6nnen Sie einen Countdown<\/strong>, beispielsweise f\u00fcr ein zeitlich limitiertes Angebot, in Ihrem Chat anzeigen. In den Einstellungen des Elements k\u00f6nnen Sie dazu zun\u00e4chst die Zeit bis zum Ablauf des Countdown (1)<\/strong> in Tagen<\/strong>, Stunden<\/strong>, Minuten<\/strong> und Sekunden<\/strong> einstellen. Au\u00dferdem ist das farbliche Design des Countdown Timers beliebig anpassbar. Sowohl die Farbe des Texts (2)<\/strong>, als auch die Hintergrundfarbe (3)<\/strong> l\u00e4sst sich frei w\u00e4hlen.<\/p>

Das \"Countdown\" Element f\u00fcgt Ihrem Chat zus\u00e4tzlich auch noch einen  Button hinzu, \u00fcber den Sie Ihre Besucher auf eine beliebige URL (4)<\/strong>, beispielsweise eine Angebotsseite weiterleiten k\u00f6nnen. Den Text dieses Buttons k\u00f6nnen Sie \u00fcber das Textfeld \"Button Text:\" (5)<\/strong> festlegen. Schlie\u00dflich k\u00f6nnen Sie auch noch die Farbe des Button Text (6)<\/strong>, als auch die Hintergrundfarbe des Button (7)<\/strong> einstellen.<\/p><\/div>

\"convertchat-countdown\"<\/span><\/div>

HTML<\/h3>

Mit dem HTML-Element<\/strong> k\u00f6nnen Sie einen beliebigen HTML-Code<\/strong> in Ihren Chatbot <\/strong>einbinden. Der Chatbot <\/strong>wird den eingegebenen HTML-Code<\/strong> dann anstelle der \u00fcblichen Sprechblase <\/strong>im Chat <\/strong>ausgeben.<\/p>

Ein Anwendungsbeispiel f\u00fcr das HTML-Element<\/strong> ist die Einbindung eines Anmeldeformulars <\/strong>von Ihrem E-Mail-Marketing Anbieter<\/strong> - Es sind jedoch auch noch viele weitere Anwendungsgebiete <\/strong>denkbar, die dieses Element zu einem besonders m\u00e4chtigen Werkzeug<\/strong> machen.<\/p><\/div>

\"convertchat-html\"<\/span><\/div>

Element-Gruppe<\/h3>

Zuletzt gibt es noch die Element-Gruppen<\/strong>. Diese erm\u00f6glichen die Gruppierung mehrerer Elemente f\u00fcr eine bessere \u00dcbersicht. Jeder Element-Gruppe<\/strong> k\u00f6nnen Sie einen Gruppen-Namen<\/strong>, wie beispielsweise \"Intro\"<\/strong>, \"Outro\"<\/strong> oder \"Online-Seminar-Opt-In\"<\/strong> geben, um bestimmte Chat-Abschnitte besser identifizieren zu k\u00f6nnen.<\/p><\/div>

\"convertchat-element-gruppe\"<\/span><\/div>

Elemente k\u00f6nnen \u00fcber ihre Einstellungen einer Gruppe <\/strong>zugeordnet werden. Dazu besitzt jedes Element das Dropdown-Men\u00fc \"Element-Gruppe:\"<\/strong>. Wird f\u00fcr ein Element eine Element-Gruppe<\/strong> ausgew\u00e4hlt, dann verschwindet es von der Leinwand des Editors und wird in die Gruppe <\/strong>aufgenommen. Im Men\u00fc jeder Gruppe <\/strong>werden diese Elemente dann untereinander aufgelistet (1)<\/strong>. Die Elemente <\/strong>werden von oben nach unten vom Chatbot abgearbeitet und lassen sich \u00fcber kleine Pfeile (2) <\/strong>au\u00dferdem in eine andere Reihenfolge bringen.<\/p>

Elemente lassen sich \u00fcber ein Kreuz (3)<\/strong> auch wieder aus der Element-Gruppe<\/strong> bzw. aus dem Editor l\u00f6schen.<\/p><\/div>

\"convertchat-gruppe-ablauf\"<\/span><\/div>
\n\t
<\/div>\n\t

Abonniere JETZT unseren Newsletter!<\/p><\/div>

\n\t
\n<\/div>

Verpasse nie wieder neue<\/strong> Beitr\u00e4ge und exklusive Insider-Only-Inhalte!<\/strong><\/p><\/div>

\n\t
<\/div>
<\/div>