Campo telefonico
Raccogli i numeri di telefono con precisione e precisione. Dai formati internazionali alla formattazione automatica con convalida in tempo reale, modelli personalizzati e tastiere ottimizzate per dispositivi mobili, il campo Telefono garantisce una raccolta accurata dei numeri di telefono con input intuitivo e formattazione professionale.
Raccolta di smartphone con formattazione automatica
Perfetto per:
Funzionalità potenti per ogni caso d'uso
🌍 Formati di telefono multipli
Quattro opzioni di formato:
Formato internazionale: formato flessibile che si adatta agli standard telefonici di qualsiasi Paese. Accetta vari formati internazionali, come +1 (123) 456-7890 o +44 1234 567890.
- Formato USA – (123) 456-7890 – Formato standard nordamericano con parentesi e trattini automatici.
- Formato UK: 01234 567890 – Formato britannico con spazio dopo il prefisso.
- Formato personalizzato: definisci il tuo schema utilizzando 9 per le cifre e simboli per i separatori (ad esempio, +99 999-999-9999).
Perché il formato è importante:
- Garantisce la coerenza tra gli invii
- Migliora la qualità e la leggibilità dei dati
- Soddisfa le aspettative degli utenti in base alla regione
- Semplifica la convalida del numero di telefono
Segnaposto intelligenti:
Il testo segnaposto specifico del formato viene visualizzato automaticamente per guidare gli utenti nel formato previsto.
⌨️ Formatta mentre digiti
Formattazione automatica in tempo reale
Abilita "Formatta durante la digitazione" e osserva come i numeri di telefono vengono formattati automaticamente mentre gli utenti inseriscono le cifre. Parentesi, spazi e trattini vengono visualizzati in tempo reale.
Come funziona:
- Tipi di utente: 1234567890
- Spettacoli sul campo: (123) 456-7890 (per il formato USA)
- L'invio riceve un numero formattato correttamente
Vantaggi:
- Feedback visivo immediato
- Gli utenti vedono immediatamente il formato corretto
- Riduce gli errori di input
- Esperienza utente professionale
- Nessuna formattazione necessaria dopo l'invio
Esempi di formato:
- Stati Uniti: (123) 456-7890 formati mentre digiti
- Regno Unito: 01234 567890 formati con spazio
- Personalizzato: segue il tuo schema definito
📱 Input ottimizzato per dispositivi mobili
- Tastierino numerico su cellulare
- I campi relativi al numero di telefono attivano automaticamente il tastierino numerico sui dispositivi mobili. Gli utenti possono contare su una tastiera ottimizzata per smartphone anziché sul layout QWERTY completo.
- Perché è importante:
- Inserimento più rapido del numero di telefono sul cellulare
- Riduce gli errori di battitura
- Migliore esperienza utente mobile
- Corrisponde alle app native del telefono
- Tasti numerici più grandi per una maggiore precisione al tocco
Compatibilità tra dispositivi:
Funziona perfettamente su iOS, Android e tutti i browser mobili con supporto nativo per la tastiera numerica.
🎯 Modelli di formato personalizzati
Definisci il tuo formato
Hai bisogno di un formato non incluso? Crea modelli personalizzati utilizzando una semplice notazione:
Sintassi del modello:
- Usa `9` per qualsiasi cifra
- Utilizzare simboli come separatori (parentesi, trattini, spazi, punti)
- Esempio: `(999) 999-9999` diventa `(123) 456-7890`
Modelli personalizzati comuni:
- Australia: `99 9999 9999` → `02 1234 5678`
- Germania: `+49 999 999 9999` → `+49 123 456 7890`
- Giappone: `999-9999-9999` → `123-4567-8901`
- Qualsiasi paese: definisci il formato esatto
Anteprima dal vivo:
Scopri come apparirà il tuo formato personalizzato con esempi di numeri di telefono prima che gli utenti lo vedano.
📏 Validazione della lunghezza
Controllo della lunghezza minima e massima
Imposta il numero minimo e massimo di cifre consentite. Assicurati che i numeri di telefono soddisfino i tuoi requisiti con la convalida integrata del browser.
Conteggio intelligente delle cifre:
La convalida della lunghezza conta solo le cifre, ignorando i caratteri di formattazione come parentesi, spazi e trattini.
Esempi:
- Cellulare USA: Min 10, Max 10 (esattamente 10 cifre)
- Internazionale: Min 7, Max 15 (copre la maggior parte dei paesi)
- Numeri locali: Min 7, Max 7 (7 cifre locali)
- Flessibile: Min 10, Max 15 (vari formati)
Convalida in tempo reale:
Se il numero di telefono è troppo corto o troppo lungo, viene visualizzato un feedback visivo, impedendo invii non validi.
✅ Numeri di telefono predefiniti
Precompilare i campi del telefono
Imposta un numero di telefono predefinito che verrà visualizzato al caricamento del modulo. Utile per linee di supporto, numeri di telefono della sede centrale o contatti comuni.
Casi d'uso:
- Precompilare la hotline di supporto per le richieste di richiamata
- Mostra il numero della sede centrale come esempio
- Imposta il prefisso predefinito per i moduli specifici per regione
- Precompilare il numero di telefono dell'utente noto dal database
Impostazioni predefinite modificabili:
Gli utenti possono facilmente modificare o sostituire il valore predefinito: si tratta di un punto di partenza, non di un valore bloccato.
🙈 Modalità Campo Nascosto
Memoria invisibile del telefono
Crea campi telefonici nascosti, non visibili agli utenti, ma che consentono di inviare i dati tramite il modulo. Perfetto per il monitoraggio, i numeri di sistema o i valori di backend.
Casi d'uso:
- Memorizza i numeri di richiamata del sistema
- Identificatori della linea di supporto della traccia
- Includi estensioni di reparto
- Metadati di contatto nascosti
Come funziona:
Imposta il "Valore nascosto" e questo verrà automaticamente incluso in ogni invio di modulo senza apparire nell'interfaccia utente del modulo.
🔀 Logica condizionale
Visibilità dinamica del campo telefonico
Mostra o nascondi i campi relativi al numero di telefono in base ad altri valori del modulo. Crea moduli intelligenti che si adattano alle selezioni dell'utente.
Regole logiche avanzate:
- Logica AND: tutte le condizioni devono essere soddisfatte
- Logica OR: qualsiasi condizione può attivare l'azione
- 8 operatori: uguale, diverso, maggiore, minore, contiene, è vuoto e altro ancora
Casi d'uso:
- Mostra "Numero di cellulare" solo quando la preferenza di contatto è uguale a "Telefono"
- Visualizza "Telefono alternativo" quando il tipo di utente è "Azienda"
- Nascondi "Interno ufficio" quando la posizione dell'ufficio non è selezionata
- Mostra "Contatto di emergenza" quando il tipo di partecipante è uguale a "Minore"
🎯 Esperienza utente migliorata
Funzionalità intelligenti integrate:
- Tipo di input Tel: attiva il tastierino numerico sui dispositivi mobili
- Supporto per il completamento automatico: i browser possono suggerire numeri di telefono salvati
- Formattazione in tempo reale: visualizza il formato mentre digiti (facoltativo)
- Convalida del formato: assicura che i numeri corrispondano al modello previsto
- Convalida obbligatoria: rendere obbligatoria l'immissione del telefono con messaggi di errore chiari
- Esempi di segnaposto: mostra suggerimenti sul formato prima che gli utenti digitino
- Supporto tramite testo di aiuto: aggiungi descrizioni per chiarire il tipo di telefono necessario
- Classi CSS personalizzate: applica uno stile personalizzato in base al tuo marchio
- Supporto per l'accessibilità: etichette ARIA e compatibilità con i lettori di schermo
Configurazione semplice in 3 passaggi
Prepara il tuo campo telefonico in pochi minuti
Aggiungi il campo Telefono
Trascina e rilascia il campo Telefono dalla sezione Campi di base nel tuo modulo.
Scegli il formato
Seleziona il formato del telefono (Internazionale, USA, Regno Unito o Personalizzato). Per personalizzare, definisci il tuo schema utilizzando 9 cifre.
Configura opzioni
Abilita "Formatta mentre digiti" per la formattazione in tempo reale, imposta la convalida della lunghezza minima/massima e, facoltativamente, aggiungi un numero di telefono predefinito.
."🎉 Ecco fatto! Il campo del tuo numero di telefono è pronto con formattazione e convalida intelligenti.
Applicazioni del mondo reale
Moduli di contatto
* Numero di contatto principale
* Numeri di telefono alternativi
* Numeri di ufficio e di cellulare
* Campi di contatto di emergenza
Sistemi di prenotazione
* Numeri di conferma dell'appuntamento
* Dettagli di contatto per la prenotazione
* Numeri di richiesta di richiamata
* Numeri di notifica SMS
E-Commerce
* Ordina numeri di contatto
* Numeri di telefono per la consegna
* Richiamate del servizio clienti
* Notifiche sullo stato dell'ordine
Applicazioni aziendali
* Numeri di telefono per l'acquisizione di lead
* Contatti per richieste di vendita
* Richieste di partnership
* Dettagli di contatto del fornitore
Assistenza sanitaria e servizi
* Numeri di contatto dei pazienti
* Dettagli di contatto di emergenza
* Promemoria appuntamenti
* Richieste di richiamata del servizio
Istruzione e registrazione
* Informazioni di contatto dello studente
* Numeri dei genitori/tutori
* Contatti di emergenza
* Richiami di richiesta di informazioni sui corsi
Completa le opzioni del campo
Configurazione di base
- Etichetta del campo: il titolo mostrato sopra il campo del telefono
- Descrizione/Testo di aiuto – Ulteriori indicazioni per gli utenti
- Campo obbligatorio: rendere obbligatoria l'immissione del numero di telefono
- Testo segnaposto: testo di suggerimento personalizzato (generato automaticamente dal formato se vuoto)
Formato telefono
- Che aspetto dovrebbero avere i numeri di telefono?
- Formato internazionale (varia a seconda del paese)
- Formato USA: (123) 456-7890
- Formato UK: 01234 567890
- Formato personalizzato (definisci il tuo)
Modello di formato personalizzato
- Formato personalizzato: definisci il modello utilizzando 9 cifre (mostrato quando è selezionato Personalizzato)
- Esempio: `(999) 999-9999` crea `(123) 456-7890`
- Utilizzare simboli come separatori: parentesi, trattini, spazi, punti
Opzioni di formattazione
Formatta mentre digiti: aggiungi automaticamente parentesi, spazi e trattini durante la digitazione
Valori standard
Valore predefinito: numero di telefono precompilato al caricamento del modulo
Validazione della lunghezza
- Lunghezza minima: numero minimo di cifre richieste (0-20)
- Lunghezza massima: numero massimo di cifre consentito (0-20)
Anteprima del formato
Formato di esempio: anteprima in tempo reale che mostra come appariranno i numeri di telefono con il formato selezionato
Logica condizionale
- Abilita logica condizionale: mostra/nascondi in base alle condizioni
- Tipo logico
- Tutte le condizioni devono essere soddisfatte (E)
- Qualsiasi condizione può essere soddisfatta (OR)
- Regole di condizione
- Mostra/Nascondi – Azione da intraprendere
- Campo – Quale campo controllare
- Operatore – Uguale, Non uguale, Contiene, Maggiore di, Minore di, È vuoto, Non è vuoto
- Valore – Valore di confronto
- Condizioni multiple: aggiungi regole illimitate
Opzioni avanzate
- Modalità Campo Nascosto: rende il campo invisibile ma include il valore negli invii
- Classi CSS personalizzate: applica stili personalizzati
- Attributi di accessibilità: etichette e descrizioni ARIA
- Completamento automatico: abilita i suggerimenti sui numeri di telefono del browser
Perché scegliere il nostro campo telefonico?
✅ Formati flessibili – Modelli internazionali, statunitensi, britannici o personalizzati
✅ Formattazione automatica – Formattazione in tempo reale durante la digitazione da parte dell’utente
✅ Mobile ottimizzato – Tastierino numerico sui dispositivi mobili
✅ Validazione intelligente – Lunghezza min/max con conteggio delle cifre
✅ Modelli personalizzati – Definisci qualsiasi formato per qualsiasi paese
✅ Di facile utilizzo – Esempi di formato e segnaposto utili
✅ Dati puliti – Formattazione coerente tra gli invii
✅ Professionista – L’aspetto lucido corrisponde alle aspettative
✅ Perfetta integrazione con Qapter – Funziona perfettamente con tutte le funzionalità del modulo
Domande frequenti
D: Qual è la differenza tra i formati dei telefoni?
Internazionale accetta vari formati con prefissi nazionali. Gli Stati Uniti formattano i numeri come (123) 456-7890. Il Regno Unito formatta i numeri come 01234 567890. La modalità Personalizzata consente di creare il proprio schema utilizzando 9 cifre.
D: Come funziona "Formatta mentre digiti"?
Quando gli utenti digitano cifre, il campo inserisce automaticamente i simboli di formattazione. Digitando 1234567890, il risultato diventa istantaneamente (123) 456-7890.
D: Posso raccogliere numeri di telefono internazionali?
Sì. Seleziona il formato internazionale per consentire numeri con prefissi internazionali come +1, +44, +91 e altri.
D: A cosa serve il modello di formato personalizzato?
Definisce la struttura esatta del numero di telefono. Usa 9 per le cifre richieste e aggiungi simboli come spazi o trattini.
D: Come funziona la convalida della lunghezza?
La lunghezza minima e massima contano solo le cifre, non la formattazione. Se si imposta Min 10 e Max 10, gli utenti devono inserire esattamente 10 cifre.
D: Perché utilizzare il campo telefono invece di un campo di testo?
Attiva le tastiere numeriche dei dispositivi mobili, supporta la formattazione automatica, convalida la struttura e consente il completamento automatico del browser per i numeri memorizzati.
D: Gli utenti possono modificare i numeri di telefono formattati automaticamente?
Sì. Gli utenti possono aggiungere o rimuovere liberamente cifre e la formattazione verrà modificata automaticamente.
D: Cosa succede se la formattazione è disabilitata?
Gli utenti digitano cifre semplici senza formattazione automatica, ma i segnaposto e la convalida della lunghezza guidano comunque l'inserimento corretto.
D: Posso convalidare specifici modelli di telefono?
Sì. Combina formati personalizzati con limiti di cifre minime/massime per adattarli a qualsiasi standard regionale.
D: Funziona con i link WhatsApp o SMS?
Sì. I numeri inviati possono essere utilizzati per generare link WhatsApp o SMS cliccabili nelle notifiche.
D: Posso mostrare formati di telefono diversi per Paesi diversi?
Sì. Utilizza la logica condizionale per visualizzare i formati in base al Paese selezionato.
D: Cosa succede se il formato del mio Paese non è elencato?
Crea il tuo formato personalizzato. Usa 9 cifre come segnaposto e visualizza l'anteprima dell'aspetto finale in tempo reale.
