Il pulsante di invio che rende peggio in quasi tutti gli studi è sempre lo stesso. Non ha un colore suo. Si confonde con la pagina. La sua etichetta è una sola parola. E funziona in modo affidabile su ogni sito che vuole meno conversioni.
Quel pulsante dice "Invia".
Non tutti i visitatori che arrivano al tuo pulsante sono pronti a cliccarlo. Alcuni stanno ancora decidendo. Altri sono nervosi. Altri cercano una rassicurazione sul fatto che compilare questo modulo valga il loro tempo. Il pulsante è spesso l'ultima impressione che decide se andranno fino in fondo. Un'etichetta generica di una parola lascia a loro il compito di trovare quella rassicurazione. Un pulsante pensato con cura e con un testo specifico toglie il dubbio.
Questo capitolo spiega che cosa cambiano davvero testo, colore e posizione del pulsante sul tasso di invio dei moduli, come il contesto del modulo influisce sul testo che funziona e come evitare gli schemi di design e di testo che fanno crollare le conversioni senza che te ne accorga.
Quale testo del pulsante influisce davvero sulla conversione
Le ricerche sui pulsanti di invito all'azione mostrano schemi costanti. I pulsanti generici come "Invia" e "Manda" rendono dal 30 al 40 per cento in meno dei testi specifici per l'azione. Un pulsante che dice "Ricevi la mia proposta gratuita" converte più di uno che dice "Invia". Un pulsante che dice "Conferma la mia iscrizione" funziona meglio di "Invia". Ma non si tratta di essere brillanti con le parole. Si tratta di essere chiari sui risultati.
Quando un visitatore passa sopra un pulsante con la scritta "Invia", risponde a una domanda implicita. Che cosa sto inviando? Dove va? Che cosa succede dopo? Non ha la risposta. Fa un'ipotesi. Il testo generico crea attrito perché costringe il visitatore a dedurre che cosa viene dopo.
Un testo specifico e orientato all'azione risponde subito a quella domanda. "Ricevi la mia proposta gratuita" dice al visitatore esattamente che cosa succede quando clicca. "Conferma la mia iscrizione" spiega il passo successivo. "Richiedi una demo" chiarisce che sta avviando una conversazione, non impegnandosi in qualcosa di ignoto.
Lo schema vale per tutti i tipi di modulo e di settore. In uno studio di un istituto di ricerca sull'usabilità sui moduli di pagamento, "Completa l'ordine" ha superato "Invia" del 25 per cento nel tasso di conversione. In un test di un software di marketing sui moduli di contatto, "Invia la mia richiesta" ha battuto "Invia" del 18 per cento. In un'analisi di test sui tassi di conversione su 50 siti e-commerce, i pulsanti con un vantaggio o un passo successivo hanno superato le azioni di una sola parola in media del 23 per cento.
Il miglioramento non è minimo. Non è un'ottimizzazione del 2 per cento. È portare il tasso di invio dei moduli dal 15 al 19 per cento. O da 300 invii al mese a 370. Il testo del pulsante è tra le modifiche a più alto impatto che puoi fare a un modulo.
Testo del pulsante per tipo di modulo
Lo stesso testo di invito all'azione non funziona per ogni modulo. Il contesto in cui qualcuno compila un modulo determina a quale testo risponde.
Moduli di iscrizione e registrazione
Quando qualcuno crea un account, si sta impegnando. La decisione di solito è presa. Non si chiede più "devo farlo?". Si chiede "funzionerà?" e "è sicuro?". Il testo del pulsante di registrazione deve confermare l'azione e offrire rassicurazione.
Schemi efficaci: "Crea il mio account", "Iniziamo", "Conferma la mia iscrizione". Evita il generico "Invia". Evita etichette che sembrano definitive o pesanti, come "Impegnati a creare l'account". Mantieni un tono leggero, che va avanti.
Per le registrazioni con password, il testo del pulsante può riconoscere l'attrito: "Crea la password e continua". Dice al visitatore che non sta creando una password senza motivo. È un passo verso qualcosa. L'azione è chiara.
Moduli di contatto e di richiesta
I moduli di contatto traggono vantaggio da un testo colloquiale e umano. Il visitatore si sta mettendo in contatto. Sta chiedendo qualcosa. Il pulsante deve suonare come se riconoscessi quella richiesta.
Schemi efficaci: "Invia la mia richiesta", "Mettiti in contatto", "Invia il mio messaggio", "Richiedi maggiori informazioni". Così il modulo sembra una conversazione, non uno scarico di dati.
Evita il linguaggio clinico o formale. Non scrivere "Inoltra richiesta". Scrivi "Invia la mia richiesta". La differenza è sottile. Uno sembra una transazione. L'altro sembra parlare con una persona.
Moduli di prenotazione e appuntamento
Quando qualcuno compila un modulo di prenotazione, l'intenzione è già confermata. Vuole l'appuntamento. Il testo del pulsante deve essere diretto e togliere ogni dubbio su ciò che viene dopo.
Schemi efficaci: "Conferma il mio appuntamento", "Prenota la mia sessione", "Fissa la mia chiamata", "Riserva il mio posto". Riconoscono che la persona ha già deciso. Il pulsante è il passaggio finale di conferma.
Evita tutto ciò che crea ambiguità. "Riserva" funziona. "Iscriviti" è meno chiaro su che cosa si sta riservando. In questa fase la chiarezza aumenta i tassi di completamento.
Moduli di pagamento
Il pagamento e-commerce è quello che ha più da perdere da un testo vago. Ogni parola qui influisce direttamente sul ricavo. Il visitatore è pronto a comprare. Non creare esitazioni.
Schemi efficaci: "Completa il mio acquisto", "Paga ora", "Finalizza l'ordine", "Acquista ora". Alcuni negozi testano testi centrati sul vantaggio come "Ricevi il mio [product name]", per rafforzare ciò che ricevono, non ciò che pagano.
Non usare mai il generico "Invia". Testa se "Completa il mio acquisto" o "Acquista ora" rende meglio con il tuo pubblico. Alcuni settori e fasce di prezzo rispondono a linguaggi diversi. Ma entrambi battono un'etichetta generica.
Moduli di feedback e sondaggio
I pulsanti dei sondaggi devono sembrare rapidi e facili. Il visitatore ti sta facendo un favore. Il testo deve riconoscerlo e farlo sembrare senza sforzo.
Schemi efficaci: "Invia il mio feedback", "Invia la mia risposta", "Condividi il mio parere". Sembrano rapidi. Evita un linguaggio che faccia sembrare il feedback una pratica formale. "Invia il mio feedback" suona più leggero di "Inoltra sondaggio".
Moduli di qualificazione dei contatti e B2B
I moduli B2B spesso richiedono più informazioni perché filtrano i contatti. Il testo del pulsante può riconoscere ciò che viene dopo senza risultare respingente.
Schemi efficaci: "Richiedi una proposta", "Fissa una consulenza", "Inizia la mia prova gratuita", "Ricevi un preventivo su misura". Chiariscono qual è il passo successivo. Il visitatore non teme di impegnarsi in qualcosa di vago.
Il design del pulsante influisce sui clic più di quanto si pensi
Il testo del pulsante è solo una parte della storia. Come appare il pulsante e dove sta nella pagina determina se qualcuno lo vede come cliccabile.
Contrasto di colore e risalto visivo
Un pulsante che si confonde con lo sfondo della pagina riceve meno clic di uno ad alto contrasto. Non si tratta di design appariscente. Si tratta di essere trovabile. Se un pulsante non si distingue dal modulo, il visitatore potrebbe non vederlo affatto.
I pulsanti efficaci hanno un contrasto di colore di almeno 4,5 a 1 rispetto allo sfondo. In pratica, il colore del pulsante deve essere nettamente diverso dallo sfondo della pagina e dagli altri elementi del modulo.
Testa che cosa funziona per il tuo brand. Alcuni brand usano un colore che si distingue già da sé. Altri usano colori caldi come arancione o rosso su sfondi freddi come grigio o bianco. Il colore specifico conta meno del contrasto. Rendi il pulsante facile da trovare.
Dimensione e spazio bianco
I pulsanti troppo piccoli non sembrano cliccabili. Quelli troppo grandi sembrano insistenti. La dimensione giusta è relativa al modulo e alla pagina. Un pulsante che occupa metà della larghezza del modulo sembra aggressivo. Uno largo 150 pixel su un modulo di contatto a tutta larghezza sembra adeguato.
Lo spazio bianco attorno al pulsante aumenta i clic. Un pulsante circondato da altri elementi del modulo si confonde. Uno con spazio libero intorno risalta e sembra cliccabile. Aggiungi spazio sopra e sotto il pulsante. Lascialo respirare.
Forma e stile del pulsante
Gli angoli arrotondati sembrano più moderni e amichevoli. Quelli netti sembrano più aziendali o tecnici. Nessuno dei due è migliore in assoluto. Testa quale stile si adatta al tuo brand e al tuo pubblico.
I pulsanti pieni con sfondo ben definito rendono meglio dei pulsanti con solo contorno o trasparenti nella maggior parte dei moduli. Un pulsante con solo contorno che segue lo stile del modulo si confonde. Uno pieno e a contrasto risalta.
Ombre ed effetti al passaggio del mouse aumentano la sensazione che qualcosa sia cliccabile. Un pulsante che cambia colore o ha uno stato visibile al passaggio mostra al visitatore che risponde all'interazione.
Dimensione del pulsante su mobile
Gli utenti mobile toccano con il pollice. Un pulsante troppo piccolo viene mancato. Le linee guida dei due principali sistemi mobile indicano un'area minima di tocco di 44 per 44 pixel e di 48 per 48 pixel. Sui moduli mobile i pulsanti devono essere abbastanza grandi perché il pollice li colpisca in modo affidabile.
Su mobile i pulsanti spesso si impilano in verticale. Un pulsante a tutta larghezza sembra più cliccabile di uno visibile solo in parte. Un pulsante fisso che resta visibile mentre scorri il modulo aumenta i tassi di completamento su mobile.
La posizione determina chi vede il pulsante
Il miglior testo e il miglior design non servono se le persone scorrono oltre senza notarlo. La posizione del pulsante nella pagina influisce sulla visibilità.
Pulsanti nella parte visibile senza scorrere
Idealmente il pulsante principale dovrebbe essere visibile su desktop senza scorrere. Se il modulo occupa quasi tutto lo schermo, può essere necessario scorrere per raggiungerlo. È inevitabile. Ma se c'è spazio nella parte visibile, metti lì il pulsante, così il visitatore non deve cercarlo.
Pulsanti fissi su mobile
I moduli mobile spesso richiedono di scorrere. Un pulsante fisso che resta visibile in fondo allo schermo aumenta i tassi di completamento. Il visitatore non perde mai di vista il pulsante mentre compila i campi. Può completare in qualsiasi momento senza scorrere fino in fondo.
Pulsanti principali e secondari
Alcuni moduli hanno più pulsanti. "Invia", "Salva come bozza", "Passo successivo". Quando hai più pulsanti, rendi dominante l'azione principale. Un pulsante principale forte deve essere chiaramente più cliccabile delle opzioni secondarie. Usa colore, dimensione o posizione per mostrare la gerarchia.
Un errore comune è rendere identici pulsante principale e secondario. Se "Annulla" e "Invia" hanno la stessa dimensione e lo stesso colore, alcuni visitatori cliccano quello sbagliato. I designer lo testano e trovano che rendere il pulsante principale più grande del 30-40 per cento di quelli secondari riduce gli annullamenti accidentali.
Il testo sotto il pulsante aumenta i completamenti
Il pulsante è solo l'ultima interazione. Il testo sotto o accanto al pulsante dà una rassicurazione dell'ultimo minuto che spinge i visitatori indecisi a cliccare.
Il testo di rassicurazione risponde all'ultima obiezione. Se il tuo modulo chiede un indirizzo email, una riga sotto il pulsante con scritto "Non condivideremo mai le tue informazioni" toglie l'ultimo motivo per non inviare. Se il modulo richiede un numero di telefono, "Niente chiamate spam, ti contatteremo entro un giorno lavorativo" costruisce fiducia.
Questo testo di rassicurazione deve essere piccolo e secondario. Non stai più vendendo. Rispondi all'ultimo dubbio. Esempi: "Ti risponderemo entro 24 ore", "I tuoi dati sono sempre protetti", "Nessuna carta di credito richiesta per iniziare la prova gratuita", "La tua privacy è la nostra priorità".
I test mostrano che il testo di rassicurazione sotto i pulsanti aumenta i tassi di completamento del 3-5 per cento nei moduli ad alto attrito. Nei moduli a basso attrito, come le newsletter, l'effetto è minore. Nei moduli B2B che chiedono molte informazioni, il testo di rassicurazione può aumentare i completamenti del 10 per cento o più.
Stati di errore e feedback di caricamento
Ciò che succede dopo il clic sul pulsante determina se il visitatore si sente sicuro del suo invio.
Stato disattivato durante l'invio
Appena qualcuno clicca il pulsante, disattivalo subito. Un pulsante disattivato evita gli invii doppi. Soprattutto, mostra al visitatore che il suo clic è stato registrato. Il pulsante dovrebbe mostrare uno stato di caricamento: "Invio in corso..." oppure un indicatore rotante o un testo animato.
Senza uno stato di caricamento, il visitatore non sa se il clic ha funzionato. Potrebbe cliccare di nuovo. Potrebbe chiudere il browser. Un ritardo di un secondo tra il clic e qualsiasi feedback sembra lungo a un utente. Mostra subito che sta succedendo qualcosa.
Testo per il recupero dopo un errore
Quando l'invio del modulo fallisce, il pulsante e il testo intorno devono spiegare che cosa è andato storto e che cosa fare dopo. Non mostrare solo un messaggio di errore in cima al modulo. Aggiorna il pulsante stesso.
Un pulsante che dice "Riprova" è più utile di "Invia" quando c'è un errore. Il testo accanto al pulsante deve spiegare con precisione che cosa non ha funzionato: "Questa email è già registrata" oppure "Compila tutti i campi obbligatori."
Rendi evidente il recupero dagli errori. Alcuni moduli evidenziano il campo con il problema. Altri mostrano messaggi di errore accanto al campo. Altri fanno entrambe le cose. Più l'errore è chiaro, più in fretta il visitatore lo corregge.
I moduli WEMASY e l'ottimizzazione del pulsante di invio
Il creatore di moduli di WEMASY ti permette di personalizzare testo, design e posizione del pulsante in base alla strategia del tuo modulo. Puoi impostare testi diversi per tipi di modulo diversi. Puoi aggiungere logica condizionale che cambia l'etichetta del pulsante in base alle risposte. Puoi personalizzare colori, dimensioni e stile dei pulsanti per adattarli al tuo brand.
Le statistiche dei moduli mostrano quali campi causano abbandono. Se il tuo pulsante ha un tasso di abbandono alto in particolare, è il segnale che testo o design vanno testati. Se i visitatori arrivano al pulsante ma non cliccano, prova testi e design diversi senza ricostruire il modulo.
Scopri come il creatore di moduli di WEMASY gestisce la personalizzazione dei pulsanti e le statistiche dei moduli. Per approfondire i testi dei moduli che portano completamenti, leggi come scrivere etichette e testi di aiuto che funzionano e che cosa causa l'abbandono dei moduli e come prevenirlo.