6 Pratiche di progettazione della pagina di iscrizione per moduli senza attrito
Come marketer, probabilmente ti piace pensare di capire bene le tue prospettive-chi sono, come si comportano, ecc. Quindi, se uno di loro ha visitato il tuo sito web o la pagina di iscrizione, cosa pensi che farebbero dopo?
Probabilmente registrati per il tuo servizio, giusto?
Non è sempre così, come ha scoperto un marchio. Per loro, qualcosa tra quel CTA e la loro pagina di” grazie ” stava causando l’azienda a perdere quasi un quarto dei suoi potenziali clienti.
Si è verificato un problema con la loro pagina di iscrizione.
Crea pagine di destinazione con Instapage Che cos’è una pagina di iscrizione?
Le pagine di iscrizione, note anche come” pagine di registrazione”, non sono tutte uguali. Alcuni sono pagine di destinazione post-clic PPC; altri sono collegati alla home page tramite navigazione – alcuni sono anche la home page. Nonostante le loro differenze, tutti condividono lo stesso obiettivo: generare iscrizioni per un servizio.
In molti casi, la pagina di iscrizione è l’ultimo passaggio nella canalizzazione di conversione di un’azienda. È dove i potenziali clienti navigano dopo aver valutato un marchio e deciso che il suo servizio offre ciò di cui hanno bisogno.
Per questo motivo, le pagine di iscrizione si concentrano meno sul persuadere la prospettiva a convertire e più sul minimizzare l’attrito coinvolto nel farlo. Questo focus sull’usabilità significa che altri elementi tradizionali della pagina di destinazione post-clic come prove sociali, testimonianze e media che attirano l’attenzione prendono il sedile posteriore.
Basta guardare la pagina di iscrizione di Shopify qui sotto, che si apre sulla homepage una volta fatto clic su “inizia.”
In realtà è solo una forma breve. E, come vedrai un po ‘ più tardi, la maggior parte delle pagine di iscrizione sono costruite allo stesso modo, con nient’altro che un titolo, alcuni campi del modulo e un invito all’azione.
Ma solo perché molti sono progettati in questo modo non significa che sia il modo giusto. La creazione di una pagina di iscrizione di successo è più che eliminare le distrazioni e ridurre i campi del modulo. Il compito è duplice.
Per generare il massimo delle iscrizioni, devi ridurre al minimo i passaggi necessari per la registrazione e, allo stesso tempo, sfruttare al massimo i pochi elementi che usi. Ecco alcuni suggerimenti e approfondimenti da parte degli esperti.
Utilizza un titolo orientato ai benefici
Quando una prospettiva arriva alla tua pagina di iscrizione, nella maggior parte dei casi, hanno già valutato il tuo servizio e determinato che si adatta alle loro esigenze. Ma questo significa che non dovresti ricordare loro perché sono lì?
Sotto, Copyblogger utilizza un titolo a prova di social per convincere gli utenti a registrarsi, e sopra, Shopify ricorda ai potenziali clienti che la loro prova è gratuita per 14 giorni.
Semplice è buono, ma se hai la stanza per rinforzare il tuo USP con un titolo, fallo. È probabile che avrà un impatto più positivo sulle conversioni che negativo.
Rendi tutti i tuoi campi obbligatori
Questo suggerimento è meno di richiedere ai tuoi visitatori di completare il modulo e di più su come assicurarti di aver scelto i campi giusti. Con questo intendiamo, se hai determinato che un campo del modulo è facoltativo, non hai bisogno di quell’informazione per firmare la prospettiva.
Ad esempio, un servizio come Groupon deve conoscere la tua posizione all’iscrizione per offrirti offerte e coupon pertinenti. Ma la posizione non è un’informazione cruciale per Instapage per conoscere i suoi clienti, motivo per cui non la chiediamo durante la registrazione.
Se non hai davvero bisogno di conoscere la società del tuo potenziale cliente, la loro posizione o quanti dipendenti hanno, allora non chiedere. Meno lavoro devono fare, meglio è.
Campi modulo da considerare
Alcuni campi modulo da considerare per consolidare/eliminare:
- Nome utente: I tuoi utenti hanno davvero bisogno di un nome utente per iscriversi? Oppure puoi semplicemente chiedere la loro e-mail e poi lasciare che determinino il loro nome utente una volta effettuato l’accesso?
- Conferma password: questo campo è obsoleto e necessario solo a causa del mascheramento della password, un’altra tecnica poco pratica.
Il mascheramento della password è la tecnologia che rende ogni lettera simile a un punto elenco identico quando viene inserita in un modulo. Dà l’impressione di una maggiore sicurezza, ma l’unica cosa da cui protegge davvero è la gente che sbircia sulle tue spalle.
Chiediti: le mie prospettive stanno davvero creando le loro password in un ambiente pubblico affollato? Non e ‘ probabile.
Invece di utilizzare un campo “conferma password”, consenti agli utenti di vedere cosa stanno digitando smascherando il campo “password” originale o utilizzando una funzione “mostra / nascondi”, come fa MailChimp nella loro pagina di iscrizione:
- Nome e cognome: considerare il consolidamento di nome e cognome in un unico campo “nome completo”. Oppure, basta chiedere il nome. Diamine, forse anche pensare di sbarazzarsi di esso del tutto.
In diversi esempi riportati di seguito (Buffer, Asana, Crazy Egg), le pagine di iscrizione non chiedono il nome immediatamente, ma lasciano che i loro clienti convertiti inseriscano i dettagli una volta che hanno effettuato l’accesso alla piattaforma.
- Accordo con l’utente: invece di fare clic su una casella di controllo che dichiara di accettare i termini dell’utente, considera di includere un messaggio sopra il tuo CTA come LinkedIn fa di seguito. Afferma che convertendo, l’utente acconsente automaticamente.
Crea pagine di destinazione con Instapage Se hai assolutamente bisogno di tutte quelle informazioni, chiedile nei passaggi
Guarda, a volte hai davvero bisogno di molte informazioni per registrare un nuovo utente. Le iscrizioni che richiedono il pagamento in loco richiedono moduli lunghi per acquisire informazioni sensibili come l’indirizzo di fatturazione e il numero di carta di credito. Quando ciò accade, considera di suddividere il processo di registrazione in più passaggi.
Un rapporto di Formstack mostra che l’anno scorso i moduli di registrazione multipagina hanno sovraperformato quelli a pagina singola di oltre il 9%:
Perché?
I moduli multipagina rendono la conversione meno opprimente separando il processo in diversi passaggi brevi. Più pagine significano più spazio per caratteri più grandi, campi più lunghi e etichette descrittive che potrebbero non adattarsi a una forma più breve. Inoltre, le iscrizioni a più pagine di solito sono dotate di una comoda barra di avanzamento che consente agli utenti di sapere fino a che punto sono in registrazione.
Ricorda: se è possibile accorciare il modulo eliminando alcuni campi, accorciarlo. Se non è possibile, non cercare di farlo apparire più breve da stipare tutto in una piccola quantità di spazio. Potrai solo ingombrare la tua pagina e sopraffare la tua prospettiva.
Considera l’utilizzo di una finestra modale
Per coloro che hanno un processo di iscrizione rapido, come Canva, una finestra modale offre alcuni vantaggi.
Il designer Joshua Johnson spiega perché:
Sovrappongono il contenuto corrente invece di portarti su una pagina diversa. In qualche modo è meno inquietante che essere portati via in un posto nuovo, che sembra un’interruzione. Oscurando la grafica homepage e portando un modulo di registrazione segno modale, si ottiene la sensazione che il processo sarà rapido e indolore e che sarete di nuovo alla navigazione in pochissimo tempo.
In un momento in cui gli utenti di Internet sono più impazienti che mai, dare loro l’impressione che torneranno a navigare in un istante è una grande pratica.
Crea pagine di destinazione con Instapage Abilita il riempimento automatico social
In quasi ogni esempio di pagina di iscrizione qui sotto, noterai i pulsanti di riempimento automatico social. Questi consentono agli utenti di ignorare il modulo con un solo clic importando le informazioni personali rilevanti che hanno già inviato ai social network.
Formstack ha rilevato che includendo questa funzione, gli utenti sono stati in grado di generare conversioni di moduli superiori del 189%. Inoltre, l ‘ 86% delle persone afferma che la creazione di nuovi account utente su diversi siti Web è scomoda. Quando il tuo obiettivo è rendere la conversione il più semplice possibile, sfruttare il riempimento automatico sociale è un gioco da ragazzi.
Elimina il testo segnaposto
Per convertire, i visitatori devono sapere come compilare il modulo. Ma l’uso del testo segnaposto non è il modo migliore per mostrarli.
Secondo il Nielsen Norman Group, l’aggiunta di testo grigio chiaro ai campi del modulo ha il potenziale di:
- Strain memoria a breve termine degli utenti. Quando iniziano a digitare e il testo grigio scompare, pensano a se stessi, “Quanti caratteri deve avere di nuovo la mia password?”
- Rendi invisibili i campi del modulo. I campi modulo vuoti sono in realtà più evidenti dai prospect rispetto a quelli con segnaposto.
- Irritare gli utenti tabulazione attraverso il modulo. Coloro che completano rapidamente il modulo utilizzando il pulsante ” tab ” non avranno il tempo di leggere il testo segnaposto esplicativo prima che scompaia.
- Confondere i visitatori. Potrebbero confondere il testo segnaposto con informazioni che sono state compilate automaticamente.
Per evitare confusione, includere un’etichetta sopra ogni campo che indica ai visitatori esattamente ciò di cui hanno bisogno per includere in esso. Il testo segnaposto creerà solo più attrito nella pagina di registrazione.
Crea pagine di destinazione con Instapage Come i professionisti costruiscono pagine di registrazione
Ora che sai cosa includere nella tua pagina di iscrizione, diamo un’occhiata a come i professionisti costruiscono la loro.
Questa pagina di iscrizione a LinkedIn è della varietà di landing page post-click. È autonomo, il che significa che non è collegato al sito Web dell’azienda tramite la navigazione, nemmeno nel logo.
Sopra il modulo, il titolo potrebbe trasmettere un beneficio più forte. Su di esso, quattro campi mantengono basso l’attrito. Tuttavia, combinando nome e cognome in un unico campo “nome completo”, tale attrito potrebbe essere reso ancora più basso.
Su ogni casella di testo, le lettere grigie consentono ai potenziali clienti di sapere cosa devono digitare e, al di sopra del campo “password”, quell’etichetta è ancora più specifica. Tuttavia, quel campo “password” non segue le migliori pratiche visualizzando elenchi puntati identici per ogni lettera dei tipi di prospect.
Ulteriori lettere grigie sotto l’ultimo campo del modulo consentono ai visitatori di sapere che, facendo clic su “Iscriviti ora”, accettano le condizioni d’uso di LinkedIn, la politica sulla privacy e la politica sui cookie. Che salva la prospettiva il passo in più di dover fare clic su una casella di opt-in per il consenso.
Nella call-to-action, la parola “ora” sottolinea che una volta che l’utente fa clic sul pulsante CTA, sono immediatamente parte della rete. Per quanto riguarda il pulsante stesso, potrebbe scoppiare un po ‘ di più, non credi? Un colore di sfondo o pulsante diverso potrebbe attirare più attenzione su dove l’utente deve fare clic per unirsi.
Di seguito, un pulsante” Continua con Facebook ” semplifica l’intero processo. Se si dispone di un profilo sul più grande social network del mondo, fare clic su quel pulsante per consentire riempimento automatico compilare il modulo per voi utilizzando i dati che hai già condiviso con Facebook.
Copyblogger
Ecco una pagina di iscrizione che è più di un semplice modulo. La prima cosa che le prospettive sono suscettibili di notare è che gigante, titolo sociale-proof-riempita. Tradotto, dice: “se siamo abbastanza bravi per 334.000 marketer, siamo abbastanza bravi anche per te.”
Sfrutta anche un fenomeno comunemente noto come” FOMO”, che significa ” paura di perdere.”Nessuno vuole perdere il vantaggio che 334.000 dei loro colleghi del settore hanno.
Sotto questo, un’anteprima di tutti i contenuti preziosi gratuiti che i potenziali clienti ottengono dopo la registrazione li tenta di compilare quel modulo. La forma stessa, però, potrebbe essere progettata meglio.
Eliminando il campo ” reinserisci password “e condensando nome e cognome in” nome completo”, Copyblogger potrebbe ridurre il numero di caselle di testo da 5 a 3 e, a sua volta, la quantità di attrito coinvolto nella registrazione. Al posto di quel campo “reinserisci password”, è possibile utilizzare un’opzione mostra/nascondi per garantire la precisione quando si inserisce una password.
Per ridurre ulteriormente l’attrito, le etichette all’interno di ciascun campo devono essere posizionate sopra. In questo momento, quella scritta grigia scompare quando i potenziali clienti fanno clic nella casella di testo, rendendo più facile per loro dimenticare ciò che stavano digitando.
Nel complesso, mentre alcune carenze nel modulo e un paio di link in uscita potrebbero danneggiare le conversioni su questa pagina di iscrizione, il contenuto gratuito di Copyblogger è troppo prezioso per essere ignorato.
Crazy Egg
Prima di tutto, un’azienda che si definisce “Leader” nel suo settore è come un caffè che definisce il suo caffè il migliore del mondo. Ci sono molti che lo dicono, ma pochi che possono dimostrarlo. Invece di chiamarti il migliore, esegui il backup del tuo reclamo con una statistica o citando un noto cliente che crede di essere.
Sotto quel titolo c’è un’immagine che anticipa l’intuizione che ottieni quando usi Crazy Egg, e a destra dell’immagine, tre righe di copia spiegano cosa sia questa intuizione insieme a cosa puoi fare con esso.
In questa forma super-breve, l’attrito è minimo. Il titolo sottolinea che la prova è gratuita, il pulsante si apre sullo sfondo bianco e la call-to-action è scritta in prima persona. In questo momento, l’unica cosa che impedisce a questo modulo di essere indolore è il testo segnaposto grigio distratto in ogni campo.
Di seguito, la prova sociale sotto forma di loghi dei clienti riconoscibili e il testo “Oltre 200.000 aziende convertono meglio con Crazy Egg” aumenta la persuasività di questa pagina di iscrizione.
Complessivamente, questa pagina rende la conversione un gioco da ragazzi per i visitatori.
Crea pagine di destinazione con Instapage Buffer
Quando si fa clic sul call-to-action “iscriviti gratis” sul buffer.com, la homepage si trasforma in una pagina di iscrizione distribuendo un breve modulo pop-up e oscurando il contenuto circostante.
Su quel pop-up, il processo di conversione è semplice: fai clic su uno dei tre pulsanti di accesso social per bypassare il modulo o inserisci un indirizzo email e una password. In entrambi i casi, l’attrito è minimo. L’unico modo in cui questo modulo potrebbe essere più facile da completare? Sbarazzati di quel testo segnaposto che distrae.
Asana
Al massimo, la registrazione su questa pagina da Asana richiede due clic. Con una funzione di accesso di Google, potrebbe richiedere solo uno.
Una frase sopra il modulo ti dice come completare il modulo, anche fino a quale email dovresti iscriverti.
Subito sotto, tuttavia, un campo modulo riempito con testo segnaposto grigio distrae l’utente. Ma sarà scoraggiare la gente dalla firma? Non e ‘ probabile. Questa forma è quasi senza attrito e facile da completare.
Inizia a creare una pagina di iscrizione ottimizzata con Instapage, richiedi una demo di Instapage Enterprise oggi stesso.