Wo Flows jetzt rendern
| Oberfläche | Flows rendern nativ | Anmerkungen |
|---|---|---|
| WhatsApp Mobile (iOS, Android) | Ja | Die ursprüngliche Oberfläche, volle Funktionsunterstützung |
| WhatsApp Web (web.whatsapp.com) | Ja | Modal öffnet sich inline; die Unterhaltung bleibt sichtbar |
| WhatsApp Desktop-App (Windows, macOS) | Ja | Wie Web; Modal innerhalb des Desktop-Fensters |
| WhatsApp für Linux | Teilweise | Über web.whatsapp.com in einem Browser |
| WhatsApp Business-App (ältere Versionen) | Nein auf Desktop-Begleiter | Einige Begleiter-Apps fordern den Benutzer immer noch auf, sie auf einem Telefon zu öffnen |
Die Einführung von Web/Desktop ist schrittweise erfolgt. Einige Benutzer älterer WhatsApp-Client-Versionen sehen möglicherweise noch die alte Aufforderung “Bitte auf dem Handy öffnen”. Das System schaltet gnädigerweise zurück - sie können den Flow auf ihrem Telefon abschließen, wenn sie bereit sind - aber wenn Sie dies in Tests sehen, bitten Sie den Benutzer, WhatsApp Desktop zu aktualisieren oder WhatsApp Web zu aktualisieren.
Was sich für Ihre Kunden ändert
Die praktischen Auswirkungen der Nutzung von Flows auf Web/Desktop:- Schnelleres Ausfüllen von Formularen Kunden müssen nicht mehr das Gerät wechseln, um ihre Adresse einzugeben oder ein Datum auszuwählen. Ein tippintensives Formular lässt sich auf einer Tastatur viel schneller ausfüllen.
- Höhere Ausfüllraten. Ältere Daten zeigten, dass etwa 30-40% der Flow-Öffnungen auf dem Web/Desktop wegen des Gerätewechsels abgebrochen werden. Das ändert sich wieder, wenn das Formular direkt geöffnet wird.
- Mehr Flexibilität bei längeren Formularen. Ein Flow-Formular mit 6-8 Feldern, das auf einem Mobiltelefon mühsam wäre, ist auf einer Tastatur kein Problem. Sie können weniger Formulare auf mehrere Bildschirme aufteilen.
- Kopieren/Einfügen funktioniert. Ein Kunde, der eine lange Bestellnummer, Adresse oder Mehrwertsteuernummer in ein Flow-Feld einfügt, kann dies ganz natürlich tun.
Was sich zwischen Mobile und Web/Desktop noch ändert
Es gibt visuelle und interaktive Unterschiede, die Sie bei der Gestaltung berücksichtigen sollten:Bildschirmfläche
Bildschirmfläche
Das Flow-Modal auf Web/Desktop ist ein Panel mit fester Breite innerhalb des WhatsApp-Fensters. Es ist schmaler als ein typisches Webformular und hat ungefähr die gleiche Breite wie ein mobiler Bildschirm, so dass einspaltige Layouts weiterhin am besten funktionieren. Entwerfen Sie keinen Flow, der nebeneinander liegende Felder benötigt.
Native Picker vs. benutzerdefinierte UI
Native Picker vs. benutzerdefinierte UI
Datumsauswahlfelder, Dropdowns und andere native Formularsteuerelemente verwenden auf dem Web/Desktop die Benutzeroberfläche des Desktop-Clients, die zwar anders aussieht als auf einem Telefon, sich aber genauso verhält. Testen Sie, ob Datums- oder Zeitfelder in beiden Fällen akzeptabel dargestellt werden.
Fotos und Dokumentanhänge
Fotos und Dokumentanhänge
Kunden auf dem Web/Desktop hängen Fotos oder Dokumente aus ihrem Dateisystem an, nicht aus einer Kamerarolle. Wenn Ihr Flow nach “einem Foto des Schadens” fragt und eine sofortige Kameraaufnahme erwartet, sollten Sie in der Eingabeaufforderung darauf hinweisen, dass der Kunde das Foto möglicherweise erst mit seinem Handy aufnehmen muss.
Standort-Sharing
Standort-Sharing
Die Geolokalisierung im Browser funktioniert anders als das mobile GPS. Wenn Ihr Flow einen Standort abfragt, sollten Sie mit einer geringeren Genauigkeit im Web/Desktop rechnen und eine Adresseingabe als Ausweichmöglichkeit in Betracht ziehen.
OTP-Autofill
OTP-Autofill
Auf dem Handy kann WhatsApp ein OTP aus einer aktuellen SMS automatisch ausfüllen. Auf dem Web/Desktop geschieht dies nicht - der Kunde gibt den Code manuell ein. Stellen Sie sicher, dass das Eingabefeld deutlich als “6-stelliger Code aus SMS” oder ähnlich gekennzeichnet ist.
Auswirkungen auf das Design
Wenn Flows auf dem Web/Desktop läuft, lohnt es sich, die Designentscheidungen zu überdenken:- Feldanzahl. Sie können mehr Felder pro Bildschirm verlangen, als sinnvoll war, als 30 %+ der Web-/Desktop-Benutzer aufgeben wollten. Ein Bildschirm mit 5-7 Feldern ist jetzt vernünftig.
- Adressformulare. Mehrzeilige Adressformulare (Straße, Ort, Postleitzahl, Land) funktionieren gut auf einer Tastatur. Quetschen Sie diese nicht aus Gewohnheit in eine einzige Zeile.
- Felder zum Kopieren und Einfügen. Bestellnummern, Buchungsreferenzen, Mehrwertsteuernummern - Felder, in denen sich der Kunde eher an einem Desktop als an einem Telefon befindet - können in einer einzigen Eingabezeile verbleiben, anstatt aufgeteilt zu werden.
- Bestätigungsbildschirme. Der Bestätigungsbildschirm am Ende des Vorgangs bietet jetzt mehr Platz für eine aussagekräftige Zusammenfassung. Verwenden Sie ihn, um die eingegebenen Daten zu bestätigen, nicht nur um “Danke” zu sagen.
Wie Flowella geräteübergreifend arbeitet
Aus der Sicht von Flowella ist eine Flow-Eingabe eine Flow-Eingabe, unabhängig davon, welche Oberfläche der Kunde verwendet. Die Webhook-Nutzlast, das HubSpot-Formularübermittlungsereignis und die Benachrichtigung im Posteingang sind identisch. Wenn Sie wissen müssen, welche Oberfläche der Kunde verwendet hat - für Analysen oder für die Weiterleitung - enthält der Antwort-Webhook in einigen Nachrichtentypen einen Gerätehinweis. Für die meisten Berichte ist diese Unterscheidung nicht erforderlich.Testen auf Web/Desktop
Eine kurze Checkliste für die Erstellung oder Überarbeitung eines Flow:Senden Sie den Flow an das WhatsApp-Web eines Testkontakts
Verwenden Sie Vorlagen → Test senden von Flowella oder einen Testkontakt, während WhatsApp Web auf einem zweiten Monitor oder Browser geöffnet ist.
Öffnen Sie den Flow im Web/Desktop
Bestätigen Sie, dass das Flow-Modal inline geöffnet wird und nicht mit einem Platzhalter “Auf dem Handy öffnen”.
Füllen Sie jedes Feld so aus, wie es ein echter Kunde tun würde
Verwenden Sie die Tabulatortaste zwischen den Feldern, fügen Sie lange Werte ein, wenn dies realistisch ist, und stellen Sie sicher, dass Fehlerzustände (ungültige E-Mail, fehlendes Pflichtfeld) lesbar angezeigt werden.
Datum und Dropdown-Verhalten prüfen
Öffnen Sie die Datumsauswahl, scrollen Sie durch die Dropdowns. Bestätigen Sie, dass alles, was nur auf dem Handy getestet wurde, sich auch mit der Maus natürlich anfühlt.
Ältere Clients und Fallbacks
Wenn ein Kunde eine ältere WhatsApp-Version verwendet, die keine Flows auf ihrer aktuellen Oberfläche unterstützt, zeigt WhatsApp normalerweise einen Platzhalter an, der ihn auffordert, den Chat zu aktualisieren oder auf einem Telefon zu öffnen. Der Flow selbst ist immer noch gültig - der Kunde kann ihn später abschließen, indem er den Chat auf einer unterstützten Oberfläche erneut öffnet. Für geschäftskritische Formulare gibt es zwei Sicherheitsvorkehrungen:- Fügen Sie nach dem Senden eines Flow immer eine Follow-up-Nachricht ein, in der Sie den Kunden bitten, zu bestätigen, dass er den Flow abgeschlossen hat. Wenn dies nicht der Fall ist, kann die automatische Antwort den Kunden erneut dazu auffordern.
- Stellen Sie eine angemessene Ablaufzeit für den Flow ein, damit die Einladung zum Ausfüllen des Formulars nicht auf unbestimmte Zeit liegen bleibt. Siehe Vorlagenreferenz für die Optionen zur Lebensdauer der zugrunde liegenden Vorlage.
Verwandte Anleitungen
- Formulare - wie HubSpot Formulare zu WhatsApp Flows werden
- Template-Referenz - der Template-Wrapper um einen Flow
- Inbox - wo Flow-Eingaben für Ihr Team landen