50 esempi di inviti all'azione su cui non puoi fare a meno di fare clic

Pubblicato: 2022-03-24


Pensa a tutte le volte in cui ti sei iscritto a cose nella tua vita. Hai scaricato Evernote una volta? Dropbox? Spotify? Forse hai anche frequentato un corso sull'Assemblea Generale.

Ognuna di queste iscrizioni è probabilmente il risultato di un efficace invito all'azione (CTA).

Pensaci: se non fossi stato attirato dalla copia o dal design della CTA, o se fossi stato guidato in modo così eloquente attraverso il processo di registrazione, probabilmente useresti molte meno app e siti Web di quelli che fai ora.

È davvero importante guidare i tuoi visitatori attraverso il percorso di acquisto utilizzando CTA strategici.

Scarica ora: 28 modelli CTA gratuiti

Che cos'è una CTA nel marketing?

Come marketer, le CTA sono rilevanti perché incoraggiano il tuo pubblico ad agire in una campagna di marketing.

In definitiva, l'obiettivo di qualsiasi campagna di marketing è guidare il tuo pubblico nel percorso dell'acquirente in modo che alla fine effettui un acquisto.

Tuttavia, ogni campagna di marketing potrebbe avere un'azione diversa da eseguire per il pubblico perché ci sono diverse tattiche che puoi utilizzare per guidare il tuo pubblico nel suo viaggio.

Di seguito sono riportati alcuni esempi dei tipi di copia del pulsante CTA che potresti utilizzare nel marketing:

Grafico che mostra i tipi di CTA comuni I suddetti tipi di CTA servono tutti a uno scopo designato, ma tieni presente che il linguaggio che usano può variare. E oggi, gli esperti di marketing di tutto il mondo hanno dato un tocco creativo ai loro inviti all'azione per generare i contatti da cui dipendono le loro attività.

Per aiutarti a identificare ciò che è efficace e ciò che non lo è, abbiamo elencato esempi di CTA che sono assolutamente fantastici. Questi esempi di invito all'azione sono suddivisi in tre categorie:

  • CTA semplici ed efficaci
  • CTA con ottime frasi di invito all'azione
  • CTA che bilanciano più pulsanti su una pagina

I migliori esempi di call to action del 2022

1. HubSpot

migliori esempi di call to action 2022: HubSpot Fonte immagine

Uno dei vantaggi dell'utilizzo di HubSpot è la ricchezza di risorse gratuite che offrono. Questo CTA slide-in trovato in un articolo che discute di marketing intelligence, dimostra come un CTA ben posizionato può migliorare l'esperienza dell'utente.

È discreto e arriva a metà dell'articolo, non solo spingendo i lettori a "scaricare ora", ma offrendo una risorsa utile e gratuita. Il kit di marketing offre una soluzione pronta all'uso per coloro che potrebbero non sapere da dove cominciare.

Perché questo CTA funziona

Questa CTA slide-in offre una risorsa gratuita direttamente correlata all'argomento dell'articolo su cui appare. I lettori possono finire l'articolo e quindi scaricare la guida con i modelli per iniziare a creare un proprio kit di marketing. (Fai clic qui per sapere come aggiungere CTA slide-in ai post del tuo blog.)

2. Il budgetista

migliori esempi di call to action 2022: Budgetnista Fonte immagine

Gestito dall'educatrice finanziaria personale e autrice Tiffany Aliche, The Budgetnista è uno sportello unico per la finanza personale. Oltre a fornire contenuti che deliziano il suo pubblico, è anche una professionista nella creazione di invitanti CTA.

Invece di inserire semplicemente un CTA di iscrizione per promuovere la sua newsletter, usa un linguaggio che invoglia il lettore a fare clic. "Iscriviti per gli extra settimanali" sembra molto più interessante di "iscriviti alla mia newsletter". Chi non vuole chicche settimanali?

Perché questo CTA funziona

L'uso amichevole e creativo della lingua incoraggia i visitatori a compiere l'azione desiderata. Rispecchia anche la personalità di Aliche, che è un bel tocco e aiuta a personalizzare l'interazione.

3. Più lucido

migliori esempi di call to action 2022: Glossier Fonte immagine

Il marchio di bellezza Glossier ha abbassato la sua immagine di marketing, mostrando immagini realistiche di donne con una varietà di tipi di pelle. Chi può dimenticare la loro campagna per le sopracciglia da ragazzo? Il loro sito Web è pulito con molto spazio bianco che fa risaltare le foto delle modelle e il trucco.

Il loro CTA è una sovrapposizione che appare quando inizi a scorrere verso il basso il loro sito. Mentre molti farebbero rapidamente clic fuori dal pop-up, la lingua scelta da Glossier ti fa venire voglia di restare. "Portiamo questo nella tua casella di posta" è un modo intelligente per chiedere alle persone di iscriversi alla tua newsletter. Se non sei disponibile per unirti, fai semplicemente clic su "Ci sto" e il gioco è fatto.

Perché questo CTA funziona

Come The Budgetnista, Glossier utilizza un fraseggio intelligente che rende il marchio più riconoscibile e invoglia le persone ad agire. L'immagine di una modella con un ottimo trucco Glossier e le illustrazioni incluse aiutano anche a rendere attraente questo CTA.

4. 310 Creativo

migliori esempi di call to action 2022: 310 creatività Fonte immagine

L'agenzia di crescita e partner di HubSpot 310 Creative mira ad aiutare le aziende B2B a ridimensionare e perfezionare il percorso dell'acquirente per aumentare le vendite. Sapendo che i visitatori del sito potrebbero non sapere di quali servizi specifici hanno bisogno, 310 Creative utilizza un CTA che rimuove la confusione.

Il CTA slide-in sollecita i visitatori a prenotare una valutazione gratuita per avere un po' di chiarezza su dove la loro attività potrebbe non essere all'altezza e scoprire perché si stanno verificando questi risultati.

Perché questo CTA funziona

Non solo rimuove le barriere affermando esplicitamente che il servizio è gratuito, questo CTA dimostra anche empatia per il visitatore. Descrivendo un problema seguito da "Se questo suona familiare, parliamone" dimostra che 310 Creative è qui per aiutare e comprende la frustrazione dell'utente.

5. Apogeo

migliori esempi di call to action 2022: HeyDay Fonte immagine

Heyday è un po' un ribelle nell'industria del viso. Il suo approccio minimalista e senza fronzoli lo ha reso uno dei preferiti tra coloro che vogliono solo vedere un'estetista senza il trambusto e l'upselling.

Quell'approccio minimalista, ma amichevole, si manifesta anche nel loro CTA. Facendo un ottimo uso di alcuni modelli con la pelle luminosa, questo CTA invoglia gli spettatori a iscriversi alla loro newsletter con uno sconto. Il pulsante "Iscriviti e salva" è convincente, insieme al collegamento ipertestuale divertente "No grazie, preferisco la cura della pelle a prezzo pieno" per disattivare.

Perché questo CTA funziona

Heyday ha impiegato una bella estetica, uno sconto e un umorismo per incoraggiare i visitatori a intraprendere l'azione desiderata.

6. VRBO

migliori esempi di call to action 2022: VRBO Fonte immagine

Se ami esplorare le bellissime case per le vacanze nel tuo tempo libero, VRBO è un ottimo posto per farlo. Il marchio fa un grande uso dell'estetica ambiziosa e dei luoghi meravigliosi.

Il CTA blu scuro si apre sullo sfondo bianco di VRBO, attirando il lettore. Quindi il pulsante "scopri la tua fuga" aggiunge un tocco di avventura per coloro che potrebbero essere interessati ad affittare una casa per le vacanze.

Perché questo CTA funziona

VRBO fa un ottimo uso del colore e del fraseggio. Non è una vacanza, ma piuttosto un'avventura in cui possono fungere da guida fidata.

7. Hulu

migliori esempi di call to action 2022: Hulu Fonte immagine

Il gigante dello streaming Hulu ha scelto un approccio drammatico con questo CTA. Lo sfondo sfumato mostra tutte le sue offerte televisive e cinematografiche, mentre il testo verde e bianco del CTA attira la tua attenzione sulla promozione.

È una registrazione e un upsell in uno, informando gli utenti che possono ottenere uno sconto aggiuntivo con Disney+ ed ESPN+.

Perché questo CTA funziona

Questo CTA attira i visitatori con l'impressione che stiano ottenendo un accordo con il pacchetto. Invece di avere solo un pulsante di registrazione, è "prendi il pacchetto disney". Pone l'accento sulla fornitura di valore per indurre i visitatori ad agire.

8. Hija De Tu Madre

migliori esempi di call to action 2022: Hija de tu Madre

Fonte immagine

L'azienda di abbigliamento Hija De Tu Madre, lo mantiene fresco con una combinazione di colori pulita, rosa e bianca che trasuda giovinezza e freschezza. La maggior parte di ciò che rende i loro CTA così attraenti è l'intelligente gioco di parole, che mescola spagnolo e inglese, un'ode al loro pubblico di destinazione.

migliori esempi di call to action 2022: Hija de tu Madre Fonte immagine

Poiché sono così coinvolti nel loro pubblico, Hija De Tu Madre può estrarre più informazioni dai loro visitatori. Invece di avere solo una CTA che richiede un'e-mail (prima immagine), hanno introdotto una richiesta da telefono cellulare in una seconda CTA. Come fanno a convincere le persone a consegnare le loro cifre? Offrendo loro la possibilità di vincere merchandising, in particolare le loro famose giacche di jeans.

Perché questo CTA funziona

Offrire qualcosa che i visitatori considerano prezioso in cambio delle loro informazioni personali, in questo caso un'ambita giacca di jeans, renderà le persone più propense a condividere più informazioni. La chiave è conoscere il tuo pubblico e attingere ai loro interessi.

9. Lana e la banda

migliori esempi di call to action 2022: Wool and the Gang Fonte immagine

Questo CTA di Wool and the Gang ti farà sentire tutto sfocato all'interno. Lo sfondo del collage dei clienti che indossano i loro capi Wool and the Gang più un cucciolo carino attira davvero il lettore e si adatta al pubblico del marchio.

Il pulsante CTA afferma "condividi le tue maglie #woolandthegang" che incoraggia i clienti a condividere ciò che hanno realizzato utilizzando i prodotti Wool and the Gang, fungendo sia da promozione del marchio che da coinvolgimento del cliente.

Perché questo CTA funziona

Questo CTA non solo cattura l'attenzione del visitatore, ma crea un senso di comunità e invoglia i visitatori a unirsi. Questo particolare CTA funge anche da promozione del marchio poiché più clienti condividono i loro kit sui social media.

10. Tweak It Studio

migliori esempi di call to action 2022: Tweak It Studio Fonte immagine

L'azienda di arredamento e design per la casa Tweak It Studio mostra l'importanza di avere CTA divertenti ma chiari.

Attirano l'attenzione del visitatore con "Just Dropped" in grandi lettere in grassetto per informare i lettori sui nuovi prodotti offerti, quindi lo combinano con un pulsante CTA che indica esattamente qual è l'oggetto, in questo caso "nomi di legno personalizzati". È molto più efficace di un semplice pulsante che dice semplicemente "acquista ora".

Perché questo CTA funziona

Questo CTA utilizza l'urgenza con "appena rilasciato" per convincere i visitatori a controllare i nuovi articoli nel negozio e comunica anche chiaramente nel pulsante in cui si dirige il visitatore dopo aver fatto clic.

Vuoi più ispirazione per il design CTA? Dai un'occhiata ad alcuni dei nostri esempi di call to action preferiti di seguito.

1. CTA HubSpot [Modelli gratuiti]

Modelli di invito all'azione HubSpot

Cerchi ispirazione per creare CTA migliori? Utilizza i nostri modelli CTA progettati professionalmente per generare più clic, invii e lead dai tuoi contenuti.

2. Evernote

CTA: Iscriviti

Esempio CTA: Evernote

Fonte immagine

"Ricordare tutto." I visitatori possono capire immediatamente quel messaggio nel momento in cui atterrano su questa pagina. Il design sul sito Web di Evernote rende semplicissimo per gli utenti vedere rapidamente i vantaggi dell'utilizzo dell'app e come registrarsi per utilizzarla. Inoltre, il colore verde dei pulsanti CTA principale e secondario è lo stesso verde del titolo e del logo Evernote, che saltano tutti fuori dalla pagina.

Come replicare questo CTA

Prendi in considerazione l'utilizzo di un colore brillante che contrasti bene con gli elementi della tua pagina web per far risaltare la tua CTA.

3. Casella personale

CTA: Iscriviti gratuitamente

CTA example: Dropbox

Fonte immagine

Dropbox ha sempre abbracciato un design semplice con molto spazio negativo. Anche la grafica sulla loro homepage è sottile e semplice.

Grazie a quel design semplice e allo spazio negativo, il pulsante di invito all'azione blu "Iscriviti gratuitamente" si distingue da tutto il resto della pagina. Poiché l'invito all'azione e il logo Dropbox sono dello stesso colore, è facile per il visitatore interpretare questo invito all'azione come "Registrati a Dropbox". Questo è un efficace invito all'azione.

Come replicare questo CTA

Lo spazio negativo può funzionare a tuo favore se usato correttamente. Usalo a tuo vantaggio consentendo alla tua CTA di distinguersi utilizzando i colori audaci del tuo marchio

4. OfficeVibe

CTA: Iscriviti

CTA example: OfficeVibe

Fonte immagine

Ecco un invito all'azione scorrevole che ha attirato la mia attenzione da OfficeVibe. Durante lo scorrimento di un post sul loro blog, un banner è scivolato dalla parte inferiore della pagina con un invito all'azione per iscriversi al loro blog. La parte migliore? La copia sulla diapositiva mi diceva che avrei ricevuto suggerimenti su come diventare un manager migliore e il post in cui è apparso era un post su come diventare un manager migliore. In altre parole, l'offerta era qualcosa che già mi interessava.

Inoltre, mi piace quanto siano discreti i CTA slide-in, al contrario di ciò che la mia collega Rachel Sprung chiama "stop-everything-and-click-qui-pop-up-CTA". Trovo che questi CTA offrano un'esperienza più amabile perché forniscono più informazioni pur permettendomi di continuare a leggere il post del blog.

Come replicare questo CTA

Puoi creare il tuo CTA slide-in utilizzando gli strumenti di marketing di HubSpot. Dopo aver progettato la tua CTA utilizzando i nostri modelli, crea un account HubSpot. Vai a Marketing > Lead Capture > CTA nel tuo account HubSpot e segui le istruzioni CTA qui.

5. Netflix

CTA: Iscriviti gratuitamente per un mese

Esempio CTA: Netflix

Fonte immagine

Una grande paura che gli utenti hanno prima di impegnarsi a registrarsi per qualcosa? Che sarà un dolore cancellare il loro abbonamento se finiranno per non piacergli. Netflix stronca la paura sul nascere con la copia "Annulla in qualsiasi momento" proprio sopra la CTA "Iscriviti gratuitamente per un mese". Azzarderei a indovinare che la rassicurazione da sola ha aumentato le iscrizioni. Inoltre, noterai di nuovo che il colore rosso delle CTA primarie e secondarie qui corrisponde al colore del logo di Netflix.

Come replicare questo CTA

Non solo puoi attirare l'attenzione di un visitatore con un netto contrasto di colore, ma puoi usare un linguaggio nel tuo CTA che lo invogli a fare clic. Prendi in considerazione l'utilizzo di "Prova gratuitamente" o qualcosa di simile nella tua CTA che rimuove il rischio per i potenziali clienti.

6. Piazza

CTA: Inizia

CTA Example: Square

Fonte immagine

Per ottenere un design CTA efficace, devi considerare più del semplice pulsante stesso. È anche molto importante considerare elementi come il colore di sfondo, le immagini circostanti e il testo circostante.

Consapevoli di questi componenti di design aggiuntivi, le persone di Square hanno utilizzato un'unica immagine per mostrare la semplicità dell'utilizzo del loro prodotto, in cui il CTA "Inizia" in bilico attende il tuo clic. Se guardi da vicino, il colore della carta di credito nell'immagine e il colore del pulsante CTA corrispondono, il che aiuta lo spettatore a collegare i punti di cosa aspettarsi se/quando fa clic.

Come replicare questo CTA

Puoi utilizzare il colore per aiutare i visitatori a collegare i punti, sia che si tratti di coordinare toni simili come in questa immagine, sia utilizzando i colori del marchio come l'esempio di Dropbox.

7. Prezi

CTA: Prova Prezi

Esempio CTA: Prezi

Fonte immagine

Le persone di Prezi amano anche l'aspetto del design minimalista sul loro sito web. Oltre al dinosauro verde e al caffè marrone scuro, l'unico altro colore che accompagna il design prevalentemente in bianco e nero è un blu brillante, lo stesso blu del loro logo principale. Quel blu brillante è posizionato strategicamente sulla home page: il CTA principale "Prova Prezi" e il CTA secondario "Inizia", ​​che portano entrambi gli utenti alla stessa pagina dei prezzi.

Come replicare questo CTA

Questa pagina ha adottato una combinazione di colori minimalista, ma ha incorporato due CTA con lo stesso pulsante di colore che indirizzano i visitatori alla stessa pagina di destinazione. Se la tua pagina ha un design pulito e minimalista, prova a provare due CTA con testo diverso per attirare i visitatori.

8. Pacchetto completo

CTA: Il nostro lavoro

CTA Example: Full Bundle

Fonte immagine

Full Bundle è un'altra azienda che utilizza lo spazio negativo per far risaltare il proprio CTA principale. La call to action bianca “Our Work” risalta sui grigi scuri dello sfondo. Anche la loro scelta di CTA è strategica. Dato che esistono principalmente per creare presenze online dei clienti, è importante che mostrino il proprio lavoro, ed è per questo che la maggior parte delle persone visita il proprio sito web.

Come replicare questo CTA

Fai un uso creativo dello spazio negativo come i toni di grigio di Full Bundle. Come puoi vedere, le diverse sfumature di grigio creano triangoli, aggiungendo un sottile elemento di design che fa risaltare il loro CTA bianco nella parte inferiore.

9. Pantera

CTA: Unisciti

Esempio CTA: Panthera

Fonte immagine

La gente di Panthera è alla ricerca di utenti che si preoccupano davvero dei gatti selvatici in tutto il mondo e vogliono unirsi a un gruppo di persone che la pensano allo stesso modo. Per prendere di mira queste persone in particolare, amiamo il modo in cui usano un linguaggio che parlerebbe ai grandi amanti dei gatti: "Unisciti all'orgoglio oggi". La pagina stessa è semplicissima: un modulo sulla pagina con due campi semplici e un pulsante che chiede alle persone di (di nuovo) "Unisciti".

Come replicare questo CTA

Stabilisci una connessione con il tuo pubblico di destinazione utilizzando il vernacolo relativo al tuo marchio che attirerebbe loro nel tuo CTA.

10. EPICO

CTA: Iniziamo insieme un nuovo progetto

Esempio CTA: EPIC

Fonte immagine

Le persone dell'agenzia EPIC usano la loro homepage principalmente per mostrare il loro lavoro. Quando arrivi sulla pagina, sei accolto con video animati che mostrano alcuni dei lavori che hanno svolto per i clienti, che ruotano su un carosello. Sebbene ci siano molti altri posti in cui gli utenti possono fare clic sul loro sito, inclusi i siti Web dei loro clienti, l'invito all'azione principale si distingue e contrasta sempre con il video che viene riprodotto in background.

Adoro il fatto che sia caratterizzato da un linguaggio amichevole e inclusivo — "Iniziamo insieme un nuovo progetto" — che dà un suggerimento agli utenti che cercano un partner creativo per il quale sono una squadra particolarmente eccezionale per lavorare.

Come replicare questo CTA

Usa un linguaggio invitante. È facile creare un pulsante che dice semplicemente "unisciti a noi", ma non è molto convincente. Considera qualcosa di più amichevole come "lavoriamo insieme" o qualcosa di specifico per il servizio che offri.

11. Acquaspresso

CTA: Inviami offerte speciali ora!

Esempio CTA: Aquaspresso

Fonte immagine

Il punto centrale di un invito all'azione è indirizzare i visitatori del tuo sito verso la linea d'azione desiderata, e le migliori CTA lo fanno in un modo che sia utile ai loro visitatori. La gente dell'azienda di caffè Aquaspresso ha davvero inchiodato l'equilibrio qui con il CTA pop-up sulla loro pagina principale del blog.

Qui, la linea d'azione desiderata è che i lettori del loro blog controllino cosa stanno effettivamente vendendo (e, si spera, acquistino da loro). Ci sono molti modi in cui avrebbero potuto farlo, incluso pubblicare un CTA che esorta le persone a "Dai un'occhiata ai nostri prodotti più popolari!" o qualcosa di molto diretto. Ma invece adoriamo quello che hanno fatto: il loro CTA offre ai lettori del blog qualcosa di molto più utile e sottile: un'offerta per le "specialità di oggi" in cambio dell'indirizzo e-mail del lettore.

L'aggiunta che gli speciali sono solo per oggi è un ottimo esempio di una tattica psicologica chiamata scarsità, che ci fa assegnare più valore alle cose che riteniamo scarse. La paura che le offerte speciali di oggi siano migliori di quelle di domani potrebbe far desiderare alle persone di compilarle e rivendicare la loro offerta finché possono.

Come replicare questo CTA

L'invito all'azione sopra è stato creato utilizzando i modelli di HubSpot. Prendi in considerazione l'introduzione di un senso di urgenza per i visitatori del sito Web utilizzando la scarsità nel tuo CTA. Puoi utilizzare frasi come "offerta a tempo limitato" o "ottieni le offerte di oggi" per motivare i visitatori a intraprendere l'azione desiderata.

12. QuickSprout

CTA: Stai sbagliando il tuo SEO? Inserisci il tuo URL per scoprirlo

CTA Example: QuickSprout

Fonte immagine

Nessuno vuole sbagliare. Ecco perché un pulsante di invito all'azione come il CTA slide-in di QuickSprout sul loro blog è così cliccabile. Chiede al lettore: "Stai sbagliando il tuo SEO?" Bene, lo sono? Tutto quello che devo fare è inserire il mio URL per scoprirlo: sembra abbastanza facile. È un linguaggio del genere che può davvero invogliare i visitatori a fare clic.

Inoltre, avere la diapositiva CTA nel post del blog a metà è un'ottima tattica per catturare i lettori prima che rimbalzino sulla pagina. Tradizionalmente, molti blog hanno CTA in fondo a ogni post del blog, ma la ricerca mostra che la maggior parte dei lettori ottiene solo il 60% del percorso di un articolo.

Come replicare questo CTA

Usa un linguaggio nella tua CTA che attiri l'attenzione del visitatore o parli a un punto dolente che potrebbe avere. Il caso sopra utilizza la SEO, ma potresti usare qualcosa come "Hai problemi a convertire i lead?" e quindi posiziona il tuo servizio come rimedio. (Fai clic qui per sapere come aggiungere CTA slide-in ai post del tuo blog.)

13. Oca grigia

CTA: Scopri un cocktail su misura per i tuoi gusti

Esempio CTA: Grey Goose

Fonte immagine

Ecco un invito all'azione divertente e unico che può indurre le persone a fare clic. Mentre i visitatori del sito avrebbero potuto aspettarsi di essere indirizzati alle pagine dei prodotti o ai comunicati stampa dalla home page, una CTA per "Scoprire un cocktail su misura per il tuo gusto" è una richiesta piacevolmente sorprendente. Le persone adorano la personalizzazione e questo tipo di CTA sembra un gioco allettante. L'icona del pulsante di riproduzione accanto alla copia fornisce un suggerimento che i visitatori verranno indirizzati a un video in modo che abbiano un'idea migliore di cosa aspettarsi quando fanno clic.

Come replicare questo CTA

La personalizzazione fa miracoli per stabilire una connessione con i visitatori. Prendi in considerazione l'implementazione di una CTA che suggerisca un'esperienza personalizzata per i visitatori in base al prodotto o servizio che offri. Ad esempio, potresti dire "Esplora i piani adatti al tuo budget" o "scegli un design su misura per il tuo marchio".

14. Casa sull'albero

CTA: richiedi la tua prova gratuita

CTA Example: Treehouse

Fonte immagine

Molti siti Web aziendali offrono agli utenti l'opportunità di iniziare una prova gratuita. Ma la CTA sul sito Web di Treehouse non dice solo "Inizia una prova gratuita"; dice "Richiedi la tua prova gratuita".

La differenza nella formulazione può sembrare sottile, ma pensa a quanto sia più personale "Richiedi la tua prova gratuita". Inoltre, la parola "reclamo" suggerisce che potrebbe non essere disponibile a lungo, dando agli utenti un senso di urgenza per ottenere quella prova gratuita finché possono.

Come replicare questo CTA

Se offri una prova gratuita per il tuo servizio, invece di utilizzare semplicemente un pulsante che dice "prova gratuita", personalizza l'esperienza utilizzando "avvia la tua prova gratuita".

15. OK Cupido

CTA: Continua

CTA example: OKCupid

Fonte immagine

Il CTA di OKCupid non sembra così impressionante a prima vista, ma la sua brillantezza sta nei piccoli dettagli.

Il pulsante di invito all'azione, che è verde brillante e risalta bene su uno sfondo blu scuro, dice "Continua". La semplicità di questo termine fa sperare che il processo di registrazione sia breve e casuale. Per me, questo CTA sembra più come se stessi giocando a un gioco divertente che compilando un modulo noioso o impegnandomi in qualcosa che potrebbe rendermi nervoso. Ed è tutto dovuto alla copia.

Come replicare questo CTA

Alla gente piacciono i giochi, quindi se funziona per il tuo prodotto o servizio, prova a ludicizzare il tuo CTA per suscitare interesse.

16. Blog.org

CTA: orologio per il conto alla rovescia

CTA example: Blogging.org

Fonte immagine

Niente come un timer che ticchetta per far desiderare a qualcuno di agire. Dopo aver trascorso un breve lasso di tempo sulla home page di blogging.org, i nuovi visitatori vengono accolti con un CTA pop-up con un'"offerta a tempo limitato", accompagnata da un timer che conta alla rovescia da due minuti.

Come con l'esempio di Aquaspresso al n. 10, questo è un uso classico della tattica psicologica chiamata scarsità, che ci fa assegnare più valore alle cose che riteniamo scarse. Limitare il tempo che qualcuno ha per compilare un modulo fa sì che le persone vogliano compilarlo e rivendicare la loro offerta finché possono.

Curioso, cosa succede quando il tempo scade? Anch'io. Esilarante, non succede nulla. Il pop-up CTA rimane sulla pagina quando il timer arriva a zero.

Come replicare questo CTA

Simile ad Aquaespresso, considera l'utilizzo della scarsità per dare ai visitatori del tuo sito un senso di urgenza di agire.

17. IMPATTO Branding e design

CTA: cosa facciamo

Esempio CTA: impatto

Fonte immagine

I CTA possono sembrare davvero invadenti e commerciali (sì, è una parola...) se viene usata la lingua sbagliata. Mi piace l'approccio educativo di IMPACT, in cui sfidano i visitatori a imparare cosa fa l'azienda prima di spingerli a intraprendere qualsiasi ulteriore azione. Questo invito all'azione è particolarmente intrigante per me perché non usano nemmeno un verbo d'azione, ma riescono comunque a invogliare le persone a fare clic.

Come replicare questo CTA

Attira i visitatori a saperne di più sulla tua attività utilizzando un linguaggio nella tua CTA che li persuade a vedere cosa fai. Usa qualcosa come "vedi i nostri progetti passati", "cosa facciamo" o "guarda il nostro lavoro".

18. Umorismo

CTA: avvio (non premere)

CTA Example: Huemor

Fonte immagine

Se andassi su un sito web e vedessi un CTA “Launch” accompagnato dal copy “Do Not Press”… cosa faresti ? Siamo onesti: moriresti dalla voglia di insistere. L'uso dell'innocua psicologia inversa qui è giocoso, il che è molto in linea con la voce del marchio Huemor.

Come replicare questo CTA

Se il tuo marchio è più giocoso o nel settore creativo, puoi usarlo a tuo vantaggio in un CTA usando la ludicizzazione o la psicologia inversa come l'esempio di Huemor.

19. Brooks che corre

CTA: Scopri quando ne abbiamo di più

Esempio CTA: disponibilità del prodotto per scarpe da corsa Brooks

Fonte immagine

Quante volte hai perseguito con foga un prodotto che ami, solo per scoprire che è esaurito? Bene, come forse saprai, non è nemmeno un picnic per il venditore. Ma solo perché hai esaurito un articolo non significa che dovresti smettere di promuoverlo.

Brooks Running utilizza un invito all'azione intelligente per garantire che i propri clienti non rimbalzino dal loro sito Web solo perché la loro scarpa preferita è esaurita. Nello screenshot sopra, puoi vedere Brooks pubblicizzare una scarpa dall'aspetto fantastico con la CTA, "Scopri quando ne abbiamo di più". Adoro il modo in cui questo pulsante trasforma le cattive notizie in un'opportunità per fidelizzare i clienti. Senza di essa, i clienti di Brooks probabilmente si dimenticherebbero della scarpa e guarderebbero altrove.

Quando fai clic sul pulsante blu CTA illustrato di seguito, Brooks ti indirizza a una pagina con un semplice codice in cui puoi inviare un messaggio all'azienda. Questo codice richiede a Brooks di avvisare automaticamente il visitatore quando la scarpa che desidera è di nuovo disponibile.

Come replicare questo CTA

Per le attività di e-commerce, inviare i clienti a una pagina in cui si afferma che l'articolo è esaurito può essere un ostacolo per i clienti e farli rimbalzare. Prendi in considerazione l'aggiunta di un CTA che dice "informami quando rifornito" o "scopri quando ne abbiamo di più" per tenerli coinvolti e ottenere le loro informazioni via email.

20. Contea di Humboldt

CTA: Segui la magia

CTA example: Humboldt County

Fonte immagine

Il sito web di Humboldt County è stupendo di per sé: ti accoglie con un video a schermo intero di filmati incredibilmente belli. Ma quello che mi piace davvero è il pulsante di invito all'azione non convenzionale posizionato in basso al centro, che presenta l'icona di un coniglietto e le parole "Segui la magia".

Migliora il tipo di sensazione fantastica del filmato, facendoti sentire come se stessi per entrare in una fiaba.

Inoltre, una volta che fai clic su quella CTA, il sito Web si trasforma in una sorta di gioco di avventura, che è un divertente percorso di invito all'azione per gli utenti e li incoraggia a trascorrere più tempo sul sito.

CTA example: Humboldt County adventure

Fonte immagine

Come replicare questo CTA

Ottimo per le compagnie di viaggio e le aziende creative, CTA come il lettore di richiamo di Humbolt. Se il tuo marchio ha un margine di manovra creativo, usalo. Potresti provare con una frase come "trova la tua prossima avventura" o "pianifica il tuo viaggio".

21. Uber

CTA: Iscriviti per guidare | Inizia a guidare con Uber

Esempi di CTA: Uber

Fonte immagine

Uber sta cercando due tipi molto distinti di persone da iscrivere sul proprio sito Web: motociclisti e conducenti. Entrambi i personaggi sono alla ricerca di cose completamente diverse, eppure il sito Web li collega molto bene con il grande video in background che mostra i motociclisti e i conducenti di Uber che si divertono in luoghi di tutto il mondo.

Adoro anche la copia del CTA del conducente in alto: non è molto più semplice di "Fai soldi guidando la tua auto". Questo è parlare la lingua delle persone.

Come replicare questo CTA

Mirare a due tipi di clienti? Puoi creare CTA per ciascuno dei loro personaggi in modo simile a Uber.

22. Spotify

CTA: Vai Premium | Gioca gratis

Esempio CTA: Spotify

Fonte immagine

Non appena raggiungi la home page di Spotify, è abbastanza chiaro che il loro obiettivo principale è attirare clienti disposti a pagare per un account premium, mentre il CTA per gli utenti che si iscrivono gratuitamente è molto secondario.

Non è solo il titolo a rivelarlo; è anche la colorazione dei loro pulsanti CTA. L'invito all'azione "Go Premium" è verde lime, facendolo spuntare dalla pagina, mentre l'invito all'azione "Play Free" è bianco e si fonde con il resto della copia sulla pagina. Questo contrasto assicura che i visitatori siano attratti dalla CTA premium.

Come replicare questo CTA

Se offri sia una versione a pagamento che gratuita di un servizio, considera l'utilizzo di due CTA separati, scegliendo un colore che si apre per l'opzione a pagamento rispetto a qualcosa di più sottovalutato per la versione gratuita.

23. Ugmonk

CTA: Mandami i coupon | Non mi interessa

CTA example: Ugmonk

Fonte immagine

I CTA di uscita, noti anche come popup con intento di uscita, sono diversi dai normali popup. Rilevano il comportamento dei tuoi utenti e appaiono solo quando sembra che stiano per lasciare il tuo sito. Intervenendo in modo tempestivo, questi pop-up servono come un modo fantastico per attirare l'attenzione del tuo lettore offrendo loro un motivo per rimanere.

Ugmonk ha un ottimo CTA di uscita, offrendo due opzioni per gli utenti come ultimo appello prima che lascino il sito. Innanzitutto, offrono uno sconto del 15% sui loro prodotti, seguito da due opzioni: "Sì, per favore: inviami il coupon" e "No, grazie: non sono interessato". È molto utile che ogni CTA chiarisca cosa significano effettivamente "Sì" e "No", e mi piace anche che non usino un linguaggio che provoca sensi di colpa come "No, grazie: odio la natura" come ho visto su altri siti web. Infine, nota che il pulsante "Sì, per favore" ha un colore molto più luminoso e invitante rispetto all'altra opzione.

Come replicare questo CTA

Le CTA con intenzione di uscita sono estremamente utili per l'e-commerce. Puoi offrire uno sconto sui servizi o qualcos'altro di valore per invogliare i visitatori a convertirsi.

24. Pinterest

CTA: Continua con Facebook | Iscrizione

CTA example: Pinterest signup call to action button

Fonte immagine

Vuoi iscriverti a Pinterest? Hai un paio di opzioni: iscriviti tramite Facebook o via e-mail. Se hai un account Facebook, Pinterest vuole che tu lo faccia prima. Come lo so? Esteticamente, lo so perché il CTA blu di Facebook viene prima ed è molto più prominente, colorato e riconoscibile grazie al logo e al colore del marchio. Logicamente, lo so perché se accedi tramite Facebook, Pinterest può inserire i dati dell'API di Facebook e ottenere più informazioni su di te rispetto a se accedi tramite il tuo indirizzo e-mail.

Sebbene questa homepage sia ottimizzata per attirare nuovi membri, noterai un CTA molto sottile per le persone con account Pinterest per accedere in alto a destra.

Come replicare questo CTA

Consenti agli utenti di registrarsi con Facebook o Google nella tua CTA. Ciò consente ai visitatori di risparmiare tempo durante la registrazione e sarai in grado di ottenere maggiori informazioni su di loro.

25. Addio

CTA: Portami lì | Qual è il prossimo?

Esempio CTA: Madewell

Fonte immagine

Madewell (di proprietà di J.Crew) ha sempre avuto un design di siti Web straordinario, portando quello che potrebbe essere un tipico sito Web di e-commerce al livello successivo. Il loro uso di CTA sulla loro homepage non fa eccezione.

Quando arrivi per la prima volta sulla pagina, vieni accolto con il titolo "Sto cercando ..." seguito da una categoria, come "Vestiti che viaggeranno ovunque". Sotto questa copia ci sono due opzioni: "Sì, portami lì" o "Hmm... Cosa c'è dopo?" L'utente può scegliere tra le due CTA per sfogliare i vestiti che vanno bene per viaggiare o essere portato al tipo di abbigliamento successivo, dove può giocare di nuovo.

Questa ludicizzazione è un ottimo modo per rendere il tuo sito più interessante per gli utenti che lo incontrano senza avere un'idea specifica di dove vogliono guardare.

How to Replicate this CTA

Use gamification in your CTA to persuade visitors to explore your site further. They may not know specifically what they are looking for or how your company can help. Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | Scaricalo su Google Play

CTA example: Instagram

Fonte immagine

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | Dare un regalo

CTA example: Barkbox

Fonte immagine

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | View products

CTA example: t.c. pharma

Fonte immagine

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | sottoscrivi

CTA example: General Assembly

Fonte immagine

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

CTA examples: Charity Water

Fonte immagine

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | Hotels | Cars | Pacchi

CTA example: Hipmunk

Fonte immagine

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | No thanks

CTA example: MakeMyPersona

Fonte immagine

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | Try for Free

CTA example: TeuxDeux

Fonte immagine

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

Questo è tutto.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

CTA example: Betabrand

Fonte immagine

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Come replicare questo CTA

Incoraggiare la partecipazione dei visitatori utilizzando una CTA di tipo votazione o sondaggio, se appropriato. Aiuta i clienti a sviluppare una relazione personale con il marchio perché contribuiscono al processo decisionale.

35. Favole

CTA: Edizione Limitata

Esempio CTA: Fabletics

Fonte immagine

Questa CTA di Fabletics utilizza diverse tattiche di marketing: scarsità e vacanza.

Sulla homepage, il marchio annuncia una collezione in edizione limitata legata a una festa (la festa della mamma).

Inoltre, la CTA utilizza un colore brillante in modo che la CTA risalti sulla semplice home page.

Come replicare questo CTA

Combina i tipi di CTA quando ha senso. Ad esempio, potresti utilizzare la scarsità con una promozione a tempo limitato per un'inaugurazione, una vacanza o per celebrare il lancio di un nuovo prodotto.

36. Ashley Stewart

CTA: Acquista il Lookbook

Esempio CTA: Ashley Stewart

Fonte immagine

Ashley Stewart è un marchio di abbigliamento rivolto alle donne più grandi. In questo CTA, l'azienda utilizza un design divertente per invogliare i visitatori del sito web. L'intero collage di immagini sembra un rullino fotografico dietro le quinte, che è interessante da guardare.

Inoltre, la copia CTA va dritta al punto, il che è utile per i visitatori che stanno cercando di navigare.

Come replicare questo CTA

A volte breve e dolce è l'approccio migliore. Usa le tue CTA per arrivare al punto e ottenere ai visitatori quello che vogliono. Potresti usare qualcosa come "acquista questo look" o "scarica la guida ora".

37. Amazon Music

CTA: 3 mesi gratis

Esempio CTA: Amazon Music

Fonte immagine

Questo è un ottimo esempio di molti degli elementi di cui abbiamo parlato in un CTA.

Amazon utilizza due CTA posizionati strategicamente, dal design colorato ma semplice e offre il prodotto gratuitamente.

Con questa CTA, Amazon sta promuovendo uno dei propri prodotti e servizi sulla sua home page invece di altri prodotti in vendita sul sito.

L'unico messaggio che vogliono trasmettere? Che tu possa provare il loro prodotto, Amazon Music, gratuitamente per tre mesi interi. Questo CTA raggiunge questo obiettivo con un design semplice.

Come replicare questo CTA

Offrire una prova gratuita? Rendilo noto utilizzando un CTA prominente che si apre ed eliminando le funzionalità non necessarie che ingombrano la pagina di destinazione.

38. Barnes e Noble

CTA: Acquista ora

Esempio CTA: barnes e nobile

Fonte immagine

Barnes and Noble utilizza un semplice CTA per invogliare i visitatori a fare acquisti in una collezione limitata durante le vacanze della festa della mamma.

Mi piace questo CTA perché il design della pagina di destinazione è così coerente con il marchio dell'intera azienda.

Inoltre, la grafica e i caratteri sono tutti interessanti e corrispondono alla messaggistica del marchio.

Come replicare questo CTA

Crea un look coerente che attiri il tuo pubblico e si allinei con la voce del tuo marchio. Gioca con caratteri e colori che si completano a vicenda e sono piacevoli alla vista. Mantieni la CTA semplice con un pulsante "acquista ora" o "scarica ora".

39. Lasco

CTA: Ulteriori informazioni | Contattaci

slack-esempio

Fonte immagine

Slack utilizza un design bello e semplice sulla sua home page per invogliare i visitatori a fare clic su uno dei due pulsanti CTA.

Mi piace questo esempio perché Slack ha due pulsanti CTA per due diversi tipi di pubblico. Se hai appena iniziato la tua ricerca, puoi fare clic su "Ulteriori informazioni". Tuttavia, se sei un visitatore abituale e sai che vuoi parlare con un addetto alle vendite, puoi fare clic su "Contattaci".

Questo è un ottimo esempio di servire due segmenti di pubblico con i tuoi CTA sulla tua home page.

Come replicare questo CTA

Servi due segmenti di pubblico con inviti all'azione separati sulla stessa pagina di destinazione. Puoi renderli distinti usando il colore per contrastare i due pulsanti o attirare più attenzione sulla scelta desiderata.

40. Nintendo

CTA: confronta le funzionalità

Esempio CTA: Nintendo

Fonte immagine

Sul sito web di Nintendo, l'azienda si concentra sulla risposta a qualsiasi domanda possa avere un visitatore.

In effetti, uno dei principali CTA è "Confronta funzionalità". Con questo CTA, Nintendo risponde a una delle loro domande più popolari perché capisce che molti visitatori stanno ancora facendo le loro ricerche prima di acquistare un prodotto.

Come replicare questo CTA

Hai più prezzi o opzioni di funzionalità? Prendi in considerazione l'utilizzo di una CTA che aiuti gli utenti a confrontare le loro scelte in modo che possano prendere una decisione più informata.

Crea le tue CTA

Ecco qua. Ora puoi vedere quanto possono essere importanti alcune piccole modifiche CTA. Prendi ispirazione dagli esempi sopra e crea CTA che convertono.

Divulgazione completa: non disponiamo di dati per sapere se hanno tutti un successo scientifico, ma questi esempi seguono tutti le nostre migliori pratiche. Se decidi di ricreare queste CTA sul tuo sito, ricorda di testare per vedere se funzionano per il tuo pubblico.

Nota del redattore: questo post è stato originariamente pubblicato a giugno 2014 ed è stato aggiornato per completezza.

Nuovo invito all'azione