Ihren ersten WhatsApp Flow aus einem HubSpot-Formular senden

In diesem Tutorial machen Sie aus einem HubSpot-Marketingformular einen WhatsApp Flow, senden ihn an Ihr eigenes Telefon und senden ihn dann aus einem HubSpot-Workflow. Am Ende erscheint ein ausgefüllter Flow in HubSpot als Übermittlung des ursprünglichen Formulars. Der Zeitaufwand beträgt laut den Schätzungen im Einrichtungsleitfaden von Flowella etwa 50 Minuten aktive Arbeit, plus bis zu 24 Stunden, während Meta Ihre Vorlage prüft.

​

Bevor Sie beginnen

• Lesen Sie Bevor Sie beginnen und halten Sie Ihre Zugänge zu Meta und HubSpot bereit.
• Die Unternehmensverifizierung bei Meta muss abgeschlossen sein, bevor Sie in Meilenstein 3 einen Flow erstellen können. Siehe Unternehmensverifizierung.
• Halten Sie Ihr eigenes Telefon mit WhatsApp bereit, und zwar mit einer privaten Nummer statt der Unternehmensnummer, die Sie verbinden.
• Wählen oder erstellen Sie ein kurzes HubSpot-Marketingformular zum Testen. Fügen Sie ein E-Mail-Feld hinzu: HubSpot verwendet die E-Mail-Adresse, um eine Formularübermittlung einem Kontakt zuzuordnen.
• Meilenstein 6 benötigt HubSpot-Workflows, die in den Tarifen Professional und Enterprise von HubSpot enthalten sind. Ohne sie endet das Tutorial bei Meilenstein 5.

Wenn WhatsApp und HubSpot bereits verbunden sind, springen Sie zu Meilenstein 3.

​

Wie die Teile zusammenpassen

Das Diagramm zeigt die Reihenfolge, in der ein Flow erstellt, genehmigt, gesendet und an HubSpot zurückgegeben wird.

​

Meilenstein 1: WhatsApp und HubSpot verbinden

Etwa 16 Minuten. Prüfen, ob es funktioniert hat: Oben in der App zeigen die Status-Chips WhatsApp und HubSpot beide Connected an. Auf einem kleinen Bildschirm prüfen Sie Settings → WhatsApp (Meta), wo Ihre Nummer unter Connected WhatsApp numbers aufgeführt ist, und Settings → HubSpot, wo Connected angezeigt wird. Weitere Details zu jedem Schritt finden Sie unter Flowella einrichten.

​

Meilenstein 2: Ihre erste Nachricht senden

Etwa 2 Minuten.

1. Senden Sie von Ihrem Telefon eine beliebige WhatsApp-Nachricht an Ihre Unternehmensnummer. Dadurch öffnet sich das 24-Stunden-Fenster, Metas Kundenservice-Fenster, in dem Sie ohne Vorlage antworten können.
2. Öffnen Sie in Flowella den Inbox und wählen Sie die neue Konversation aus.
3. Geben Sie eine Antwort in Type a message… ein und drücken Sie die Eingabetaste.

Prüfen, ob es funktioniert hat: Die Antwort kommt auf Ihrem Telefon an. Mehr über Konversationen erfahren Sie unter Inbox.

​

Meilenstein 3: Den Flow erstellen

Etwa 15 Minuten.

1. Erstellen oder wählen Sie in HubSpot Ihr Test-Marketingformular. Flowella konvertiert einzeilige Textfelder, mehrzeilige Textfelder sowie Felder für E-Mail, Telefon, Zahl, Dropdown, Optionsfeld, Kontrollkästchen und Datum und macht aus Dateifeldern eine Fotoauswahl. Felder, die es nicht konvertieren kann, lässt es weg, und ein nicht konvertierbares Pflichtfeld stoppt die Synchronisierung.
2. Öffnen Sie in Flowella Flows. Flowella aktualisiert die Liste der HubSpot-Formulare, wenn Sie die Seite öffnen. Wenn Ihr Formular nicht aufgeführt ist, wählen Sie die Aktualisierungsschaltfläche oben auf der Seite.
3. Suchen Sie Ihr Formular und wählen Sie in der Spalte WhatsApp Flow die Option Create WA Flow. Die Schaltfläche zeigt Syncing… an, während Flowella den Flow erstellt und in Ihrem WABA veröffentlicht.

Prüfen, ob es funktioniert hat: Die Zeile zeigt Created an, oder Updated, wenn Ihr WABA bereits einen Flow mit demselben Namen hatte, und die Schaltfläche ändert sich zu Sync WA Flow. Wählen Sie Open in Meta, um eine Vorschau des Flows anzuzeigen. Der Flow hat einen Bildschirm mit den Fragen Ihres Formulars, betitelt mit dem Namen des Formulars, gefolgt von einem Dankesbildschirm. Flowella hat keinen Flow-Editor: Um die Fragen später zu ändern, bearbeiten Sie das Formular in HubSpot und wählen dann Sync WA Flow. Siehe Flows und Best Practices für das Formulardesign.

​

Meilenstein 4: Den Flow einer Vorlage hinzufügen

Etwa 5 Minuten, danach die Prüfung durch Meta. Kontakte öffnen einen Flow über eine Flow-Schaltfläche in einer Vorlagennachricht, daher benötigt der Flow eine Vorlage. Nutzen Sie eine der beiden Optionen und reichen Sie die Vorlage dann ein.

​

Option A: auf der Seite Flows beginnen

Nach der ersten erfolgreichen Synchronisierung Ihrer Organisation zeigt Flowella Your form is now a WhatsApp Flow an. Wählen Sie Create template with this Flow. Wenn Sie den Dialog nicht sehen, wählen Sie stattdessen Create template in der Zeile des Formulars. Der Vorlageneditor öffnet sich mit einer Flow-Schaltfläche, die bereits mit Ihrem Flow verbunden ist. Ihr Schaltflächentext lautet Continue und kann geändert werden. Schreiben Sie die Nachricht, wählen Sie eine Category und geben Sie einen Template name aus Kleinbuchstaben, Ziffern und Unterstrichen ein.

​

Option B: mit der Flowella-Startervorlage beginnen

1. Wählen Sie unter Templates die Option New template und dann View starters unter Flowella Templates.
2. Suchen Sie flowella_start_flow und wählen Sie Use this starter. Die Nachricht lautet Hi {{1}}, tap below to complete a short form and we will get back to you. und die Flow-Schaltfläche lautet Open form.
3. Wählen Sie im Feld WhatsApp Flow der Schaltfläche Ihren Flow aus. Flows werden unter dem Namen des HubSpot-Formulars aufgeführt, aus dem sie stammen.
4. Ändern Sie unter Body variables den Fallback value für {{1}} von Alex in etwas, das für alle passt, zum Beispiel there. Flowella sendet diesen Wert, wenn ein Kontakt keinen Vornamen hat.

Die Startervorlage verwendet die Kategorie Marketing. Wählen Sie vor dem Einreichen die Kategorie, die zu Ihrer Nachricht passt. Siehe Preise und WhatsApp-Nachrichtenkategorien.

​

Die Vorlage bei Meta einreichen

1. Wählen Sie Save draft.
2. Wählen Sie Publish Template, prüfen Sie die Kategorie und wählen Sie dann erneut Publish Template, um die Vorlage bei Meta einzureichen. Wenn die Nachricht Variablen wie {{1}} enthält, geben Sie zuerst für jede einen Fallback value an. Meta prüft ihn als Beispielwert der Variable. Siehe Vorlagenvariablen.
3. Warten Sie, bis sich der Status von Pending zu Approved ändert. Laut Meta kann eine Entscheidung bis zu 24 Stunden dauern.

Prüfen, ob es funktioniert hat: Der Status der Vorlage ist Approved. Wenn Meta sie ablehnt, siehe Vorlage abgelehnt.

​

Meilenstein 5: Den Flow auf Ihrem Telefon testen

Etwa 3 Minuten.

1. Öffnen Sie Ihre genehmigte Vorlage und wechseln Sie zum Tab Send.
2. Wählen Sie unter Test Template Ihr Country, geben Sie Ihre WhatsApp Number ein und füllen Sie eventuelle Vorlagenvariablen aus.
3. Wählen Sie Send Test.
4. Öffnen Sie auf Ihrem Telefon die Nachricht und tippen Sie auf die Flow-Schaltfläche. Füllen Sie das Formular mit Ihrer eigenen E-Mail-Adresse aus und senden Sie es ab.

Prüfen, ob es funktioniert hat:

• WhatsApp zeigt den Dankesbildschirm mit der Dankesnachricht Ihres HubSpot-Formulars an.
• Im Inbox von Flowella zeigt die Konversation eine Karte mit Ihren Antworten, markiert mit Response sent. Der Titel der Karte ist der Text der Flow-Schaltfläche oder Flow response.
• In HubSpot hat das Formular eine neue Übermittlung von einer Seite, die nach dem Formular benannt ist, zum Beispiel WhatsApp Flow · Contact us. HubSpot aktualisiert die Kontakteigenschaften, denen das Formular zugeordnet ist.
• Die Timeline des Kontakts zeigt ein Ereignis Form Completed mit einem Link View submission.

Flowella übermittelt die Antworten an das ursprüngliche HubSpot-Formular. Die Übermittlung und die Kontakteigenschaften erscheinen in HubSpot so, als wäre das Formular auf Ihrer Website ausgefüllt worden.

​

Meilenstein 6: Den Flow aus einem HubSpot-Workflow senden

Etwa 10 Minuten. Prüfen, ob es funktioniert hat:

• Die Vorlage kommt auf Ihrem Telefon an, und der Workflow-Verlauf des Kontakts zeigt die Aktion Send WhatsApp Template als abgeschlossen an. Flowella schließt die Aktion ab, wenn WhatsApp den ersten Status der Nachricht meldet, normalerweise “gesendet”.
• Nachdem Sie den Flow ausgefüllt haben, geht der Kontakt über den Schritt Delay until event hinaus weiter, und die Übermittlung erscheint wie in Meilenstein 5 beim HubSpot-Formular.
• Im Einrichtungsleitfaden ist Send a template from HubSpot abgehakt.

Form Completed wird nur ausgelöst, wenn jemand einen WhatsApp Flow über Flowella absendet, niemals bei Website-Übermittlungen desselben Formulars. Vollständige Workflows nach diesem Muster finden Sie in den Workflow-Leitfäden.

​

Fehlerbehebung

​

Verwandt