Le migliori pagine di contatto: come crearne una per il tuo sito web e 10 esempi che vorrai copiare

Molti marchi trascorrono mesi assicurandosi che il loro sito Web sia pulito, professionale e offra un'esperienza senza interruzioni. Il loro design è accattivante, la loro combinazione di colori è in linea con il marchio e accattivante e si assicurano di utilizzare lo spazio bianco per evidenziare gli elementi più importanti su ogni pagina. In poche parole, alcune aziende sanno come progettare un sito Web quasi perfetto.

Ma sai quale pagina web sembra spesso obsoleta, come se fosse bloccata ai vecchi tempi di Internet?

La pagina "Contattaci".

Perché le aziende dovrebbero ignorare l'unica parte del loro sito Web che può davvero fare la differenza quando si tratta di relazioni con i clienti e acquisizione di clienti? Anche se la homepage e le pagine di destinazione sono cruciali, la pagina Contattaci è altrettanto importante. Tutte le aziende dovrebbero sforzarsi di offrire la stessa esperienza piacevole e, di conseguenza, aumentare i propri tassi di conversione.

Dopotutto, il 51% delle persone pensa che a molti siti web aziendali mancano le informazioni di contatto approfondite che stanno cercando.

Le buone notizie? Abbiamo preparato suggerimenti, trucchi e 10 ottimi esempi per aiutarti a creare una pagina di contatto ad alta conversione facile da trovare e da compilare per i tuoi utenti.

I 10 migliori consigli per progettare una pagina Web di contatto efficace

1. Includi le tue informazioni di contatto nella parte superiore e inferiore di una pagina Web

Sito Web che funziona bene: Hubspot

Non costringere i tuoi visitatori a cercare la pagina dei contatti. In effetti, è una buona idea inserire le tue informazioni di contatto nel piè di pagina di ogni pagina del tuo sito. In questo modo, se un visitatore decide improvvisamente che ha bisogno di ulteriori informazioni, può mettersi immediatamente in contatto con te senza dover perdere altro tempo per cercare i tuoi dati di contatto.

Per lo meno, cerca di mantenere le informazioni di contatto più basilari, come indirizzo e-mail e numero di telefono, nella parte superiore e inferiore di ogni pagina. L'ultima cosa che vuoi, soprattutto se sei una nuova attività, è perdere potenziali clienti perché hanno impiegato troppo tempo per trovare un modo per contattarti e si sono semplicemente arresi.

Hubspot non è una nuova attività, ma invia un messaggio chiaro che la tua corrispondenza è importante per loro. Il primo livello di navigazione del menu è il pulsante Contattaci nella parte superiore della pagina. Non solo è conveniente, ma dice anche in modo subliminale alle persone che non vedono l'ora di ricevere quel contatto.

2. Prova un semplice modulo di contatto

Sito Web che funziona bene: per lo più serio

La maggior parte dei siti web delle aziende non ha bisogno di più di tre o quattro campi nel modulo di contatto. Qualsiasi cosa in più è uno spreco di tempo e pazienza dei tuoi visitatori. Non solo, ma potrebbero iniziare a sentirsi frustrati se gli viene richiesto di compilare una miriade di campi per avere solo una risposta a poche semplici domande.

L'idea che i moduli semplici abbiano successo è anche supportata dalle statistiche: se hai tre campi nel modulo di contatto, il tasso di conversione ottimale è di circa il 25 percento. Se hai 3-5 campi, il tasso di conversione scende al 20 percento e al 15 percento per sei o più campi. Il metodo KISS funziona meglio nella progettazione di moduli di contatto: Keep It Short and Simple . Rendi il più semplice possibile per i visitatori entrare in contatto con te.

Hai bisogno di un esempio di vita reale per dimostrarlo? Expedia ha eliminato solo UN campo, ma ciò ha comportato conversioni che hanno creato un profitto di $ 12 milioni. Se ti stai chiedendo quale hanno eliminato, era il campo del nome dell'azienda. Sì, solo quello. E il campo che non è davvero cruciale per le imprese, comunque.

Ma per vedere un modulo di contatto più semplice, diciamo, esteticamente gradevole in azione, dai un'occhiata a Mostly Serious. La forma pulita e organizzata si abbina alla loro estetica minimale e crea un'esperienza di comunicazione facile per gli utenti.

3. Aggiungi un invito all'azione alla tua pagina dei contatti

Sito Web che funziona bene: grano e malta

Assicurati che i tuoi visitatori si sentano facilmente in contatto con te e offri loro un'esperienza intuitiva. Metti tutto lì in modo che possano vederlo entro i primi secondi dall'atterraggio sul tuo sito web, quindi usa gli inviti all'azione per guidarli.

Dai ai tuoi visitatori indicazioni chiare e concise in modo che non perdano molto tempo a pensare a cosa fare dopo, proprio come fa Grain & Mortar nella loro pagina di contatto. Il loro CTA è semplice: parlaci della tua attività. Tuttavia, mentre Grain & Mortar è un ottimo esempio positivo di un CTA all'interno di una pagina Web di contatto, è anche un esempio negativo per la loro sezione di contatto. Chiedono il numero di telefono delle persone, ed ecco perché è una cattiva idea.

Se le persone devono condividere il proprio numero di telefono aziendale e attendere una chiamata, spesso lasceranno semplicemente la pagina dei contatti. In effetti, il 37% delle persone abbandona la pagina dei contatti quando viene richiesto il numero di telefono. Quando Expedia ha messo la parola opzionale accanto al campo del numero di telefono, ha raddoppiato il tasso di conversione, dal 42,6 percento all'80 percento!

4. Incoraggia i visitatori a esprimersi attraverso la tua pagina di contatto

Sito Web che funziona bene: costruito da Buffalo

Ai consumatori piace sapere che i loro bisogni e problemi vengono ascoltati e che i marchi agiranno per risolverli. Un servizio clienti professionale è uno strumento eccellente che può persuadere i potenziali clienti a scegliere la tua attività rispetto ai concorrenti.

Usa la tua pagina dei contatti per connetterti con i tuoi potenziali clienti a un livello profondo ed emotivo. Chiedi loro dei loro problemi o di come si sentono. In questo modo, non solo mostri ai tuoi clienti che tieni a loro, ma rendi anche più facile per il tuo team di assistenza clienti gestire i loro problemi con vera cura e dedizione.

Iscriviti alla nostra newsletter per ricevere i migliori suggerimenti per la progettazione di siti Web che garantiranno la conversione del tuo sito.

Una pagina di contatto che incoraggia i visitatori a mostrare i propri sentimenti o pensieri in modo più sincero può essere un ottimo modo per capire se hai a che fare con un cliente frustrato o arrabbiato. Avrai anche maggiori possibilità di dare loro il supporto di cui hanno bisogno.

E se riesci a fare tutto questo e a presentare la tua pagina dei contatti con una grafica animata che coinvolgerà gli utenti e rappresenterà un meraviglioso web design, allora stai vincendo la sfida Contattaci, proprio come fa Buffalo. La loro pagina di contatto incorpora anche gli elementi ben pensati della pagina Chi siamo perché vogliono che i loro clienti li conoscano e formino impressioni durature. Quindi, perché hanno aggiunto immagini interessanti del loro studio nella sezione Mappa.

5. Riduci i messaggi di spam

Sito Web che funziona bene: QuickSprout

Troppo spesso abbiamo visto aziende che fanno solo il minimo indispensabile quando si tratta della loro pagina "Contattaci". Ancora una volta, stiamo parlando della parte del tuo sito web che può aprire le porte alla comunicazione con i tuoi potenziali clienti. Dovresti fare di più che lanciare un modulo di contatto.

Ecco perché questo è un eccellente esempio di QuickSprout. È più interessante, coinvolgente e lascia un'impressione migliore di un semplice modulo di contatto.

QuickSprout è famoso in tutto il mondo e probabilmente ha sempre una casella di posta piena. Ma poiché vogliono ancora mantenere ottimi tassi di risposta, hanno creato una guida infografica. Questa è un'ottima soluzione (o un tentativo di una) perché il design accattivante affascina i visitatori e li incoraggia a leggere pur consentendo al marchio di filtrare la posta prima ancora che venga inviata.

QuickSprout delinea chiaramente le condizioni che devi soddisfare per inviare loro un'e-mail. C'è un elenco di argomenti a cui non verrà data risposta e c'è un'istruzione concisa sul tipo di email che puoi inviare: solo un paragrafo. Non solo riduce lo spam senza il temuto CAPTCHA, è un modo intelligente per impostare ulteriori aspettative. Non puoi arrabbiarti con QuickSprout se non ti rispondono.

6. Offri diverse opzioni di comunicazione sulla tua pagina di contatto

Sito Web che funziona bene: Achieve3000

Ogni modulo Contattaci è lì per, beh, raggiungere il contatto con il cliente. Tuttavia, a volte un modulo troppo semplice non lo taglierà. E quando hai un'azienda che viene contattata per molti motivi diversi, potresti anche separarli nella tua pagina dei contatti. Ad esempio, Achieve3000 ha separato la propria pagina Web Contattaci nei tre motivi più comuni per cui le persone entrano in contatto con loro.

Il primo motivo è richiedere una demo del loro prodotto, il che significa che è pensato per potenziali nuovi clienti.

Il secondo tipo è quello di gestire le domande in arrivo che ricevono che riguardano le vendite.

L'ultimo, ma certamente non il contratto di locazione, è la sezione del servizio clienti. Tutti e tre gli elementi sono sulla stessa linea e il layout non individua alcun segmento. In questo modo Achieve3000 è chiaro che è altrettanto importante per loro raggiungere nuovi consumatori, rispondere a tutte le richieste e fornire un ottimo supporto clienti a tutti coloro che ne hanno bisogno.

7. Non dimenticare i tuoi canali di social media

Sito Web che funziona bene: Neil Patel

La maggior parte dei visitatori del tuo sito web preferirà porre le proprie domande in privato e mantenerlo così. Ma, stiamo vivendo in un'era sociale. Sempre più persone trovano più facile connettersi con i marchi sui social media piuttosto che chiamare o inviare un'e-mail. Quindi, non dimenticare di collegarti ai tuoi canali di social media nella tua pagina dei contatti.

Inoltre, assicurati di fornire ogni altra informazione di contatto che gli utenti potrebbero cercare o di cui hanno bisogno. Anche se è il 2018 e siamo quasi tutti collegati alla rete elettrica, alcune persone preferiscono prendere il telefono, chiamare un'azienda e risolvere rapidamente i loro problemi, mentre altri sono più ansiosi e preferiscono compilare un modulo piuttosto che parlare con uno sconosciuto .

Allora perché la pagina dei contatti di Neil Patel fa scalpore? Bene, è probabilmente il design più semplice che abbiamo in questo intero elenco, eppure contiene tutto ciò di cui gli utenti hanno bisogno in un modulo di contatto, mentre ogni elemento non necessario viene semplicemente omesso. Ad esempio, ci sono solo tre campi con copia creatività e un menu a discesa. E, se ricordi, il numero ottimale di campi per un tasso di conversione massimo è tre. Il menu a discesa consente inoltre a Neil di segmentare i messaggi e rispondere di conseguenza.

Infine, Neil Patel ha prestato particolare attenzione a quelle icone dei social media così importanti perché conosce il suo pubblico. Per impostazione predefinita, il suo pubblico di destinazione è pieno di professionisti del marketing digitale che probabilmente vivono e respirano sui social media.

8. Sii creativo nella tua pagina di contatto

Sito Web che funziona bene: viaggiamo da qualche parte

Sì, sappiamo che questo suggerimento è più facile a dirsi che a farsi, ma è davvero tutto ciò che si riduce a creare una pagina web di contatto efficace: qualcosa di coinvolgente e creativo che catturerà l'attenzione dell'utente e lo persuaderà a mettersi in contatto con te.

Quindi, come puoi essere creativo? Esprimi il tuo marchio attraverso colori riconoscibili, messaggistica on-brand e immagini uniche. Ciò migliorerà la tua identità di marca, metterà gli utenti a proprio agio e, in definitiva, aumenterà la tua autenticità e affidabilità. E questa fiducia ispira i visitatori a convertire, completare un acquisto o contattare un marchio.

Ad esempio, il sito di guide turistiche online Let's Travel Somewhere ha sfruttato la loro missione - ispirare le persone a lasciarsi andare e vedere il mondo - replicando una cartolina. La forma è minimale e di facile comprensione, ma rappresentava comunque lo scopo del sito. Finiture delicate e un semplice timbro incorniciano la forma stessa. Nel frattempo, la parte inferiore della pagina è permeata di inviti all'azione che incoraggiano i visitatori a condividere il sito con i loro amici o li ispirano a esplorare le numerose guide di viaggio.

9. Prova a utilizzare i chatbot invece dei tradizionali moduli di contatto

Sito Web che funziona bene: Brand Embassy

Probabilmente hai incontrato uno o due bot nella tua navigazione web finora, e forse hai persino chattato con alcuni senza renderti conto che si tratta di bot. Ma i chatbot sono qui per restare e stanno già cambiando il settore del servizio clienti.

Ci sono diversi motivi per cui un chatbot è una buona soluzione. Prima di tutto, è una nuova tecnologia. Non tutti i siti Web hanno un chatbot, quindi quelli che sembrano moderni, interessanti e incuriosiscono le persone interessate ai loro servizi o al loro marchio. Inoltre, quando le persone sanno che stanno interagendo con un chatbot, potrebbero essere più disposte a testare e interagire con i servizi dell'azienda, anche se è solo il chatbot a suscitare il loro interesse.

Ma, potresti chiederti, cosa c'è di così bello nella pagina dei contatti di Brand Embassy? Beh... in realtà non ne hanno uno! Non ne hanno letteralmente bisogno perché tutto quello che devi fare per contattarli è iniziare una conversazione con un chatbot nell'angolo in basso a destra della home page (anche se puoi trovare una pagina di contatto leggermente più formale che incoraggia gli utenti a interagire con il chatbot ).

Brand Embassy è un ottimo esempio di come incanalare l'attenzione di un utente sui tuoi strumenti e servizi attraverso altri modi incentrati sul consumatore. Nel loro caso, incorporare uno strumento di chatbot intelligente ha la possibilità di migliorare i servizi ai clienti riflettendo contemporaneamente l'attività stessa.

10. Raccogli email dalla tua pagina Contattaci

Sito Web che funziona bene: Glossier

Il marchio di cosmetici Buzzy Millennial-centric Glossier ha tecnicamente una pagina di contatto, ma non c'è alcun modulo in vista. Invece, l'avvio indirizza i visitatori a indirizzi e-mail pertinenti, dicendo agli utenti in cosa li aiuteranno quelle caselle di posta. Inoltre, incoraggiano gli utenti a visitare la loro solida pagina delle FAQ, che mira ad alleviare molto lavoro di assistenza clienti.

Ma soprattutto, Glossier dà la priorità alla creazione del proprio elenco di email marketing nella pagina Contattaci. Una copia secca e spiritosa incoraggia i giovani demografici a inserire la loro e-mail, il che costruisce la base di fan di Glossier e la portata del marchio attraverso le loro altrettanto minime campagne di newsletter.

Vuoi imparare le migliori pratiche di email marketing? Leggi la nostra guida completa nella sezione Trends & Insights di DesignRush.

Come creare la migliore pagina "Contattaci" per il tuo marchio

Come abbiamo visto in tutti gli esempi precedenti, tutte queste aziende hanno creato pagine di contatto che completano in modo assoluto l'identità del loro marchio e soddisfano le loro esigenze. Ora, ogni suggerimento sopra potrebbe non risuonare con il tuo marchio. Dovresti scegliere quelli che lo fanno e implementarli nel tuo design. Ma per rendere ancora più semplice il processo di creazione della pagina di contatto, ecco otto hack attuabili che porteranno risultati e garantiranno che la tua pagina di contatto si distingua e converta più visitatori in consumatori.

1. Rendi visibile la pagina "Contattaci"

Con ciò intendiamo che dovrebbe essere chiaramente posizionato nella gerarchia del menu principale. L'obiettivo è convincere gli utenti a contattarti, quindi assicurati che sia facile da fare. È così semplice. Se lo rendi problematico per loro, ricorda che il 44% dei visitatori del sito Web se ne va se non riesce a trovare le informazioni di contatto.

2. Non utilizzare il testo del pulsante predefinito

Il trucco è essere creativi. Cerca di utilizzare un testo pertinente che non intimidisca i visitatori. "Mettiti in contatto" è sempre meglio di un generico "Invia". Infatti, utilizzando l'invito all'azione "Invia", potresti vedere una diminuzione istantanea del 3% del tasso di conversione. Anche il familiare CTA di "Fai clic qui" ha un tasso di conversione migliore del 30% rispetto a "Invia".

3. Usa un layout stretto per le etichette

Secondo lo studio comparativo di eBay e Yahoo, quando c'è un divario più stretto tra due campi, gli utenti prestano maggiore attenzione. Questo è condotto con la tecnologia eye-tracking. In questo particolare esempio, le persone hanno pagato dai 30 ai 40 secondi in più per i moduli di eBay rispetto a quelli di Yahoo.

4. Prova la tua pagina di contatto

Fai un test comparativo della pagina del sito web e vedi di persona cosa funziona meglio. È la dimensione dei pulsanti? Il layout del modulo di contatto? Forse è la copia del sito web? Prova un singolo parametro per trovare la combinazione giusta per la tua pagina di contatto di maggior successo.

5. Le persone leggono in un modello F

Leggiamo da sinistra a destra. I nostri cervelli sono programmati per prestare maggiore attenzione al contenuto allineato a sinistra perché è lì che iniziamo il nostro viaggio di lettura ogni volta. Inoltre, questo è il motivo per cui le etichette allineate a sinistra sono più naturali per il nostro cervello.

6. Sperimenta con i titoli

La modifica di un solo titolo sulla tua pagina può portare a un salto di oltre il 100% nei tassi di conversione. Inoltre, non aver paura di modificare la forma e il design effettivi dei tuoi titoli, poiché anche questo può portare a tassi di conversione positivi.

7. Un ringraziamento fa molta strada

Una volta che i visitatori hanno inviato un modulo di contatto, dovresti reindirizzarli a una pagina di ringraziamento. Questo è un ottimo modo per tenere traccia di metriche più specifiche, ad esempio quante volte gli utenti hanno inviato completamente il modulo. Inoltre, puoi spiegare ulteriormente come (e quando) li ricontatterai ora che ti hanno inviato un messaggio.

8. Usa copia creativa

Non dimenticare che le parole hanno il potere di commuovere le persone. Quando hai una pagina Contattaci, significa che devi spostarli senza annoiarli o sovraccaricarli con troppi contenuti. Ciò ti consente come marchio la possibilità di diventare personale e far sapere agli utenti che, per te, sono un cliente prezioso. Per iniziare, evita frasi generiche e usa invece un testo di benvenuto, amichevole o personale.

Riassumiamo

Abbiamo visto ottimi esempi di pagine Contattaci che hanno incorporato i migliori suggerimenti necessari per il successo ed elencato le migliori strategie mostrate per creare una pagina web di contatto altamente convertibile e utile.

Non dimenticare, una presenza online è più simile a uno strumento di marketing, che informa i clienti sul tuo marchio in uno spazio digitale. Per continuare a raggiungere potenziali consumatori, dovrai stare al passo con i tempi e fornire un sito Web moderno e intuitivo, inclusa una pagina Contattaci. Siti web obsoleti con contenuti non ottimizzati e una bassa velocità di caricamento possono aumentare la frequenza di rimbalzo e penalizzare la tua azienda nelle classifiche di ricerca e nella rilevabilità. Per sapere come ottimizzare il tuo sito web e posizionarti più in alto, consulta la nostra guida per le migliori pratiche SEO.

Inoltre, oltre a una pagina di contatto formale, assicurati di includere tutte le informazioni di contatto nell'intestazione o nel piè di pagina in modo da poter aiutare le persone a mettersi in contatto in ogni momento, anche senza visitare la pagina di destinazione. Le informazioni devono essere accessibili, soprattutto se sei una nuova azienda che sta cercando di uscire dall'ombra ed evolversi.

Il miglior consiglio per la creazione di una pagina Web di contatto

Fallo per la tua attività. Anche se usi tutti i suggerimenti giusti sopra, potresti finire con una pagina che salta chiaramente fuori dal carro. Usa le stesse guide di stile, combinazioni di colori e lascia respirare la pagina con molto spazio negativo. Riduci le etichette dei moduli di contatto e non usarne troppe. Domande più personali, come chiedere un numero di telefono, un indirizzo e simili, riducono semplicemente il tasso di conversione.

Evita i menu a discesa se puoi, perché le persone non sono molto affezionate a loro. L'aggiunta di un menu a discesa riduce effettivamente la percentuale di clic: se si dispone di un menu a discesa, il tasso di conversione totale è di circa il 15%, che è piuttosto basso. Incorporarne di più riduce ulteriormente le conversioni.

Tutto sommato: rendi giustizia al tuo marchio, segui i suggerimenti di cui sopra applicabili alla tua attività, testa vari elementi e funzionalità, quindi attieniti a quelli che funzionano. Questo è il modo infallibile per creare una pagina Contattaci che sicuramente si distinguerà e impressionerà i visitatori. Ci piacerebbe vedere i tuoi risultati, quindi non esitare a condividerli con noi nei commenti qui sotto.

Se hai bisogno di una mano con la tua pagina Contattaci, puoi sempre cercare nella sezione Elenco agenzie di DesignRush. Troverai un solido elenco di ottime società di progettazione e sviluppo di siti Web che possono creare una destinazione digitale ad alta conversione.

Vuoi altri suggerimenti sul web design per far crescere la tua attività online? Iscriviti alla dose giornaliera di DesignRush!