Skip to main content
Ogni campo del vostro form HubSpot diventa un componente in un WhatsApp Flow e Meta limita quanto testo dell’etichetta ciascun componente può visualizzare. Le etichette più lunghe del limite vengono tagliate sul telefono del cliente, in modo particolarmente evidente su iPhone. Il Flow viene comunque pubblicato e le risposte raggiungono correttamente HubSpot. L’unica conseguenza è visiva, motivo per cui è facile da perdere finché un cliente reale non apre il form. Questa pagina spiega come costruire form HubSpot che si leggono bene su ogni dispositivo.

​
La versione breve

Mantenete brevi le etichette

Puntate a 20 caratteri o meno sui campi a discesa e di testo. Sono circa tre parole brevi.

Usate i pulsanti radio per elenchi brevi

Sotto le otto opzioni si legge meglio come pulsanti radio che come menu a discesa, e vi dà un’etichetta più lunga.

Mettete le domande lunghe sopra il campo

Utilizzate un elemento di rich text per la domanda e mantenete breve l’etichetta del campo stessa.

Testate su un iPhone

Android è più tollerante. Se si legge correttamente su iPhone, si legge correttamente ovunque.

​
Cosa succede alle vostre etichette di campo

Ogni tipo di campo HubSpot mappa a un componente WhatsApp Flow e ogni componente ha la propria quota di etichette. I campi che le persone usano di più sono i più stretti. Le etichette delle opzioni all’interno di un menu a discesa, gruppo radio o gruppo di caselle di controllo ottengono 30 caratteri ciascuna, con 300 caratteri disponibili per una descrizione opzionale sottostante.
Queste sono linee guida piuttosto che limiti rigidi. Il costruttore Flow di Meta mostra un avviso, non un errore, e un Flow con etichette lunghe viene convalidato e pubblicato normalmente. Nulla è rotto e non vengono persi dati. L’etichetta viene semplicemente accorciata sullo schermo.

​
Perché sembra andare bene su un telefono e sbagliato su un altro

I conteggi di caratteri sopra sono una guida, non una soglia precisa. Ciò che decide effettivamente se un’etichetta viene tagliata è quanto spazio ha il testo una volta che il dispositivo ha preso la sua parte per padding, la freccia su un menu a discesa e l’impostazione della dimensione del carattere del cliente. Questo varia molto. La stessa domanda di 33 caratteri può essere visualizzata per intero su un dispositivo Android, perdere l’ultima parola su un altro ed essere tagliata a metà parola su due righe su un iPhone. Le conseguenze pratiche:
  • iPhone è la superficie più rigida. Progettate per esso e il resto seguirà.
  • Testare su un dispositivo non basta. Un form che sembra corretto sul vostro telefono può comunque essere tagliato per una grande parte del vostro pubblico.
  • Gli script non latini e i caratteri larghi esauriscono lo spazio prima. Se raccogliete in arabo, hindi, thailandese o turco, trattate i conteggi di caratteri sopra come generosi e puntate più corto.

​
Scegliere il tipo di domanda giusto

La maggior parte dei problemi di troncamento deriva dall’uso di un menu a discesa dove un menu a discesa non è mai stato il controllo giusto.
Impostate il campo su Selezione radio in HubSpot. Ottenete un’etichetta di 30 caratteri invece di 20, l’etichetta si trova sopra le opzioni come blocco di testo che va a capo piuttosto che essere schiacciato all’interno del controllo, e il cliente risponde con un tocco invece di apri, scorri, seleziona, chiudi.Questa è la raccomandazione di Meta stessa e risolve da sola la maggior parte delle etichette tagliate.
Gli elenchi lunghi appartengono a un menu a discesa. Un elenco di paesi o un catalogo di prodotti come venti pulsanti radio è un muro di testo.Un menu a discesa contiene fino a 200 opzioni. I gruppi radio e di caselle di controllo sono limitati a 20, quindi qualsiasi cosa più lunga deve essere un menu a discesa indipendentemente da come si legge l’etichetta.
Caselle di controllo multiple in HubSpot diventa un gruppo di caselle di controllo, con la stessa quota di etichetta di 30 caratteri dei pulsanti radio e lo stesso tetto di 20 opzioni.
Un menu a discesa con due opzioni è il caso peggiore: la quota di etichetta più stretta sull’elenco più breve possibile e due tocchi per rispondere a una domanda che ne merita uno.

​
Scrivere etichette che si adattano

Un WhatsApp Flow è una conversazione, non un modulo cartaceo. Le etichette brevi si leggono meglio qui anche dove c’è spazio per di più. Alcune regole che mantengono strette le etichette senza perdere significato:
  • Eliminate le impalcature di cortesia. “Per favore selezionate il vostro” e “Qual è il vostro” non aggiungono nulla su un telefono.
  • Usate un sostantivo, non una domanda, dove la risposta è ovvia dalle opzioni.
  • Spostate i dettagli nel testo di aiuto del campo o in una descrizione dell’opzione piuttosto che nell’etichetta.
  • Mettete il contesto condiviso nell’intestazione della schermata invece di ripeterlo in ogni etichetta.

​
Quando la domanda deve genuinamente essere lunga

Alcune domande non possono essere abbreviate senza cambiare ciò che state chiedendo. Una domanda di qualificazione, una domanda di consenso o qualsiasi cosa con un requisito di formulazione legale ha bisogno del suo testo completo. Per questi, mettete la domanda sopra il campo e mantenete l’etichetta del campo minima:
1

Aggiungete un elemento di rich text

Nell’editor del form HubSpot, trascinate un elemento di rich text in posizione e inserite la domanda completa.
2

Aggiungete il campo sotto

Posizionate il menu a discesa, il gruppo radio o il campo di testo direttamente sotto di esso.
3

Date al campo un'etichetta minima

Un singolo punto fermo funziona. La domanda è già sopra di esso, quindi l’etichetta non sta facendo alcun lavoro.
4

Ripetete per ogni domanda lunga

Alternate rich text e campi lungo il form in modo che il pattern rimanga coerente.
Il risultato si legge come una domanda con un controllo di risposta sottostante, che è ciò che i clienti si aspettano, e si visualizza in modo identico su ogni dispositivo perché il rich text non ha vincoli di lunghezza.
Utilizzate questo pattern solo dove ne avete bisogno. Ogni elemento di rich text è un componente extra e una schermata contiene un massimo di 50. Su form molto grandi Flowella mantiene ogni input e rilascia i blocchi di rich text dalla fine della schermata per rimanere sotto il tetto di Meta, quindi alcuni testi di domande potrebbero non apparire sullo schermo. Mescolare il pattern in un form dove la maggior parte delle etichette è già breve rende anche il layout non uniforme.
Se avete già form HubSpot che utilizzano questo pattern, risincronizzateli dalla pagina di dettaglio Flows per pubblicare il testo rich text su Meta. Le esecuzioni di sincronizzazione precedenti a questa modifica prendevano solo le etichette dei campi, quindi il testo della domanda mancava dal Flow.

​
Quante domande porre

Il completamento diminuisce nettamente man mano che i form diventano più lunghi, e WhatsApp è una superficie più impaziente di una pagina web.
  • Tre o quattro domande per form è un buon obiettivo per un primo contatto. Chiedete il resto più avanti nella conversazione.
  • Un compito per schermata. Se state raccogliendo un indirizzo e una preferenza di consegna, utilizzate due schermate.
  • Dieci opzioni per schermata al massimo. Più di quello e i clienti smettono di leggere e iniziano a indovinare.
  • Dividete i form lunghi in due. Un breve form di qualificazione seguito da un secondo form condizionale di solito batte uno lungo, e vi consente di ramificare sulla prima risposta.
Vedere Cattura e qualificazione dei lead per un esempio pratico del pattern a due form.

​
Prima di sincronizzare

1

Leggete ogni etichetta come apparirà

Contate i caratteri sulle etichette dei campi a discesa e di testo. Qualsiasi cosa oltre 20 è a rischio.
2

Controllate i tipi di campo

Qualsiasi menu a discesa con meno di otto opzioni è un candidato per i pulsanti radio.
3

Sincronizzate il form e apritelo in Meta

Dalla pagina di dettaglio Flows, sincronizzate il Flow e apritelo in Meta Business Suite. L’anteprima del costruttore Flow segnala le etichette che è probabile vengano accorciate.
4

Inviatelo a un vero iPhone

L’anteprima del costruttore è una guida. Un dispositivo è l’unico vero test, e iPhone è il più rigido.
5

Controllate WhatsApp Web se il vostro pubblico lo utilizza

I controlli si visualizzano in modo diverso su un laptop. Vedere WhatsApp Web e Desktop.

​
Correlati

Flows

Sincronizzate i vostri form HubSpot con i WhatsApp Flow e controllatene lo stato.

WhatsApp Web e Desktop

Come si visualizzano i Flow quando i clienti rispondono da un laptop.

Guide ai workflow

Ricette end-to-end che mettono in atto questi pattern.

Errori di sincronizzazione HubSpot

Diagnosticate form che non si sincronizzano o sottomissioni che non arrivano mai.
Meta pubblica i vincoli sottostanti nella propria documentazione. Per il riferimento completo dei componenti, vedere Componenti WhatsApp Flows, e per la guida di progettazione di Meta vedere Best practice dei Flows.
Ultima modifica il 19 settembre 2026