Ein detailliertes und umfassendes Handbuch zum Flow Builder des Messenger Bots

Messenger Bot ist hauptsächlich eine Plattform zum Erstellen von Messenger-Bots, obwohl sie mehrere Funktionen hat, die Online-Marketing ermöglichen. Der Messenger Bot ist ein robustes und leistungsstarkes Tool, um reibungslos und automatisch mit Menschen zu kommunizieren. Messenger Bot verfügt über einen klassischen Bot-Baukasten, um einen Bot zu erstellen. Mit dem klassischen Bot-Baukasten können Sie einen Bot erstellen, obwohl der Prozess etwas komplex ist.

Um das Erstellen von Bots einfach, unkompliziert und schnell zu gestalten, hat Messenger Bot den Flow Builder vorgestellt, ein Add-On für Messenger Bot. Nachdem Sie das Add-On hinzugefügt haben, steht der Flow Builder in Messenger Bot zur Verfügung. Es handelt sich um einen grafischen Drag-and-Drop-Bot-Baukasten. Mit dem grafischen Editor können Sie ganz einfach einen Bot erstellen, indem Sie Elemente aus dem Dock-Menü ziehen und im Editor ablegen, Daten zu den Elementen hinzufügen und sie miteinander verbinden. Im Flow Builder können Sie alle Nachrichten an einem Ort steuern, ohne hin und her zu wechseln. Darüber hinaus können Sie alle Nachrichten visualisieren. Daher können Sie ganz einfach in kurzer Zeit einen hochinteraktiven und bemerkenswert reaktionsschnellen Bot erstellen. 

Lassen Sie uns nun mit dem Prozess des Erstellens eines Bots mit dem Flow Builder vertraut machen. Tatsächlich werde ich im Artikel die Elemente oder Komponenten des Flow Builders und wie man einen Bot darauf erstellt, besprechen. Nachdem Sie den Artikel gelesen haben, werden Sie mit den Elementen und deren Verwendung vertraut sein. Daher werden Sie in der Lage sein, einen Messenger-Bot ganz nach Ihren Wünschen zu erstellen.

Gehen Sie zum Flow Builder: 

Um einen Bot mit dem Flow Builder zu erstellen, gehen Sie zuerst zum Dashboard des Messenger-Bots. Klicken Sie dann im Dashboard auf das Menü Flow Builder auf der linken Seite.

Sofort erscheint die Seite des visuellen Flow Builders mit einem Button, um einen neuen Flow zu erstellen.

Klicken Sie jetzt auf den Button „neuen Flow erstellen“ und ein Dialogfeld wird angezeigt. Klicken Sie nun auf das Feld „eine Seite auswählen“ und ein Dropdown-Menü Ihrer Seiten wird angezeigt. Wählen Sie jetzt eine Seite aus, auf der Sie einen Messenger-Bot erstellen möchten. Klicken Sie nun auf die Schaltfläche „ok“ und sofort erscheint der Editor des Flow Builders, in dem Sie Ihren Bot erstellen werden.

Klicken Sie jetzt auf die Schaltfläche „ok“ und sofort erscheint der Editor des Flow Builders, in dem Sie Ihren Bot erstellen werden.

Lassen Sie uns den Editor ansehen: 

Der Flow Builder ist in zwei Teile unterteilt – Dock-Menü und Editor. Im Dock-Menü sind alle Elemente zusammengefasst. Und der Editor ist der Ort, an dem Sie Ihren Messenger-Bot erstellen werden. Es gibt 20 Arten von Elementen für den Messenger Bot Flow Builder, wenn Sie einige spezielle Add-Ons hinzugefügt haben, wie z.B. Benutzerinput-Flows und Nachrichtenbot-Enhancer. Jedenfalls sind alle Elemente im Dock-Menü außer einem – dem Start-Bot-Flow, der bereits im Editor platziert ist. Der Start-Bot-Flow ist das Referenzobjekt des Bots, den Sie erstellen werden. Sie geben dem Messenger-Bot im Element Start-Bot-Flow einen Namen. 

Ziehen Sie ein Element aus dem Dock-Menü und platzieren Sie es im Editor: 

Sie müssen die Elemente, die Sie benötigen, um Ihren gewünschten Bot zu erstellen, aus dem Dock-Menü ziehen und im Editor ablegen. 

Elemente miteinander verbinden: 

Dann müssen Sie die Elemente miteinander verbinden. Die Elemente haben zwei Arten von Anschlüssen – Eingangsanschluss und Ausgangsanschluss. Sie müssen den Eingangsanschluss eines Elements mit dem Ausgangsanschluss eines anderen Elements verbinden. 

Daten zu den Elementen hinzufügen:

Jetzt müssen Sie Daten zu den Elementen hinzufügen. Um Daten hinzuzufügen, müssen Sie doppelt auf das Element klicken. Sobald Sie doppelt auf ein Element klicken, erscheint ein Formular auf der linken Seite des Editors. Danach müssen Sie das Formular mit den erforderlichen Daten ausfüllen. Jedes Element benötigt eine andere Art von Daten, und der Prozess zum Einfügen von Daten ist etwas unterschiedlich.

Lassen Sie uns nun die Elemente nacheinander durchgehen.

Trigger-Element: 

Das Trigger-Element nimmt Textdaten als Schlüsselwörter – Sie können mehrere Schlüsselwörter im Trigger-Element hinzufügen. Dieses Element ist erforderlich, um einen Messenger-Bot zu erstellen, es steht am Anfang des Bots und ist dafür verantwortlich, den Bot zu starten. Wenn die Wörter, die ein Benutzer im Messenger eingibt, mit den Schlüsselwörtern im Trigger-Element übereinstimmen, wird der Messenger-Bot gestartet.

Text-Element:

Das Text-Element nimmt Textdaten. Dieses Element wird verwendet, um Textnachrichten oder Textantworten an die Benutzer zu senden. Natürlich können Sie den Vornamen oder den Nachnamen des Benutzers in die Textdaten einfügen. 

Bildelement:

Das Bildelement nimmt Bilder auf. Für das Bildelement müssen Sie ein Bild von Ihrem lokalen Computer hochladen. Das Bildelement unterstützt mehrere Bildformate – jpg, png und gif. 

Audioelement:

Das Audioelement nimmt eine Audiodatei auf. Und Sie müssen eine Audiodatei von Ihrem lokalen Computer hochladen. Es unterstützt mehrere Audioformat – amr, mp3 und wave. 

Videoelement: 

Das Videoelement nimmt eine Videodatei auf. Und Sie müssen eine Videodatei von Ihrem lokalen Computer hochladen. Es unterstützt mehrere Videoformate – mp4, Flv und wmv.

Dateielement:

Das Dateielement nimmt verschiedene Arten von Dateien auf. Und Sie müssen die Dateien von Ihrem lokalen Computer hochladen. Es unterstützt mehrere Dateiformate – doc, Docx, pdf, txt, ppt, pptx, xls und xlsx. 

• Web-URL
• Webansicht[Voll]
• Webansicht[Kompakt]
• Benutzergeburtstag
• Benutzer-E-Mail
• Benutzertelefon
• Benutzerstandort
• Rufen Sie uns an
• Abmelden
• Wiederanmelden
• Mit Mensch chatten
• Mit Roboter chatten

Wenn Sie die neue Postback-Schaltfläche auswählen, erscheint ein neues Postback-Element, das mit einem Schaltflächenelement verbunden ist, im Editor. Danach müssen Sie das neue Postback-Element konfigurieren. Im Abschnitt Neues Postback des Artikels zeige ich Ihnen, wie Sie das neue Postback-Element konfigurieren.

Andererseits, wenn Sie die Web-URL oder die Webansicht auswählen, erscheint ein zusätzliches Formularfeld, in dem Sie die URL angeben müssen. In diesem Fall wird der Benutzer, wenn er auf die Schaltfläche klickt, zur Seite der URL weitergeleitet.

Wenn Sie Postback auswählen, erscheint ein Feld mit der Bezeichnung Postback-ID. Klicken Sie auf das Postback-ID-Feld und das Dropdown-Menü mit vordefinierten Postbacks wird angezeigt, aus dem Sie eine Postback-ID auswählen können.

Um das Geburtsdatum, die Telefonnummer, die E-Mail und den Standort des Benutzers zu erfassen, müssen Sie den entsprechenden Schaltflächentyp auswählen. Außerdem können Sie die Option zum Abmelden und Wiederanmelden anbieten, indem Sie die Schaltflächen Abmelden und Wiederanmelden auswählen. Wenn Sie mit einem Menschen chatten, können Sie dem Benutzer die Möglichkeit geben, mit einem Menschen zu sprechen. Ebenso können die Benutzer, wenn Sie die Option mit dem Bot zu chatten auswählen, erneut mit dem Bot sprechen. Wenn Sie die Schaltfläche Uns anrufen auswählen, kann der Benutzer Sie direkt durch Drücken der Schaltfläche anrufen.

Generisches Vorlagen-Element:

Sie können eine generische Vorlage mit einem generischen Vorlagenelement erstellen. Im generischen Vorlagenelement müssen Sie ein Bild, eine URL, einen Titel und einen Untertitel hinzufügen. Wenn Sie ein generisches Vorlagenelement aus dem Dock-Menü ziehen und in den Editor ablegen, kommt die Vorlage mit einem Button. Und im Button-Element müssen Sie Daten hinzufügen. Aus dem Abschnitt des Button-Elements wissen Sie möglicherweise bereits, wie man mit dem Button-Element arbeitet. Neben Buttons können Sie auch Schnellantwort-Elemente zum Ausgabesocket namens Schnellantworten hinzufügen. 

Karussell-Element:

Das Karussell-Element funktioniert nur als Elternteil des Karussell-Einzelelements. Und es selbst erhält keine Daten. Wenn Sie das Karussell-Element ziehen und ablegen, kommt es mit drei Karussell-Einzelelementen, die mit drei Button-Elementen verbunden sind. Sie müssen Daten zu den Karussell-Einzelelementen und zu den Button-Elementen hinzufügen.  

Natürlich können Sie dem Karussell-Element weitere Karussell-Einzelelemente hinzufügen.

Karussell-Einzelelement:

Im Karussell-Einzelelement müssen Sie wie bei einer generischen Vorlage ein Bild, einen Link, einen Titel und einen Untertitel hinzufügen. Das Karussell-Einzelelement ist letztendlich das Kind des Karussell-Elements. Das heißt, es kann nur mit dem Karussell-Element verbunden werden.

Facebook-Medien:

Das Facebook-Medienelement zeigt Medien – Bilder und Videos – die auf Ihrer Facebook-Seite gepostet wurden. Im Facebook-Medienelement müssen Sie den Link zu einem beliebigen Bild- oder Video-Post Ihrer Seite hinzufügen. Wenn ja, kann der Benutzer den Bild- oder Video-Post Ihrer Seite im Messenger sehen. 

E-Commerce-Element:

Mit dem ECommerce-Element können Sie eine Karussell-Antwort auf die Produkte Ihres E-Commerce-Shops erstellen. Im ECommerce-Element müssen Sie zunächst einen zuvor erstellten ECommerce-Shop aus einem Dropdown-Menü auswählen, dann müssen Sie Produkte auswählen, um ein Karussell oder generische Antworten auf diese Produkte zu erstellen. Danach müssen Sie Text für die Schaltfläche Jetzt kaufen hinzufügen. Und das war's. Es wird ein schönes Karussell oder eine generische Antwort auf die Produkte Ihres ausgewählten E-Commerce-Shops erstellen. 

Benutzereingabefluss-Element:

Mit dem Element können Sie Ihren Benutzereingabefluss einfach zu Ihrem Bot hinzufügen. Sie müssen nur eine vordefinierte Kampagne für den Benutzereingabefluss aus einem Dropdown-Menü auswählen. Wenn Sie keine Kampagne haben, müssen Sie zuerst eine erstellen. Bitte lesen Sie den Artikel, um zu erfahren, wie Sie eine Kampagne für den Benutzereingabefluss erstellen. 

Schnellantwort-Element:

Sie können das Schnellantwort-Element nur mit Elementen verbinden, die einen Ausgangsanschluss namens Schnellantworten haben. Für den Schnellantworttyp können Sie aus einem Dropdown-Menü Neu, Postback, Telefon und E-Mail auswählen.

Wenn Sie ein neues Postback auswählen, wird ein Textfeld für die Schaltfläche angezeigt. Sie müssen nur das Feld ausfüllen und auf die Schaltfläche "Okay" klicken. Sofort erscheint ein neues Postback-Element, das mit dem Element "Schnellantwort" verbunden ist, im Editor. Im neuen Postback müssen Sie einen Titel angeben. Außerdem können Sie ein Label auswählen. Dann müssen Sie eine Sequenz aus einem Dropdown-Menü auswählen. Im Dropdown-Menü sehen Sie eine Liste neuer Sequenzen und anderer Sequenzen, die Sie zuvor erstellt haben. Wenn Sie eine neue Sequenz auswählen, erscheint ein neues Sequenzelement mit anderen Elementen, drei Sequenzen und drei neuen Postback-Elementen. Jetzt müssen Sie die Sequenz erstellen. Folgen Sie dem untenstehenden Abschnitt, um zu erfahren, wie Sie Sequenznachrichten erstellen. 

Neues Sequenzelement:

Wenn Sie Sequenznachrichten erstellen möchten, müssen Sie ein neues Sequenzelement verwenden. Mit den Sequenznachrichten können Sie einen bedingten Fluss der Nachrichten erstellen. Das heißt, derselbe Bot kann auf unterschiedliche Weise für verschiedene Personengruppen fließen.

Neues Postback: 

Um ein neues Postback zu konfigurieren, müssen Sie ihm einen Titel geben. Sie können ein Label auswählen. Dann müssen Sie eine vordefinierte Sequenz aus einem Dropdown-Menü auswählen.

Der neue Postback wird hauptsächlich verwendet, um Kampagnen für Sequenznachrichten zu erstellen. Das Element wird normalerweise vor der neuen Sequenz platziert und ist mit ihr verbunden. Außerdem können Sie einen Bot mit einem neuen Postback starten. In diesem Fall müssen Sie das Trigger-Element mit dem neuen Postback verbinden. Sie können das neue Postback als Referenz für einen Bot verwenden. Das heißt, Sie können das Trigger-Element mit einem neuen Postback-Element verbinden.  

OTN-Element:

Im OTN-Element müssen Sie einen Titel angeben und eine vordefinierte OTN-Postback-ID aus einer Dropdown-Liste auswählen. 

Aktionstaste-Element:

Neben dem Trigger-Element können Sie auch einen Bot-Flow mit der Aktionstaste starten. In diesem Fall müssen Sie das Aktionstaste-Element mit dem Aktionstaste-Anschluss des Start-Bot-Flow-Elements verbinden. Neben der Aktionstaste können Sie natürlich auch das Trigger-Element mit dem Start-Bot-Flow-Element verbinden.

Nun, was das Aktionstaste-Element betrifft, können Sie aus den verschiedenen Aktionen wie folgt auswählen:

• Starte Vorlage
• Keine Übereinstimmung Vorlage
• Abmelden Vorlage
• Wiederanmelden Vorlage
• E-Mail-Schnellantwortvorlage
• Telefon-Schnellantwortvorlage
• Standort-Schnellantwortvorlage
• Geburtstags-Schnellantwortvorlage
• Chat mit Mensch Vorlage
• Chat mit Roboter Vorlage

Benutzerfreundlich

Der Messenger Bot Flow-Builder ist sehr benutzerfreundlich. Mit einem Doppelklick können Sie das Dock-Menü minimieren, um den Platz des Editors zu vergrößern. Natürlich erhalten Sie mit einem Doppelklick das Dock-Menü zurück, wenn Sie es benötigen.  

Außerdem können Sie das Dock-Menü verschieben und an beliebiger Stelle im Editor platzieren.

Nachdem Sie ein Element per Drag & Drop verschoben haben, können Sie es leicht klonen und löschen.

Und wenn Sie mit der rechten Maustaste auf den Editor klicken, erscheinen alle aufgelisteten Elemente in einer vertikalen Leiste im Editor. Aus der vertikalen Leiste können Sie ein bestimmtes Element auswählen, indem Sie darauf klicken.

Sie können die Elemente im Editor auch vergrößern und verkleinern, indem Sie mit der Maus scrollen.

Außerdem können Sie den Typ des Steckplatzes sehen, indem Sie mit der Maus über den kleinen Kreis des Steckplatzes fahren. Sobald Sie mit der Maus über den kleinen Kreis des Steckplatzes fahren, wird der kleine Kreis grün umrandet und ein Tooltip erscheint mit Informationen über den Steckplatz.

In der Tat können Sie den Teil des Bots ausblenden, indem Sie die Oberfläche des Editors ziehen, um Platz zu schaffen, um weitere Elemente mit dem Bot zu verbinden. einen anderen Bot.