Vai al contenuto principale
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 non accorgersene finché un cliente reale non apre il form. Questa pagina spiega come creare form HubSpot che si leggono bene su ogni dispositivo. Per sapere come un form diventa un Flow, vedere Flows.

​
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

Meno di otto opzioni si leggono meglio come pulsanti radio che come menu a discesa, e vi danno un’etichetta più lunga.

Mettete le domande lunghe sopra il campo

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

Un compito per form

Ogni form diventa un’unica schermata. Se vi servono due compiti, usate due form.

Usate una copia solo per WhatsApp

Le modifiche a un form HubSpot lo cambiano anche sul vostro sito web. Tenete una copia separata per WhatsApp.

Testate su un iPhone

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

​
Cosa succede alle etichette dei campi

Ogni tipo di campo HubSpot corrisponde a un componente del WhatsApp Flow, e ogni componente ha il proprio limite per l’etichetta. I campi più usati sono quelli con i limiti più stretti. Le etichette delle opzioni all’interno di un menu a discesa, di un gruppo radio o di un gruppo di caselle di controllo hanno 30 caratteri ciascuna. Testo di aiuto, testo segnaposto e descrizioni delle opzioni di HubSpot non vengono trasferiti su WhatsApp, quindi ogni parola di cui il cliente ha bisogno deve trovarsi nell’etichetta, nelle opzioni o in un elemento rich text. Il rich text diventa un titolo solo quando l’intero elemento è un singolo titolo H1, H2 o H3 di 80 caratteri o meno. Tutto il resto diventa testo del corpo, che mantiene grassetto, corsivo, link ed elenchi.

​
Perché appare bene su un telefono e male su un altro

I conteggi di caratteri indicati sopra sono un’indicazione, non una soglia precisa. Ciò che determina davvero se un’etichetta viene tagliata è quanto spazio resta al testo dopo che il dispositivo ha riservato la sua parte per i margini, la freccia di un menu a discesa e l’impostazione della dimensione del carattere del cliente. Questo varia molto. La stessa domanda di 33 caratteri può essere mostrata per intero su un telefono 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ù severa. Progettate per iPhone e il resto seguirà.
  • Testare su un solo dispositivo non basta. Un form che appare corretto sul vostro telefono può comunque risultare tagliato per una parte consistente del vostro pubblico.
  • Gli alfabeti non latini e i caratteri larghi esauriscono lo spazio prima. Se raccogliete dati in arabo, hindi, thailandese o turco, considerate generosi i conteggi di caratteri indicati sopra e puntate a etichette più brevi.

​
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 era il controllo adatto.
Impostate il campo su Radio select 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 invece di essere compressa dentro il controllo, e il cliente risponde con un solo tocco invece di aprire, scorrere, selezionare e chiudere.Le best practice per i Flows di Meta raccomandano i menu a discesa solo per otto o più opzioni. Seguire questa regola risolve da sola la maggior parte delle etichette tagliate.
Gli elenchi lunghi vanno in un menu a discesa. Un elenco di paesi o un catalogo di prodotti sotto forma di 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 elenco più lungo deve essere un menu a discesa, indipendentemente da come appare l’etichetta.
Multiple checkboxes in HubSpot diventa un gruppo di caselle di controllo, con lo stesso limite di 30 caratteri per l’etichetta dei pulsanti radio e lo stesso massimo di 20 opzioni.
Un menu a discesa con due opzioni è il caso peggiore: il limite di etichetta più stretto sull’elenco più corto possibile, e due tocchi per rispondere a una domanda che ne meriterebbe uno.

​
Scrivere etichette che entrano nello spazio

Un WhatsApp Flow è una conversazione, non un modulo cartaceo. Qui le etichette brevi si leggono meglio anche dove ci sarebbe spazio per altro. Alcune regole per mantenere le etichette concise senza perderne il significato:
  • Eliminate le formule di cortesia. “Selezionate il vostro” e “Qual è il vostro” non aggiungono nulla su un telefono.
  • Usate un sostantivo, non una domanda, ogni volta che la risposta è evidente dalle opzioni.
  • Mettete i dettagli aggiuntivi in un elemento rich text sopra il campo. Testo di aiuto e descrizioni delle opzioni non appaiono in WhatsApp.
  • Mettete il contesto comune in un titolo rich text in cima al form invece di ripeterlo in ogni etichetta.

​
Date al form un nome pensato per i clienti

Il nome del form HubSpot diventa il titolo in cima alla schermata WhatsApp, quindi i clienti lo vedono. Usate un nome breve e orientato al compito, come “Prenota una richiamata”, invece di un nome interno come “Modulo contatto sito v3”. Le best practice per i Flows di Meta raccomandano l’iniziale maiuscola solo sulla prima parola per i titoli delle schermate. Scegliete il nome prima di sincronizzare. Flowella usa il nome del form per trovare il Flow in Meta, quindi rinominare il form in seguito crea un nuovo Flow e i template già creati continuano ad aprire quello vecchio. Vedere Flows.

​
Usate una copia del form solo per WhatsApp

Il Flow e il vostro sito web usano lo stesso form HubSpot. Etichette più brevi, un nome del form pensato per i clienti e il testo delle domande in rich text cambiano anche il form sul vostro sito web. Per progettare per WhatsApp senza influire sul sito web, create una copia del form in HubSpot e sincronizzate la copia. La copia ha gli stessi campi, quindi le risposte finiscono nelle stesse proprietà del contatto. I workflow che attendono Form Completed devono filtrare sul nome del form della copia.

​
Quando la domanda deve davvero essere lunga

Alcune domande non possono essere accorciate senza cambiare ciò che chiedete. Una domanda di qualificazione, una domanda di consenso o qualsiasi testo con requisiti di formulazione legale richiede il testo completo. In questi casi, mettete la domanda sopra il campo e mantenete l’etichetta del campo al minimo:
1

Aggiungete un elemento rich text

Nell’editor dei form di HubSpot, trascinate un elemento rich text nella posizione desiderata 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.
3

Date al campo un'etichetta breve

Usate una sola parola, come “Risposta”. La domanda è già sopra. Evitate un singolo punto: se manca una risposta obbligatoria, il messaggio di errore del cliente riporta l’etichetta, quindi apparirebbe “Missing required field: .”.
4

Ripetete per ogni domanda lunga

Alternate rich text e campo lungo tutto il form, in modo che lo schema resti coerente.
Il risultato si legge come una domanda con un controllo di risposta sotto, che è ciò che i clienti si aspettano. Il rich text ha molto più spazio di un’etichetta: fino a 4.096 caratteri come testo del corpo.
Usate questo schema solo dove serve. Ogni elemento rich text è un componente in più, e una schermata ne contiene al massimo 50. Se un form richiederebbe più di 50 componenti, Flowella mantiene tutti i campi di input ed elimina tutto il rich text, quindi nessun testo delle vostre domande appare. Inserire questo schema in un form dove la maggior parte delle etichette è già breve rende inoltre il layout disomogeneo.
Dopo aver modificato un form in HubSpot, selezionate Sync WA Flow nella pagina Flows per pubblicare la modifica.

​
Quante domande porre

Il tasso di completamento cala bruscamente man mano che i form si allungano, e WhatsApp è una superficie più impaziente di una pagina web.
  • Tre o quattro domande per form sono un buon obiettivo per un primo contatto. Chiedete il resto più avanti nella conversazione.
  • Un compito per form. Flowella crea ogni form come un’unica schermata, seguita da una schermata di ringraziamento. Se raccogliete un indirizzo e una preferenza di consegna, usate due form.
  • Al massimo dieci opzioni per schermata. Meta raccomanda non più di 10 opzioni per schermata. Oltre questo numero i clienti smettono di leggere e iniziano a tirare a indovinare.
  • Cinque opt-in e un selettore di foto per schermata. Sono limiti di Meta. Le caselle di controllo singole e le caselle di consenso contano entrambe come opt-in, e ogni campo di caricamento file diventa un selettore di foto. Un form che supera uno dei due limiti non si sincronizza.
  • I campi condizionali vengono sempre mostrati. WhatsApp mostra a tutti i campi dipendenti di HubSpot, subito dopo il loro campo principale. Se un campo dipendente è obbligatorio, ogni cliente deve rispondere, quindi rendete facoltativi i campi dipendenti oppure ometteteli.
  • Dividete in due i form lunghi. Un breve form di qualificazione seguito da un secondo form di solito funziona meglio di uno lungo, e vi permette di creare diramazioni in base alla prima risposta.
Vedere Acquisizione e qualificazione dei lead per un esempio pratico dello schema a due form.

​
Prima di sincronizzare

1

Leggete ogni etichetta come apparirà

Contate i caratteri delle etichette dei menu a discesa e dei campi di testo. Tutto ciò che supera 20 è a rischio.
2

Controllate i tipi di campo

Ogni menu a discesa con meno di otto opzioni è candidato a diventare pulsanti radio. Verificate che il form non abbia più di cinque caselle di controllo singole e di consenso in totale, e non più di un campo di caricamento file.
3

Sincronizzate il form e visualizzate l'anteprima

Nella pagina Flows, selezionate Create WA Flow o Sync WA Flow, poi Open in Meta per vedere l’anteprima del Flow in Meta.
4

Inviatelo a un vero iPhone

L’anteprima è un’indicazione. Un telefono è l’unico vero test, e iPhone è il più severo. Usate la scheda Test Template su un template con il pulsante Flow per inviarlo al vostro numero.
5

Controllate WhatsApp Web se il vostro pubblico lo usa

I controlli vengono mostrati in modo diverso su un laptop. Vedere WhatsApp Web e Desktop.

​
Correlati

Flows

Sincronizzate i form HubSpot con i WhatsApp Flows e controllatene lo stato.

WhatsApp Web e Desktop

Come appaiono i Flows quando i clienti rispondono da un laptop.

Ricette di workflow

Ricette end-to-end che mettono in pratica questi schemi.

Errori di sincronizzazione HubSpot

Diagnosticate form che non si sincronizzano o invii che non arrivano mai.
Meta pubblica i vincoli sottostanti nella propria documentazione. Per il riferimento completo ai componenti, vedere Componenti dei WhatsApp Flows, e per le linee guida di design di Meta vedere Best practice per i Flows.
Ultima modifica il 30 ottobre 2026