9 importanti suggerimenti per la progettazione di CTA per i pulsanti che fanno clic sulle persone

Il tuo invito all'azione (CTA) è il culmine della tua strategia di marketing. Sia che tu stia chiedendo un acquisto, una registrazione o un download. Tutto fino a questo punto è stato quello di attirare potenziali clienti sulla tua pagina di destinazione. E a volte, hai solo poche parole per sigillare l'accordo.

Ecco perché il tuo pulsante CTA è l'elemento di design più importante del tuo sito. Perché può trasformare i visitatori passivi in ​​utenti attivi.

I pulsanti di invito all'azione sembrano semplici. Ma sono facili da rovinare. O essere completamente perso. Questi 9 suggerimenti di progettazione CTA ti assicureranno di ottenere quella conversione. Inoltre, molti esempi utili:

1. Rendi il tuo pulsante cliccabile
2. Sii descrittivo con la tua copia
3. Dimensioni e spazio correttamente
4. Connettiti in prima persona
5. Crea urgenza e usa verbi forti
6. Prova un sottotitolo
7. Variazioni del test A/B
8. Presta attenzione alla versione mobile

Rendi cliccabile il tuo pulsante CTA

Rendere un pulsante "cliccabile" sembra sciocco. Ma non crederesti alla frequenza con cui i siti sbagliano. Ed ha principalmente a che fare con il contorno e il colore del pulsante.

Le tendenze del tasso di conversione vanno e vengono. Come il "pulsante fantasma" trasparente con un bordo sottile e un testo che sfuma nel colore di sfondo. Sebbene possano sembrare belli, tendono ad attirare meno attenzione. L'opposto di ciò che dovrebbe fare una CTA efficace.

L'unica volta che questo design di solito funziona è come pulsante secondario:

Fonte: Movimento UX

Ecco un altro esempio di pulsanti CTA che non sono ovviamente selezionabili. Certo, la pagina di destinazione di questa agenzia di design è fantastica. Ma saresti perdonato per aver superato questo case study:

Quindi, come fai in modo che le persone facciano clic? Per tassi di conversione più elevati, il tuo pulsante dovrebbe essere grande, in grassetto e funzionare con la combinazione di colori scelta.

Netflix usa il suo caratteristico rosso per attirare la tua attenzione. Quasi come un segnale di stop:

Può anche funzionare per avere un colore contrastante, quindi risalta. Come quello che la piattaforma di eCommerce BigCommerce ha fatto qui:

Questo vale anche per il testo nella casella. Assicurati che sia in contrasto in modo da poterlo leggere correttamente.

I gradienti possono funzionare anche all'interno della stessa combinazione di colori del marchio. Danno alle cose un aspetto moderno e più giovanile:

Fonte: lunedì

Il mio consiglio qui sarebbe quello di cercare di mantenere il tuo design CTA ovvio. Fare qualcosa fuori dagli schemi potrebbe sembrare una buona idea, ma gli umani sono creature abitudinarie. E saresti stupito di quanti perderanno il punto.

Sii descrittivo con la tua copia

Una delle più semplici tattiche di ottimizzazione del tasso di conversione (CRO) è l'ottimo copywriting. Ma non solo con grandi porzioni di testo. La microcopia è altrettanto importante e copre i dettagli più piccoli.

Di solito lo vedi nei moduli di contatto e nelle barre di aggiornamento dello stato dei social media. Metti mi piace al famoso "Che cosa hai in mente?" di Facebook o "Inizia un post" di LinkedIn.

La microcopia può aiutare:

• Dì agli utenti cosa fare
• Dare suggerimenti
• Affronta le preoccupazioni
• Fornisci contesto

La tua copia del pulsante CTA è un altro esempio. E dovrebbe dire alle persone esattamente cosa otterranno/cosa accadrà quando faranno clic su di esso.

Questo era il pulsante CTA di IMPACT. "Download gratuito". Non molto fantasioso, eh?

Fonte: IMPATTO

Ma rendendolo più descrittivo, hanno aumentato le conversioni del 78,5%. "Mostrami come attirare più clienti" ha chiaramente attirato di più:

Si è tentati di scrivere semplicemente "Clicca qui". Ma ci sono così tante alternative che coinvolgeranno gli utenti e, si spera, ispireranno l'azione desiderata.

Allora, cosa dovresti scrivere? Innanzitutto, è necessario identificare l'intento di conversione. Vuoi allinearti con dove si trovano gli utenti nella canalizzazione e da dove provengono (fonte di traffico).

Fonte: KlientBoost

Quindi è necessario sottolineare il valore di ciò che stai fornendo. E gestisci qualsiasi obiezione.

Fonte: esempi di marketing

È un processo così unico. E dipenderà dalla tua nicchia e dalla voce del tuo marchio. Ma qualunque formulazione tu scelga, non dimenticare di mantenere il testo del pulsante breve e al punto.

Ridimensiona correttamente e usa lo spazio bianco

Il design del pulsante CTA è molto più del colore. La dimensione del pulsante è un altro piccolo dettaglio che può davvero influenzare la percentuale di clic. E lo spazio bianco è importante quanto il testo stesso.

Molto dipenderà dal tuo web design. Lo spazio negativo (bianco) attira l'attenzione su determinati elementi di una pagina. Non vuoi una homepage disordinata. Ci deve essere un percorso ovvio da seguire per il visitatore.

Airbnb è uno dei migliori esempi di spazio negativo fatto bene. E un colore contrastante per renderlo più evidente:

Buffer ha un po' di più sulla loro home page, ma mantengono comunque il pulsante CTA vicino alla copia principale. Inoltre, un esempio di utilizzo efficace dei pulsanti fantasma. Questo rende molto chiaro cosa fare dopo:

Più grande è il tuo pulsante, più è evidente. E deve distinguersi per attirare l'attenzione. Ma non tanto da prendere il controllo della pagina e rovinare l'UX.

Se sei incline all'emicrania, distogli lo sguardo ora. Ecco un esempio di come non farlo:

Fonte: Justinmind

Così tanti elementi qui sembrano un pulsante. Non sono nemmeno sicuro che questo sito sappia su cosa vuole che i visitatori facciano clic.

Al contrario, qual è la prima cosa che vedi sulla pagina di destinazione di Spotify?

L'enorme pulsante "Vai Premium", giusto? Ecco come progettare un percorso utente chiaro.

Infine, c'è qualcos'altro che hai notato sui design CTA per i buoni esempi? Se dai un'altra occhiata, vedrai qualcosa che praticamente tutti hanno in comune.

Gli scienziati hanno scoperto che agli esseri umani piacciono le "forme con curve delicate invece che punte acuminate". Sono più piacevoli alla vista e ci fanno sentire più sereni. Per questo motivo, i pulsanti di invito all'azione più efficaci sono rettangoli con angoli arrotondati.

Fonte: Clever Tap

È il formato più popolare per un motivo. Ma prova diverse opzioni. Il tuo pubblico potrebbe preferire qualcos'altro.

Connettiti in prima persona

Un migliore design CTA può essere un ritocco. A volte, una sola parola.

Nel copywriting, ci viene insegnato a usare la parola "tu". Perché fa sentire il lettore come se gli si parlasse direttamente. Quindi pensi che si applicherebbe anche alla tua copia dei pulsanti, giusto? Stranamente, non così tanto.

Unbounce ha scoperto che la modifica della copia sulla loro pagina di destinazione da "Inizia la tua prova gratuita di 30 giorni" a "Inizia la mia prova gratuita di 30 giorni" ha aumentato le percentuali di clic del 90%.

Allora, perché è questo? Bene, quando qualcuno si sente connesso a un prodotto, è più probabile che si converta. Dà quel tocco personale senza dover sapere nulla di loro.

La psicologia del marketing mostra che le decisioni di acquisto si basano principalmente sulle emozioni. Quindi, vuoi che il visitatore del tuo sito web si senta come se fosse una sua scelta.

Scrivere "my" aiuta l'utente a visualizzare l'azione che sta per intraprendere. Dà loro il controllo e (si spera) li spinge verso il processo decisionale.

Inoltre, può mostrare che otterranno un valore immediato. Come sulla homepage di Crazy Egg:

Fonte: Crazy Egg

1-800 Contacts è il negozio di lenti a contatto più grande del mondo. Ma fanno lo stesso. Si assicurano che i loro pulsanti CTA siano rivolti a una sola persona:

Fonte: 1-800 contatti

Non molte aziende utilizzano questa tecnica. Il che significa che si distingue quando lo vedi. Quindi, perché non provarlo?

Crea un senso di urgenza e usa verbi forti

La tua copia deve creare un senso di urgenza e attirare l'attenzione degli utenti. Questo funziona particolarmente bene per le aziende di e-commerce. Usare parole come "ora" e "oggi" può aiutare a stimolare l'azione. Perché suggeriscono che l'offerta non sarà disponibile per sempre.

"Compra ora" è un classico. Ma possiamo fare di meglio con il nostro design CTA.

Fonte: GoSquared

Potresti provare a dire come:

• “Concediti oggi”
• "Sblocca subito lo sconto"
• "Download gratuito una tantum"

Vuoi anche rendere la tua offerta attraente e suscitare curiosità. Quindi, inizia con un verbo forte. Non qualcosa che sembra essere uno sforzo. È un modo semplice per scoraggiare le persone.

Ecco alcuni esempi di cosa intendo:

Il lato sinistro sembra che i tuoi utenti otterranno qualcosa dal clic. Il lato destro sembra che debbano rinunciare a tempo o denaro.

Puoi anche diventare davvero creativo. Come questa versione della homepage di Huemor:

Fonte: FastCapital360

O la vecchia pagina di destinazione della contea di Humboldt che gli conferisce una svolta mistica:

Fonte: ConEmprendimiento

Fai un brainstorming di idee con il tuo team. Non importa quanto ridicolo. Saresti sorpreso di cosa ti verrà in mente e finirai per usare. Ma qualunque formulazione tu scelga, non dimenticare di mantenere la tua promessa dall'altra parte.

Prova un sottotitolo accanto al pulsante di invito all'azione

A volte, le persone hanno bisogno di una piccola spintarella. E un po' di testo sotto il tuo pulsante CTA può fare il trucco. Non è un normale "sottotitolo". Ma è il modo più semplice per descriverlo.

Se pensiamo al testo del pulsante come all'intestazione, il sottotitolo più popolare che vedrai è "Non sono necessari i dettagli della carta di credito". Ma il tuo può dire qualsiasi cosa. Ed è divertente diventare un po' creativi con esso.

Molte volte, sono usati per dare fiducia al potenziale cliente. E possono affrontare i principali punti dolenti che le persone potrebbero avere:

Fonte: CoSchedule

CoSchedule comprende che gli utenti potrebbero pensare che sia solo una prova gratuita. Quindi perche no? È gratis per sempre” chiarisce.

Puoi anche usarli per aggiungere alcune prove sociali:

Fonte: campo base

Questo ti dà credibilità immediata perché gli utenti possono vedere chiaramente che gli altri si fidano già di te. Può anche ispirare FOMO poiché le persone pensano che ci debbano essere ragioni per così tanti abbonati.

Se hai un'offerta speciale o un valore extra che viene fornito con il tuo servizio, usa il sottotitolo per evidenziarlo:

Fonte: Moz

La microcopia è un'opportunità per far brillare la voce del tuo marchio. Anche se è solo una frase. Quindi, non aver paura di essere un po' sfacciato se si adatta:

Fonte: KlientBoost

Puoi anche essere specifico con esattamente cosa accadrà dopo che le persone avranno cliccato. Diglielo:

• Cosa riceveranno (nuove idee di marketing)
• Quanti (17+)
• E perché dovrebbero interessarsene (sono meglio di quello che hai tu)

Usa questi esempi come modelli per l'ispirazione. O fare qualcosa di completamente diverso. Assicurati solo che si adatti all'identità del tuo marchio e divertiti con esso.

Non dimenticare il test A/B

La maggior parte degli strumenti CRO mira a migliorare l'esperienza utente (UX). E potresti già farlo con le parti principali delle tue pagine web. Ma dovresti farlo anche con i piccoli elementi.

Amazon è notoriamente esigente riguardo al design dei suoi pulsanti CTA. Soprattutto con l'utilizzo di terze parti. Quindi, assicurati di non infrangere alcuna regola con le tue.

Dopodiché, piccole modifiche al design dei pulsanti possono avere un impatto enorme. Quindi, confronta diversi tipi di pulsanti CTA. Quindi variazioni del test A/B di:

• Colore pulsante
• Copia CTA
• Font
• Posizionamento nella progettazione della pagina
• Pop-up
• Moduli di contatto

Fonte: Snov

Come ho discusso in precedenza, a volte la modifica di una sola parola può aumentare la conversione o la percentuale di clic. Ma prima di entrare, devi capire come i visitatori navigano nel tuo sito.

Vuoi scoprire cose come:

1. Con quali elementi stanno cercando di interagire
2. Da dove vengono
3. Percorso utente/funnel di acquisto del tuo sito
4. La motivazione delle persone per essere lì

Fonte: GIPHY

Una volta ottenute queste informazioni, puoi sperimentare cose basate sui fatti, non su congetture.

Di solito è più facile confrontare una versione A e B con il design CTA. Ma puoi aumentarlo e provare il test multivariato. Più semplice di solito è meglio all'inizio. In questo modo, avrai un chiaro vincitore.

Ma non c'è niente che ti impedisca di provare quel vincitore contro un'altra versione successiva. Dovresti sempre testare e confrontare. Anche quando hai trovato qualcosa che funziona. Questo è ciò che fanno i marchi di successo.

Presta attenzione alla versione mobile

Un consiglio veloce per finire. I tuoi elementi di design avranno un aspetto molto diverso su uno schermo mobile. Stai lavorando con un display molto più piccolo e meno pixel. Quindi il disordine diventa molto più semplice.

Tutto ciò che abbiamo trattato diventa più prevalente nella tua versione mobile. I colori contrastanti devono risaltare di più:

Lo spazio negativo dovrebbe essere una priorità:

E anche il tuo sottotitolo potrebbe trovarsi in un posto diverso. Poiché gli utenti mobili potrebbero non scorrere abbastanza in basso per vederlo sotto:

Grida a CleverTap per quella grafica

È necessario riflettere di più sulla tua UX in generale sui dispositivi mobili. Perché i dispositivi mobili rappresentano oltre la metà di tutto il traffico di ricerca globale. Non puoi aspettarti che la tua versione desktop venga tradotta. E un piccolo sforzo potrebbe comportare una percentuale di clic molto più elevata.

Conclusione

Un design CTA efficace è composto da molti di questi piccoli dettagli. L'ho detto così tante volte in tutto, ma il più piccolo ritocco potrebbe essere tutto ciò che serve. Anche qualcosa di insignificante come il colore o la forma del contorno.

Il test A/B è l'unico modo che conoscerai. E non hai nemmeno bisogno di un costoso strumento CRO per farlo. Tieni traccia delle tue conversioni. Fare un cambiamento. E vedere se c'è un aumento o una diminuzione rispetto al solito numero.

Dai al tuo pulsante di invito all'azione l'attenzione che merita. Potrebbe essere la differenza tra un nuovo cliente o un'opportunità persa.

Hai visto qualche progetto CTA originale di recente? Hai apportato una piccola modifica per aumentare le conversioni? Fateci sapere nei commenti qui sotto.