Un visitatore arriva al tuo modulo. Il primo campo chiede la sua email. Ma il tuo sito ha già la sua email da un'iscrizione precedente. Deve scriverla di nuovo. Arriva un secondo visitatore e il modulo gli chiede il paese. Le tue statistiche sanno già dove si trova. Perché chiederlo?
I moduli precompilati si completano più in fretta. I visitatori non devono reinserire informazioni che hai già. In questo articolo vedi come precompilare i moduli e quali fonti di dati puoi usare.
Perché i moduli precompilati contano
Ogni campo che un visitatore deve compilare abbassa il tasso di completamento. Se puoi compilare in automatico il 50% dei campi, il modulo sembra più corto. Il visitatore ci mette meno tempo. Meno campi di cui preoccuparsi vuol dire meno occasioni di errore.
Gli studi mostrano che i moduli precompilati hanno tassi di completamento più alti del 20-30% rispetto ai moduli vuoti. La differenza è reale.
Precompilare dai parametri dell'URL
Il modo più semplice per precompilare è passare i dati nell'URL con wemasy.it/contact?email=user@example.com&name=John. Quando la pagina si carica, JavaScript estrae i parametri e compila il modulo con const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Funziona quando rimandi a un modulo da un'altra pagina, per esempio quando una campagna email rimanda a un modulo di contatto con l'email del destinatario già compilata o quando una landing page rimanda a un modulo di iscrizione con la campagna di origine già compilata.
Fai attenzione ai dati sensibili. Non passare password o numeri di carta di credito negli URL. Passa solo dati non sensibili come email e nome.
Precompilare dalle sessioni utente
Se l'utente ha effettuato l'accesso, sai chi è e puoi precompilare email, nome, indirizzo e altre informazioni dal suo account. Sul server, prima di mostrare il modulo, usa const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Poi nel template HTML imposta <input type="text" name="name" value="<%= form.name %>">. In alternativa, in JavaScript dopo il caricamento della pagina, usa _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Questo metodo richiede che l'utente abbia effettuato l'accesso. Per i moduli pubblici usa i parametri dell'URL o dati di terzi.
Precompilare dai dati del browser
Il browser conserva dati a cui puoi accedere in due modi. Primo, localStorage ti permette di salvare dati nel browser e recuperarli dopo con localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Resta tra un caricamento di pagina e l'altro e tra una sessione del browser e l'altra, ed è utile per salvare l'avanzamento di un modulo o ricordare l'email dell'utente da una visita precedente. Secondo, i browser moderni ricordano i dati dei moduli che l'utente ha già scritto. Imposta gli attributi autocomplete e scatta il riempimento automatico del browser con <input type="email" name="email" autocomplete="email"> e <input type="text" name="name" autocomplete="name">. Il browser mostra suggerimenti e compila il campo senza bisogno di codice, e il completamento automatico aiuta soprattutto sul telefono, dove scrivere è lento.
Precompilare dalla geolocalizzazione
Puoi rilevare la posizione approssimativa dell'utente e precompilare il paese o la regione con _blocked_('https://ipapi.co/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Usa l'indirizzo IP per ipotizzare la posizione. Non è perfettamente accurato (soprattutto per chi usa una VPN) ma basta nella maggior parte dei casi. Dai sempre all'utente la possibilità di cambiarlo.
Precompilare da servizi di dati di terzi
I servizi di arricchimento dei dati possono cercare informazioni su aziende e persone a partire da un indirizzo email. Quando l'utente scrive un'email, JavaScript la invia al servizio di arricchimento, che risponde con informazioni sull'azienda, ruolo e località, e il modulo si precompila con quei dati. Richiede una chiave API e codice di integrazione, quindi è più complesso ma molto potente per i moduli B2B.
Precompilare i campi nascosti
I campi nascosti portano dati che l'utente non vede ma che il tuo backend richiede.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
Si precompilano lato server prima che il modulo venga mostrato. Usali per tracciare da dove arriva l'invio del modulo o quale campagna lo ha generato.
Precompilare i moduli in più passi
Nei moduli in più passi, precompila il passo 2 con i dati del passo 1, così l'utente non deve reinserire informazioni che ha già scritto. Dopo l'invio del passo 1, salva i dati nella sessione o in localStorage. Quando si carica il passo 2, recuperali e precompila con const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Privacy e permessi
Precompilare è comodo ma solleva questioni di privacy. Mostrare l'indirizzo email di qualcuno senza permesso sembra invadente.
Precompila solo i dati che hai il permesso di usare. Se l'utente ha effettuato l'accesso, hai il permesso. Se i dati vengono da una campagna email su cui ha cliccato, hai il permesso. Se i dati vengono da un servizio di terzi, controlla la tua informativa sulla privacy.
Lascia sempre che gli utenti cambino i valori precompilati. Non bloccarli.
Come WEMASY precompila i moduli
I moduli WEMASY supportano la precompilazione da parametri dell'URL e sessioni utente. Collegati a strumenti di automazione o ad API per precompilare da dati di terzi. Usa la precompilazione intelligente per rilevare la posizione del visitatore e altri attributi.
Scopri le funzioni di precompilazione nel tuo piano WEMASY.