• UI E UX

Ottenere il click: 8 consigli per un design CTA efficace

  • Felix Rose-Collins
  • 6 min read
Ottenere il click: 8 consigli per un design CTA efficace

Introduzione

Raggiungere la prima pagina dei risultati di ricerca di Google e attirare l'attenzione del vostro pubblico è una vera e propria sfida, poiché raramente le persone cliccano su un risultato a pagina due. L'ottimizzazione del sito per la SEO è un must per raggiungere questo obiettivo.

Ma questo non significa che un posizionamento nella top ten vi assicuri necessariamente un buon tasso di conversione. È vero che ci si può aspettare un aumento del traffico sul sito, ma c'è un altro elemento cruciale per le conversioni: una call to action efficace.

Il ruolo principale di una CTA è quello di indirizzare i visitatori verso il passo successivo e incoraggiarli ad agire: iscriversi a una newsletter, scaricare un ebook, acquistare un prodotto o un servizio o iscriversi a una prova.

Tuttavia, una CTA mal progettata è come se non esistesse, poiché non riuscirà a generare clic e a facilitare le conversioni.

In questo articolo vi illustreremo i migliori consigli per progettare CTA irresistibili che i vostri potenziali clienti non potranno fare a meno di cliccare. Continuate a leggere per saperne di più!

1. Utilizzare una CTA appiccicosa nella barra laterale

Le CTA servono a catturare l'attenzione dei visitatori e a farli cliccare.

Alcune pagine web, come le homepage o i post dei blog, hanno molti contenuti ed è facile che le CTA si confondano con tutti gli altri elementi e diventino praticamente invisibili.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

Inserite una CTA adesiva nella barra laterale.

Questo pulsante fluttuante viene fissato al lato di una pagina web e rimane visibile mentre l'utente scorre la pagina verso l'alto e verso il basso, senza essere troppo invadente o distrarre. Non dovrete preoccuparvi che un potenziale cliente si dimentichi della vostra fantastica offerta mentre legge un articolo o consulta le recensioni dei clienti.

ATH Sport offre uno sconto del 10% sul primo ordine e promuove questo incentivo sulla homepage e su tutto il sito web implementando una CTA laterale adesiva che recita "Risparmia il 10%". In questo modo, ai visitatori viene sottilmente ricordato di agire e di richiedere lo sconto.

Use a sticky sidebar CTA (Fonte: ATH Sport)

2. Sfruttare lo spazio negativo

Uno degli errori più gravi che si possono commettere con la CTA è quello di seppellirla nel mezzo di un enorme blocco di testo. Questo è un modo sicuro per far sì che i visitatori la perdano e se ne vadano senza convertire.

Non abbiate paura di sfruttare al massimo lo spazio negativo, cioè l'area di un disegno che non è occupata da testo o altri elementi. Circondando la CTA con uno spazio bianco, è possibile creare una pausa visiva che aiuta a richiamare l'attenzione dell'osservatore sul pulsante.

Meno distrazioni ci sono intorno alla CTA, più questa sarà cliccabile.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

Flamingo dà alla CTA sulla homepage abbastanza spazio e la separa dagli altri elementi, attirando così l'attenzione dei visitatori sull'obiettivo principale: aggiungere il tracker delle ferie a Slack. Nonostante l'ampio spazio bianco, il design non sembra vuoto o incompiuto: trovare il giusto equilibrio è fondamentale.

Leverage negative space (Fonte: Flamingo)

3. Creare un senso di urgenza

L'urgenza e la scarsità sono potenti motori di conversione, ecco perché è necessario includere questi principi psicologici nella copia della CTA.

Prendete spunto da Amazon e dal suo intelligente disclaimer "Only 1/2/3 left in stock" che spinge anche i clienti indecisi a ordinare subito il prodotto prima che qualcun altro se lo accaparri.

Le persone percepiscono come più preziosi i prodotti che scarseggiano o che stanno per essere esauriti, il che a sua volta innesca la paura di perdersi (FOMO).

Per evidenziare l'urgenza, utilizzate parole temporali come Adesso, Immediatamente o Oggi.

La CTA sulla homepage di Bed Bath & Beyond è un ottimo esempio di combinazione di urgenza e scarsità. I clienti sono invitati a "Acquistare ora", poiché l'offerta è valida fino all'8 gennaio, ma questa finestra di opportunità è ulteriormente minimizzata dall'aggiunta di "Fino a esaurimento scorte". Il fatto che la CTA stessa si trovi all'interno di un grande banner rosso posizionato sopra la piega la rende ancora più sorprendente e persuasiva.

Create a sense of urgency - Bed Bath & Beyond (Fonte: Bed Bath & Beyond)

Lahomepage di gennaio presenta una CTA con un approccio leggermente diverso all'urgenza. La dicitura "Unisciti alla lista d'attesa", realizzata con cura, crea un'atmosfera di euforia intorno all'applicazione e genera domanda, facendo intendere che ci sono altri potenziali clienti che aspettano con impazienza il lancio. Questa CTA semplice ma intrigante funziona perché trasmette un'atmosfera un po' esclusiva: è come entrare nella lista di un club VIP.

Create a sense of urgency - January (Fonte: Gennaio)

4. Includere parole di potere

Come suggerisce il nome, le parole di potere hanno la capacità di evocare emozioni nei vostri potenziali clienti. Il 95% delle decisioni d'acquisto sono subconsce, il che significa che i sentimenti giocano un ruolo importante nel processo.

Quindi, includendo parole di potere come

  • Gratuito
  • Incredibile
  • Nuovo
  • Efficace
  • Facile
  • Immediatamente
  • Garantito
  • Nessun rischio
  • Certificato
  • Protetto
  • Testato
  • Verificato
  • Extra

colpirà il vostro pubblico e lo spingerà ad agire.

Come si può notare, alcune di queste parole mirano a convincere i clienti che è sicuro cliccare sul pulsante e fare un acquisto o iscriversi a una newsletter. Altre si concentrano sull'evidenziare la proposta di valore della vostra offerta.

Lahomepage di Evernote promette agli utenti che saranno in grado di organizzare la loro vita con l'app, mentre la CTA li invoglia a iscriversi gratuitamente. E chi potrebbe rifiutare un'offerta così allettante?

Include power words - Evernote (Fonte: Evernote)

Allo stesso modo, la CTA della homepage di BaseLang invita gli utenti a iniziare le lezioni di spagnolo per "solo 1 dollaro", che è la cosa migliore dell'offerta di un servizio gratuito. La messaggistica complessiva del marchio è forte grazie all'aiuto di altre parole chiave come "illimitato" o "all-you-can-eat", che comunicano il valore dell'offerta che i potenziali clienti possono provare per una settimana pagando una tariffa simbolica di 1 dollaro.

Include power words - BaseLang (Fonte: BaseLang)

5. Rendere la CTA più efficace

Probabilmente avrete sentito parlare della regola dei 15 secondi, secondo la quale avete solo un quarto di minuto per catturare l'attenzione dei vostri visitatori. Questo non vi lascia molto spazio di manovra, quindi dovete agire rapidamente e assicurarvi che la CTA sia tra le prime cose che le persone notano quando arrivano sulla vostra pagina web.

Spruzzare un po' di colore è uno dei modi migliori per raggiungere questo obiettivo. Ci sono opinioni diverse su quale colore aumenti le conversioni, ma la giuria non ha ancora deciso. Tuttavia, si può concludere che non si tratta tanto di scegliere il rosso, il verde, il blu o il giallo, quanto di creare un contrasto.

Ad esempio, si possono utilizzare i cosiddetti colori complementari, che si trovano ai lati opposti della ruota dei colori. Se la vostra pagina web è prevalentemente blu, una CTA arancione creerà un forte contrasto.

Lahomepage di Menlo Caoching è caratterizzata da bianco e grigio, quindi il rosso deciso scelto per la CTA la rende immediatamente visibile. Il design beneficia anche dello spazio negativo, che accentua ulteriormente il pulsante CTA e lo fa risaltare sullo sfondo neutro.

Make your CTA pop (Fonte: Menlo Coaching)

6. Non siate vaghi

Non aspettatevi che i vostri visitatori traggano conclusioni su ciò che accadrà in seguito: diteglielo.

I pulsanti CTA che dicono "Clicca qui" o "Invia" non fanno altro che confondere le persone, e questa è la cosa peggiore che possiate fare.

Il trucco consiste nel comunicare chiaramente ai visitatori come trarranno vantaggio dall'agire e informarli su quale sia il passo successivo.

Dropbox utilizza questo approccio "cosa ci guadagno" nella sua homepage, dicendo ai suoi potenziali clienti che cliccando sul pulsante CTA saranno in grado di trovare il piano migliore per loro. È ovvio che nella pagina successiva troveranno dettagli sul piano, caratteristiche e confronti che li aiuteranno a prendere una decisione.

Don’t be vague (Fonte: Dropbox)

7. Aggiungere la prova sociale

Quando si tratta di convertire i potenziali clienti, niente funziona meglio della prova sociale. L'87% delle decisioni di acquisto inizia con una ricerca online, mentre i clienti leggono in media dieci recensioni prima di effettuare un ordine.

Tuttavia, poiché non volete che i vostri potenziali clienti abbandonino il vostro sito web mentre cercano recensioni e testimonianze di clienti, è meglio mostrare loro la prova sociale proprio lì, prima di presentare loro la CTA.

In questo modo, creerete fiducia e fugherete ogni potenziale dubbio sull'acquisto.

È esattamente quello che fa Buffer nella sua homepage. Le CTA sono abbinate a citazioni di clienti felici che sottolineano come l'uso della piattaforma renda la loro vita più facile. Per aggiungere un ulteriore livello di credibilità, il marchio ha inserito i nomi e le foto dei clienti. Questa semplice tattica è molto utile perché dà un volto al nome e rende più autentica la prova sociale.

Add social proof (Fonte: Buffer)

8. Mantenere le cose semplici

Tutti i suggerimenti che abbiamo discusso finora potrebbero darvi l'impressione che le vostre CTA debbano essere esagerate per funzionare.

Ma la verità è che la semplicità è spesso sottovalutata.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

In molti casi, otterrete ottimi risultati mantenendo la vostra CTA semplice sia in termini di design che di processo di conversione.

LaCTA della home page di Jira è perfetta con la sua CTA "Continua con Google". Il diavolo si nasconde nei dettagli e, anche se apparentemente non c'è molto da fare, l'efficacia di questa CTA sta nel fatto che rende le cose super semplici per chi decide di iscriversi.

Invece di un complicato processo di registrazione, Jira fa risparmiare tempo agli utenti consentendo loro di accedere alla piattaforma tramite il proprio account Google. Bastano un paio di clic e non c'è la fastidiosa compilazione del modulo, responsabile di molte registrazioni e carrelli abbandonati. Inoltre, il testo contiene la magica parola di potere "open-sesame", Free, in grado di convincere chi è indeciso a cliccare e continuare.

Keep things simple (Fonte: Jira)

Conclusione

La call to action potrebbe essere il più piccolo elemento di design della vostra pagina web, ma la sua importanza è enorme. Senza di essa, i potenziali clienti non saprebbero cosa vi aspettate che facciano e quale dovrebbe essere la loro prossima mossa. Pertanto, prestate molta attenzione al design delle vostre CTA e non trascuratele. Queste tattiche vi aiuteranno a garantire che i clic arrivino a pioggia.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Iniziate a usare Ranktracker... gratuitamente!

Scoprite cosa ostacola il posizionamento del vostro sito web.

Creare un account gratuito

Oppure accedi con le tue credenziali

Different views of Ranktracker app