Zum Hauptinhalt springen
Jedes Feld in Ihrem HubSpot-Formular wird zu einer Komponente in einem WhatsApp Flow, und Meta begrenzt, wie viel Bezeichnungstext jede Komponente anzeigen kann. Bezeichnungen, die länger als dieses Limit sind, werden auf dem Smartphone des Kunden abgeschnitten, am deutlichsten auf dem iPhone. Der Flow wird trotzdem veröffentlicht, und die Antworten kommen weiterhin korrekt in HubSpot an. Die Folge ist rein optisch. Deshalb fällt das Problem leicht erst auf, wenn ein echter Kunde das Formular öffnet. Diese Seite zeigt, wie Sie HubSpot-Formulare erstellen, die sich auf jedem Gerät gut lesen. Wie ein Formular zu einem Flow wird, erfahren Sie unter Flows.

​
Die Kurzfassung

Bezeichnungen kurz halten

Zielen Sie bei Dropdown- und Textfeldern auf höchstens 20 Zeichen. Das sind ungefähr drei kurze Wörter.

Optionsfelder für kurze Listen verwenden

Weniger als acht Optionen lesen sich als Optionsfelder besser als in einem Dropdown und geben Ihnen eine längere Bezeichnung.

Lange Fragen über das Feld setzen

Verwenden Sie ein Rich-Text-Element für die Frage und halten Sie die Feldbezeichnung selbst kurz.

Eine Aufgabe pro Formular

Jedes Formular wird zu einem einzigen Bildschirm. Wenn Sie zwei Aufgaben haben, verwenden Sie zwei Formulare.

Eine reine WhatsApp-Kopie verwenden

Änderungen an einem HubSpot-Formular ändern es auch auf Ihrer Website. Halten Sie eine separate Kopie für WhatsApp.

Auf einem iPhone testen

Android ist nachsichtiger. Wenn es auf dem iPhone korrekt aussieht, sieht es überall korrekt aus.

​
Was mit Ihren Feldbezeichnungen passiert

Jeder HubSpot-Feldtyp wird einer WhatsApp-Flow-Komponente zugeordnet, und jede Komponente hat ihr eigenes Bezeichnungslimit. Die am häufigsten verwendeten Felder sind am engsten begrenzt. Optionsbezeichnungen in einem Dropdown, einer Optionsfeld-Gruppe oder einer Kontrollkästchen-Gruppe haben jeweils 30 Zeichen. Hilfetext, Platzhaltertext und Optionsbeschreibungen aus HubSpot werden nicht nach WhatsApp übernommen. Jedes Wort, das der Kunde braucht, muss also in der Bezeichnung, den Optionen oder einem Rich-Text-Element stehen. Rich Text wird nur dann zu einer Überschrift, wenn das gesamte Element eine einzelne H1-, H2- oder H3-Überschrift mit höchstens 80 Zeichen ist. Alles andere wird zu Fließtext, der Fettdruck, Kursivschrift, Links und Listen beibehält.

​
Warum es auf einem Smartphone gut aussieht und auf einem anderen nicht

Die obigen Zeichenzahlen sind ein Richtwert, keine exakte Grenze. Ob eine Bezeichnung abgeschnitten wird, hängt tatsächlich davon ab, wie viel Platz der Text noch hat, nachdem das Gerät seinen Anteil für Innenabstände, den Pfeil eines Dropdowns und die vom Kunden eingestellte Schriftgröße abgezogen hat. Das schwankt stark. Dieselbe Frage mit 33 Zeichen kann auf einem Android-Gerät vollständig erscheinen, auf einem anderen ihr letztes Wort verlieren und auf einem iPhone mitten im Wort über zwei Zeilen abgeschnitten werden. Die praktischen Folgen:
  • Das iPhone ist die strengste Oberfläche. Gestalten Sie dafür, und der Rest folgt.
  • Ein Test auf einem Gerät reicht nicht. Ein Formular, das auf Ihrem eigenen Smartphone korrekt aussieht, kann für einen großen Teil Ihrer Zielgruppe trotzdem abgeschnitten werden.
  • Nicht-lateinische Schriften und breite Zeichen brauchen früher mehr Platz. Wenn Sie auf Arabisch, Hindi, Thai oder Türkisch erfassen, betrachten Sie die obigen Zeichenzahlen als großzügig und formulieren Sie kürzer.

​
Den richtigen Fragetyp wählen

Die meisten Probleme mit abgeschnittenen Bezeichnungen entstehen, wenn ein Dropdown verwendet wird, wo es nie das richtige Steuerelement war.
Stellen Sie das Feld in HubSpot auf Radio select. Sie erhalten eine Bezeichnung mit 30 statt 20 Zeichen, die Bezeichnung steht als umbrechender Textblock über den Optionen, statt in das Steuerelement gequetscht zu werden, und der Kunde antwortet mit einem Tippen statt mit Öffnen, Scrollen, Auswählen, Schließen.Metas Best Practices für Flows empfehlen Dropdowns erst ab acht Optionen. Allein damit lassen sich die meisten abgeschnittenen Bezeichnungen beheben.
Lange Listen gehören in ein Dropdown. Eine Länderliste oder ein Produktkatalog als zwanzig Optionsfelder ist eine Textwand.Ein Dropdown fasst bis zu 200 Optionen. Optionsfeld- und Kontrollkästchen-Gruppen sind auf 20 begrenzt, alles Längere muss also ein Dropdown sein, unabhängig davon, wie die Bezeichnung aussieht.
Multiple checkboxes in HubSpot wird zu einer Kontrollkästchen-Gruppe, mit demselben Bezeichnungslimit von 30 Zeichen wie Optionsfelder und derselben Obergrenze von 20 Optionen.
Ein Dropdown mit zwei Optionen ist der ungünstigste Fall: das engste Bezeichnungslimit bei der kürzestmöglichen Liste und zwei Tippvorgänge für eine Frage, die einen verdient.

​
Bezeichnungen schreiben, die passen

Ein WhatsApp Flow ist eine Unterhaltung, kein Papierformular. Kurze Bezeichnungen lesen sich hier besser, selbst wo mehr Platz wäre. Einige Regeln, mit denen Bezeichnungen knapp bleiben, ohne an Bedeutung zu verlieren:
  • Lassen Sie Höflichkeitsfloskeln weg. „Bitte wählen Sie Ihr” und „Wie lautet Ihr” bringen auf dem Smartphone nichts.
  • Verwenden Sie ein Substantiv statt einer Frage, wo die Antwort aus den Optionen offensichtlich ist.
  • Setzen Sie zusätzliche Details in ein Rich-Text-Element über dem Feld. Hilfetext und Optionsbeschreibungen erscheinen nicht in WhatsApp.
  • Setzen Sie gemeinsamen Kontext in eine Rich-Text-Überschrift oben im Formular, statt ihn in jeder Bezeichnung zu wiederholen.

​
Das Formular für Ihre Kunden benennen

Der Name des HubSpot-Formulars wird zum Titel oben auf dem WhatsApp-Bildschirm, Kunden sehen ihn also. Verwenden Sie einen kurzen, aufgabenbezogenen Namen wie „Rückruf vereinbaren” statt eines internen Namens wie „Website-Kontaktformular v3”. Metas Best Practices für Flows empfehlen für Bildschirmtitel Satzschreibweise. Wählen Sie den Namen vor der Synchronisierung. Flowella verwendet den Formularnamen, um den Flow bei Meta zu finden. Wenn Sie das Formular später umbenennen, entsteht ein neuer Flow, und bereits erstellte Vorlagen öffnen weiterhin den alten. Siehe Flows.

​
Eine reine WhatsApp-Kopie des Formulars verwenden

Der Flow und Ihre Website verwenden dasselbe HubSpot-Formular. Kürzere Bezeichnungen, ein kundenorientierter Formularname und Fragetexte in Rich Text ändern auch das Formular auf Ihrer Website. Um für WhatsApp zu gestalten, ohne Ihre Website zu beeinflussen, erstellen Sie in HubSpot eine Kopie des Formulars und synchronisieren Sie die Kopie. Die Kopie hat dieselben Felder, sodass die Antworten in denselben Kontakteigenschaften landen. Workflows, die auf Form Completed warten, müssen nach dem Formularnamen der Kopie filtern.

​
Wenn die Frage wirklich lang sein muss

Manche Fragen lassen sich nicht kürzen, ohne zu ändern, was Sie fragen. Eine Qualifizierungsfrage, eine Einwilligungsfrage oder alles mit rechtlich vorgegebenem Wortlaut braucht den vollständigen Text. Setzen Sie in diesen Fällen die Frage über das Feld und halten Sie die Feldbezeichnung minimal:
1

Ein Rich-Text-Element hinzufügen

Ziehen Sie im HubSpot-Formulareditor ein Rich-Text-Element an die gewünschte Position und geben Sie die vollständige Frage ein.
2

Das Feld darunter hinzufügen

Platzieren Sie das Dropdown, die Optionsfeld-Gruppe oder das Textfeld direkt darunter.
3

Dem Feld eine kurze Bezeichnung geben

Verwenden Sie ein Wort, etwa „Antwort”. Die Frage steht bereits darüber. Vermeiden Sie einen einzelnen Punkt: Wenn eine Pflichtantwort fehlt, nennt die Fehlermeldung für den Kunden die Bezeichnung, sie würde also „Missing required field: .” lauten.
4

Für jede lange Frage wiederholen

Wechseln Sie im Formular zwischen Rich Text und Feld ab, damit das Muster einheitlich bleibt.
Das Ergebnis liest sich wie eine Frage mit einem Antwort-Steuerelement darunter, genau wie Kunden es erwarten. Rich Text hat weit mehr Platz als eine Bezeichnung: bis zu 4.096 Zeichen als Fließtext.
Verwenden Sie dieses Muster nur dort, wo Sie es brauchen. Jedes Rich-Text-Element ist eine zusätzliche Komponente, und ein Bildschirm fasst höchstens 50. Wenn ein Formular mehr als 50 Komponenten benötigen würde, behält Flowella alle Eingaben und entfernt den gesamten Rich Text, sodass keiner Ihrer Fragetexte erscheint. Wenn Sie das Muster in einem Formular einsetzen, in dem die meisten Bezeichnungen bereits kurz sind, wirkt das Layout außerdem ungleichmäßig.
Nachdem Sie ein Formular in HubSpot geändert haben, wählen Sie auf der Seite Flows Sync WA Flow, um die Änderung zu veröffentlichen.

​
Wie viele Fragen Sie stellen sollten

Die Abschlussrate sinkt deutlich, je länger Formulare werden, und WhatsApp ist eine ungeduldigere Oberfläche als eine Webseite.
  • Drei oder vier Fragen pro Formular sind ein gutes Ziel für den ersten Kontakt. Stellen Sie den Rest später in der Unterhaltung.
  • Eine Aufgabe pro Formular. Flowella erstellt jedes Formular als einen einzigen Bildschirm, gefolgt von einer Dankeseite. Wenn Sie eine Adresse und eine Lieferpräferenz erfassen, verwenden Sie zwei Formulare.
  • Höchstens zehn Optionen pro Bildschirm. Meta empfiehlt nicht mehr als 10 Optionen pro Bildschirm. Bei mehr hören Kunden auf zu lesen und beginnen zu raten.
  • Fünf Opt-ins und eine Fotoauswahl pro Bildschirm. Das sind Meta-Limits. Einzelne Kontrollkästchen und Einwilligungs-Kontrollkästchen zählen beide als Opt-ins, und jedes Datei-Upload-Feld wird zu einer Fotoauswahl. Ein Formular, das eines dieser Limits überschreitet, lässt sich nicht synchronisieren.
  • Bedingte Felder werden immer angezeigt. WhatsApp zeigt die abhängigen Felder von HubSpot allen, direkt nach ihrem übergeordneten Feld. Wenn ein abhängiges Feld ein Pflichtfeld ist, muss jeder Kunde es beantworten. Machen Sie abhängige Felder daher optional oder lassen Sie sie weg.
  • Teilen Sie lange Formulare in zwei. Ein kurzes Qualifizierungsformular gefolgt von einem zweiten Formular schlägt meist ein langes, und Sie können anhand der ersten Antwort verzweigen.
Ein ausgearbeitetes Beispiel für das Muster mit zwei Formularen finden Sie unter Lead-Erfassung und Qualifizierung.

​
Vor der Synchronisierung

1

Jede Bezeichnung so lesen, wie sie erscheinen wird

Zählen Sie die Zeichen Ihrer Dropdown- und Textfeldbezeichnungen. Alles über 20 ist gefährdet.
2

Ihre Feldtypen prüfen

Jedes Dropdown mit weniger als acht Optionen ist ein Kandidat für Optionsfelder. Prüfen Sie, dass das Formular insgesamt nicht mehr als fünf einzelne und Einwilligungs-Kontrollkästchen und nicht mehr als ein Datei-Upload-Feld hat.
3

Das Formular synchronisieren und in der Vorschau ansehen

Wählen Sie auf der Seite Flows Create WA Flow oder Sync WA Flow und dann Open in Meta, um Metas Vorschau des Flows zu sehen.
4

An ein echtes iPhone senden

Die Vorschau ist ein Richtwert. Nur ein echtes Gerät ist ein verlässlicher Test, und das iPhone ist das strengste. Verwenden Sie die Karte Test Template bei einer Vorlage mit Flow-Schaltfläche, um sie an Ihre eigene Nummer zu senden.
5

WhatsApp Web prüfen, wenn Ihre Zielgruppe es nutzt

Steuerelemente werden auf einem Laptop anders dargestellt. Siehe WhatsApp Web und Desktop.

​
Verwandt

Flows

Synchronisieren Sie Ihre HubSpot-Formulare mit WhatsApp Flows und prüfen Sie ihren Status.

WhatsApp Web und Desktop

Wie Flows dargestellt werden, wenn Kunden von einem Laptop aus antworten.

Workflow-Rezepte

End-to-End-Rezepte, die diese Muster in die Praxis umsetzen.

HubSpot-Sync-Fehler

Formulare diagnostizieren, die sich nicht synchronisieren lassen, oder Übermittlungen, die nie ankommen.
Meta veröffentlicht die zugrunde liegenden Einschränkungen in seiner eigenen Dokumentation. Die vollständige Komponentenreferenz finden Sie unter WhatsApp-Flows-Komponenten, Metas Gestaltungsempfehlungen unter Best Practices für Flows.
Zuletzt geändert am 30. Oktober 2026