{"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":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":" %%post_title%% %%sep%% %%sitetitle%%","_seopress_titles_desc":"In diesem Tutorial lernen Sie den Umgang mit dem Chatbot-Builder von ConvertChat kennen. Steigern Sie Ihre Leads, Conversions und Ihren Umsatz mit ConvertChat!","_seopress_robots_index":"","_seopress_analysis_target_kw":"ConvertChat,Chatbot,Chatbot-Builder,Tutorial,Eingabefeld,Button,Drag&Drop,Nachricht,Editor","footnotes":""},"categories":[8],"tags":[],"class_list":["post-464","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-convertchat"],"_links":{"self":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/comments?post=464"}],"version-history":[{"count":75,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/464\/revisions"}],"predecessor-version":[{"id":3264,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/posts\/464\/revisions\/3264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media\/752"}],"wp:attachment":[{"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/media?parent=464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/categories?post=464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profi-tutorials.de\/e-business\/wp-json\/wp\/v2\/tags?post=464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}