48 esempi di CTA che non puoi fare a meno di cliccare (parte I)

Una buona parte degli acquisti e delle iscrizioni a servizi che facciamo ogni giorno nasce da una CTA. Ci hai mai fatto caso? Probabilmente anche la tua iscrizione a Spotify o l’abbonamento a un quotidiano online derivano da una “chiamata all’azione” ben scritta, ben congegnata e pensata su un target (che, in quel caso, eri proprio tu). 

Se il design o il testo della CTA non ti avessero attratto, probabilmente non avresti cliccato e acquistato con tanta convinzione.  

Noi conosciamo molto bene l’importanza di una buona CTA – o Call To Action – e in questo articolo spiegheremo come l'utilizzo di CTA strategiche possa guidare i tuoi visitatori attraverso il percorso di acquisto e concluderlo. Lo facciamo attraverso degli esempi, che secondo noi sono sempre efficaci! 

Che cos'è un invito all'azione (CTA)? 

Una CTA è un invito all'azione ed è la parte di una pagina web, di una pubblicità o di un contenuto che incoraggia il pubblico a fare qualcosa. Nel marketing, le CTA aiutano un'azienda a convertire un visitatore o un lettore in un lead per il team di vendita.  

Tipi di CTA 

Non tutte le campagne di marketing utilizzano gli stessi tipi di CTA, poiché esistono diverse tattiche che puoi utilizzare per guidare il tuo pubblico nel suo percorso. Ad esempio, una campagna di marketing con l'obiettivo di acquisire più abbonati alla newsletter potrebbe utilizzare una form, mentre una campagna che invoglia gli utenti a "scoprire di più" potrebbe utilizzare un pulsante. 

Di seguito sono riportati i tipi comuni di CTA utilizzati nel marketing. Tieni presente che ogni brand e pubblico è diverso, quindi potrebbe essere utile eseguire test A/B sui tipi e sui design di CTA per capire quali funzionano meglio per te, al netto degli esempi.  

Pulsanti

Di gran lunga il tipo più comune di CTA, i pulsanti sono icone con una frase interattiva scritta al loro interno che invoglia gli utenti a fare clic e intraprendere ulteriori azioni. Il design dei pulsanti può variare in base allo stile del brand e all'obiettivo della campagna, ma in generale il pulsante dovrebbe avere un colore ad alto contrasto in modo che possa risaltare sulla pagina. 

Form 

Le CTA per l'invio di moduli convertono i visitatori del sito in lead offrendo ai visitatori qualcosa in cambio delle loro informazioni di contatto. Le offerte possono includere contenuti scaricabili, preventivi di prodotti, iscrizioni a servizi, abbonamenti e altro ancora. 

Banner 

Un banner CTA può essere posizionato nella parte superiore, inferiore o laterale di una pagina web. I banner in genere includono un tipo di testo e design accattivante che incoraggia i visitatori a fare clic su di essi per agire. 

Collegamenti contestuali 

Di solito posizionati all'interno del corpo di un post del blog, i collegamenti contestuali contengono testo cliccabile che indirizza gli utenti a una pagina di destinazione correlata. 

Pop-up 

Un pop-up è un CTA in una piccola finestra che appare sulla pagina su cui l’utente sta navigando. Poiché gli utenti spesso ignorano i pulsanti e i moduli CTA statici, i pop-up possono essere un ottimo modo per comunicare un'offerta o invogliare gli utenti a iscriversi al tuo servizio. Molti siti web utilizzano anche pop-up che vengono attivati ​​quando gli utenti stanno per lasciare il sito. Siccome i pop-up sono stati molto utilizzati in passato, diversi utenti li hanno bloccati sul proprio pc con programmi appositi quindi tieni conto di questa informazione prima di decidere se utilizzarli o meno. 

Slide-in 

Simili ai pop-up, i CTA slide-in hanno lo scopo di catturare l'attenzione dell'utente scorrendo dal basso o dalla barra laterale. Gli slide-in sono una buona alternativa ai pop-up poiché disturbano meno l'esperienza dell'utente. 

Ora ti presentiamo i primi 24 esempi di CTA molto efficaci e su cui proprio non si può fare a meno di cliccare. Nella seconda parte di questo articolo, che uscirà il mese prossimo, ti presenteremo gli altri 24 esempi e vedremo insieme dei consigli pratici per scrivere la CTA perfetta! 

I migliori esempi di invito all'azione 

• CTA di HubSpot 
• The Budgetnista 
• Glossier 
• 310 Creative 
• Heyday skincare 
• VRBO 
• Hulu 
• Hija De Tu Madre 
• Wool and the gang 
• Tweak it Studio 
• Evernote  
• Dropbox 
• OfficeVibe 
• Netflix 
• Square 
• Prezi 
• Full Bundle 
• Panthera 
• EPIC 
• Acquaspresso 
• QuickSprout 
• Grey Goose 
• TreeHouse 
• OKCupid 

HubSpot

CTA: Scarica ora 

Uno dei vantaggi dell'utilizzo di HubSpot è la ricchezza di risorse gratuite offerte. Questa CTA slide-in trovate in un articolo che parla di marketing intelligence dimostra come una chiamata all’azione ben posizionata può migliorare l'esperienza dell'utente. 

Lo slide-in è discreto e arriva a metà dell'articolo, spinge i lettori a scaricare il contenuto e offre una risorsa utile e gratuita. Il kit di marketing offre una soluzione pronta all'uso per coloro che potrebbero non sapere da dove cominciare! 

Image Source

Come replicare questa CTA 

Offri una risorsa gratuita direttamente correlata all'argomento dell'articolo in cui appare. Sulla CTA di HubSpot i lettori possono completare l'articolo e quindi scaricare la guida con i modelli per iniziare a creare un proprio kit di marketing.

The Budgetnista 

CTA: iscriviti per ricevere extra settimanali! 

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, Tiffany è anche una professionista nel creare CTA invitanti. 

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

Come replicare questa CTA 

Il CTA di Budgetnista rispecchia la personalità di Tiffany Aliche, il che è un bel tocco e aiuta a personalizzare l'interazione. Incoraggia i visitatori a intraprendere l'azione desiderata utilizzando un linguaggio amichevole e creativo. 3.Glossier 

Glossier

CTA: ci sto 

Il marchio di bellezza Glossier ha reso più inclusiva la propria brand identity, mostrando immagini realistiche di donne con una grande varietà di tipi di pelle. Il sito web è pulito con molto spazio bianco che fa risaltare le foto delle modelle e del make up. 

La loro CTA è un overlay che appare quando inizi a scorrere verso il basso il loro sito. Mentre molti cliccherebbero rapidamente fuori dal pop-up, la lingua scelta da Glossier ti fa venire voglia di restare. "Portiamolo nella tua casella di posta" è un modo intelligente per chiedere alle persone di iscriversi alla tua newsletter. Se vuoi iscriverti, fai semplicemente clic su "Ci sono" e il gioco è fatto. 

Image Source

Come replicare questa CTA 

Utilizza frasi e immagini intelligenti che rendano il tuo marchio più riconoscibile e invoglino le persone ad agire. Il CTA di Glossier, ad esempio, include l'immagine di una modella che indossa make up, il che la rende ancora più in linea con il messaggio. 

310 Creative

CTA: Prenota una valutazione gratuita 

L'agenzia di crescita e partner di HubSpot 310 Creative mira ad aiutare le aziende B2B ad ampliare 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 una CTA che elimina la confusione. 

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

Dimostra empatia per il visitatore e rimuovi le barriere affermando che il servizio è gratuito. Descrivendo un problema seguito da "Se ti sembra familiare, parliamone", dimostri che sei disponibile ad aiutare e comprendere la frustrazione dell'utente. 

Heyday skincare 

CTA: Iscriviti e risparmia 

Heyday è un po' un underdog nel settore dei cosmetici per il viso. Il suo approccio minimalista e senza fronzoli lo ha reso uno dei preferiti tra chi non desidera diventare bersaglio di upselling. 

Questo approccio minimalista ma amichevole si manifesta anche nelle CTA. Facendo grande uso di alcuni modelle con la pelle luminosa, questa CTA invoglia gli spettatori a iscriversi alla loro newsletter con uno sconto. Il pulsante "iscriviti e risparmia"  (in inglese save, che indica anche la salvezza della pelle e non solo il risparmio) è convincente, insieme al collegamento ipertestuale umoristico "No grazie, preferisco la cura della pelle a prezzo pieno" per evitare l'iscrizione. 

Come replicare questa CTA 

Utilizza estetica accattivante, sconti e umorismo per incoraggiare i visitatori a intraprendere l'azione desiderata. 

VRBO 

CTA: Scopri la tua fuga 

Se ti piace esplorare bellissime case vacanza nel tuo tempo libero, VRBO è il posto ideale per farlo. Il marchio fa grande uso dell'estetica ambiziosa e dei luoghi meravigliosi. 

La CTA blu scuro risalta 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. 

Come replicare questa CTA 

Fai un ottimo uso del colore e del testo. La CTA di VRBO comunica che non stai prenotando una vacanza normale, ma piuttosto che stai per partire per una meravigliosa avventura. 

Hulu 

CTA: ottieni il pacchetto Disney 

Il gigante dello streaming Hulu ha adottato un approccio convincente con questa CTA. Lo sfondo attenuato mette in mostra tutte le offerte televisive e cinematografiche, mentre il testo verde e bianco della CTA attira la tua attenzione sulla promozione. 

È un'iscrizione e un upsell allo stesso tempo, che informa gli utenti che possono ottenere uno sconto aggiuntivo con Disney+ ed ESPN+. 

Image Source

Come replicare questa CTA 

Attira i visitatori invitandoli a concludere un vero affare: offri un pacchetto e metti l'accento sul suo valore per indurre i visitatori ad agire. Qui, il pulsante CTA di Hulu dice "ottieni il pacchetto Disney" invece di un generico "iscriviti". 

Hija De Tu Madre 

CTA: Iscriviti 

L'azienda di abbigliamento Hija De Tu Madre mantiene la sua immagine fresca con una combinazione di colori pulita, rosa e bianco che trasuda giovinezza e freschezza. La maggior parte di ciò che rende le loro CTA così attraenti è il gioco intelligente di parole, che mescola spagnolo e inglese, un inno al loro pubblico di destinazione. 

Il brand non solo chiede l’indirizzo e-mail, ma anche il numero di telefono. Come lo ottiene? Mettendo in palio la possibilità di vincere merchandising, in particolare la loro famosa giacca di jeans. 

Come replicare questa CTA 

Offri qualcosa che i visitatori considerano prezioso in cambio delle loro informazioni personali: in questo caso, una giacca di jeans cool renderà le persone più propense a condividere maggiori informazioni. La chiave è conoscere il tuo pubblico e attingere ai suoi interessi. 

Wool and the gang 

CTA: condividi le tue maglie #woolandthegang 

Lo sfondo collage di clienti che indossano i loro capi Wool and the Gang e un simpatico cucciolo attirano davvero il lettore e si adattano al pubblico del marchio. 

Il pulsante CTA recita "condividi le tue maglie #woolandthegang" e incoraggia i clienti a condividere ciò che hanno realizzato utilizzando i prodotti Wool and the Gang, funzionando sia come promozione del marchio sia come strumento di coinvolgimento del cliente. 

Come replicare questa CTA 

Cattura l'attenzione del visitatore creando un senso di comunità e invogliandolo a unirsi. Questa particolare CTA funge anche da promozione del marchio poiché sempre più clienti condividono i propri kit sui social media. 

Tweak it Studio 

CTA: nomi di legno personalizzati 

L'azienda di arredamento e design per la casa Tweak It Studio dimostra l'importanza di divertirsi, ma con inviti all'azione chiari. 

Attirano l'attenzione del visitatore con "Just Dropped" in grandi lettere in grassetto per informare i lettori sui nuovi prodotti in offerta, quindi combinano il tutto con un pulsante CTA che indica esattamente di cosa si tratta, in questo caso "nomi di legno personalizzati". È molto più efficace del semplice pulsante che indica semplicemente "acquista ora", non pensi? 

Come replicare questa CTA 

Usa l'urgenza per convincere i visitatori a controllare gli articoli nel tuo negozio online e comunica chiaramente su quale pagina o prodotto stai dirottando il visitatore quando fa clic sul pulsante CTA.

Evernote

CTA: Iscriviti 

"Ricorda tutto." I visitatori possono comprendere immediatamente quel messaggio nel momento in cui arrivano su questa pagina. Il design sul sito Web di Evernote rende estremamente semplice per gli utenti vedere rapidamente i vantaggi dell'utilizzo dell'app e come registrarsi effettivamente per utilizzarla. Inoltre, il colore verde dei pulsanti CTA principali e secondari è lo stesso verde del titolo e del logo Evernote, che saltano fuori dalla pagina. 

Come replicare questa CTA 

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

Dropbox 

CTA: Iscriviti gratuitamente 

Dropbox ha sempre abbracciato un design semplice e minimale. Anche la grafica sulla homepage è sottile e semplice. 

Grazie al design semplice, il pulsante blu di invito all'azione "Iscriviti gratuitamente" si distingue da tutto il resto della pagina. Poiché la CTA e il logo Dropbox sono dello stesso colore, è facile per il visitatore interpretare questa CTA come "Iscriviti a Dropbox" senza specificarlo. Questo sì che è un invito all'azione efficace! 

Image Source

Come replicare questa CTA 

Le tinte a effetto “negativo” possono funzionare a tuo favore se usate correttamente. Usale a tuo vantaggio consentendo alla tua CTA di risaltare utilizzando i colori audaci del tuo brand. 

OfficeVibe 

CTA: Iscriviti 

Mentre si scorre un post sul blog OfficeVibe, un banner scorre dal fondo della pagina con un invito all'azione per iscriversi e ricevere tutte le news. La parte migliore? Il testo nella slide-in è sempre abbinato al contenuto: ad esempio, lo slide-in sul post “Diventa un manager migliore” ha come CTA: “Ricevi altre news e diventa anche tu un manager migliore”.    

Inoltre, questi slide-in offrono un'esperienza più piacevole perché forniscono più informazioni pur permettendo all’utente di continuare a leggere il post del blog. 

Come replicare questa CTA 

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

Netflix  

CTA: Iscriviti gratuitamente per un mese 

Sai qual è una delle più grandi paure degli utenti che stanno per iscriversi a un servizio in abbonamento? La difficoltà nel disdirlo quando avranno deciso di annullare l’iscrizione. Netflix stronca quella paura sul nascere con il copy: "Annulla in qualsiasi momento" proprio sopra la CTA "Iscriviti gratuitamente per un mese". Inoltre, il colore rosso delle CTA primarie e secondari corrisponde esattamente al colore del logo di Netflix e non è un caso. 

Come replicare questa CTA 

Non solo puoi attirare l'attenzione di un visitatore con un netto contrasto di colori, ma puoi utilizzare un linguaggio nella tua CTA che lo invogli a fare clic. Prendi in considerazione l'utilizzo di formule come "Prova gratuitamente" per rassicurare gli utenti. 

Square 

CTA: inizia 

Per una CTA davvero efficace ricordati di volgere lo sguardo oltre il semplice pulsante. Potrebbe essere utile, ad esempio, considerare elementi come il colore di sfondo, le immagini circostanti e il testo che introduce o segue il pulsante. 

Consapevole di questi componenti di progettazione aggiuntivi, Square ha utilizzato una singola immagine per mostrare la semplicità dell'utilizzo del prodotto, in cui la CTA "Inizia" è in bilico e attende solo il clic dell’utente. Inoltre, il colore della carta di credito nell'immagine e il colore del pulsante CTA corrispondono, il che aiuta l’utente a prevedere i passi successivi che dovrà fare dopo il clic (cioè pagare).  

Image Source

Come replicare questa CTA 

Puoi utilizzare il colore per aiutare i visitatori a collegare i punti sia coordinando toni simili come in questa immagine, sia utilizzando i colori del brand come nell'esempio di Dropbox.

Prezi

CTA: prova Prezi 

Anche Prezi lavora principalmente con un design minimalista, a partire dal 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 logo principale. Quel blu brillante è posizionato strategicamente sulla home page: la CTA principale “Prova Prezi” e la CTA secondario “Inizia”, che portano entrambe alla stessa pagina web. 

Come replicare questa CTA 

Questa pagina ha adottato uno schema di colori minimalista, incorporando però due CTA con lo stesso pulsante colorato e diretto alla stessa pagina di destinazione. Se la tua pagina ha un design pulito e minimalista, prova due CTA con testo diverso per attirare i visitatori e far sì che ne clicchino almeno una.  

Full Bundle 

CTA: Il nostro lavoro 

Full Bundle è un'altra azienda che utilizza lo spazio negativo per far risaltare la CTA principale. L’invito all’azione bianco “Il nostro lavoro” risalta sui grigi scuri dello sfondo. Anche la loro scelta della CTA è strategica: essendo per loro importante mostrare fin da subito il proprio lavoro, lo esplicitano senza mezzi termini nella CTA.  

Come replicare questa CTA 

Fai un uso creativo dei toni di grigio come fa Full Bundle. E poi, se hai un messaggio da far passare forte e chiaro, veicolalo subito nella CTA.   

Panthera 

CTA: Iscriviti 

Le persone di Panthera sono alla ricerca di utenti che abbiano davvero a cuore i gatti selvatici di tutto il mondo e che vogliano fare gruppo tra di loro. Quale CTA migliore di: "Unisciti al branco oggi"? La pagina in sé è semplicissima: un modulo sulla pagina con due semplici campi e un pulsante che chiede alle persone di (di nuovo) "Iscriversi". 

Image Source

Come replicare questa CTA 

Stabilisci una connessione con il tuo pubblico target utilizzando il linguaggio del tuo brand già nella CTA. 

EPIC 

CTA: Iniziamo insieme un nuovo progetto 

L’agenzia EPIC usa l’homepage principalmente per mostrare il proprio lavoro, anche attraverso video animati in stile portfolio. Sebbene ci siano molti altri punti in cui gli utenti possono fare clic sul loro sito, compresi i siti web dei loro clienti, l'invito all'azione principale risalta e contrasta sempre con il video riprodotto in sottofondo. 

Inoltre, il linguaggio amichevole e inclusivo della CTA "Iniziamo un nuovo progetto insieme", fa subito centro perché rende felice l’utente che sta cercando un team creativo eccezionale ed entusiasta di iniziare subito a lavorare.  

Come replicare questa CTA 

Usa un linguaggio invitante, amichevole e sempre correlato al servizio che offri. 

Acquaspresso 

CTA: Inviami offerte speciali adesso! 

Lo scopo 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. L'azienda Aquaspresso ha davvero centrato questo equilibrio con la CTA pop-up sulla pagina iniziale del blog. 

In questo caso, la linea d'azione desiderata è che i lettori del blog possano accedere direttamente alla proposta di caffè dall’articolo che stanno leggendo. La CTA li accontenta, offrendo loro le "specialità del giorno" in cambio dell'indirizzo e-mail.  

Inoltre, il timore che le offerte speciali di oggi siano migliori di quelle di domani potrebbe indurre le persone a lasciare subito l’indirizzo e a richiedere la propria offerta finché possono: questo è il meccanismo della scarcity.  

Come replicare questa CTA 

L'invito all'azione sopra è stato creato utilizzando i modelli di HubSpot . Valuta l'idea di introdurre un senso di urgenza per i visitatori del sito web utilizzando il meccanismo della scarcity. Puoi utilizzare frasi come "offerta per un periodo limitato" o "ottieni le offerte di oggi" per motivare i visitatori a intraprendere l'azione desiderata. 

QuickSprout  

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

Nessuno vuole commettere errori grossolani. Ecco perché un pulsante di invito all'azione come la CTA slide-in di QuickSprout insinua il dubbio nel lettore. Basta inserire un URL per scoprire dove, come e se si sta sbagliando qualcosa: piuttosto semplice, no? Inoltre, avere la CTA a metà articolo è un'ottima tattica per catturare i lettori prima che rimbalzino fuori dalla pagina. Tradizionalmente, molti blog hanno CTA in fondo a ogni post del blog, ma la ricerca mostra che la maggior parte dei lettori arriva solo al 60% della lettura dell’articolo stesso.  

Come replicare questa CTA 

Usa un linguaggio nel tuo CTA che vada a toccare i pain point del tuo utente medio. Fai clic qui per scoprire come aggiungere CTA slide-in ai post del tuo blog. 

Grey Goose 

CTA: Scopri un cocktail su misura per i tuoi gusti 

Ecco un invito all'azione divertente e unico che può invogliare le persone a fare clic. Mentre i visitatori del sito potrebbero aspettarsi di essere indirizzati alle pagine dei prodotti o ai comunicati stampa dalla home page, una CTA per “Scopri un cocktail su misura per i tuoi gusti” è 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 suggerisce che i visitatori verranno indirizzati a un video in modo che abbiano un'idea migliore di cosa aspettarsi quando fanno clic. 

Come replicare questa CTA 

La personalizzazione fa miracoli per stabilire una connessione con i visitatori. Scegli perciò una CTA che suggerisca un'esperienza personalizzata per i visitatori in base al prodotto o servizio che offri.  

Tree House 

CTA: richiedi la tua prova gratuita 

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 "richiesta" suggerisce che l’opzione potrebbe non essere disponibile a lungo e per tutti, dando agli utenti un senso di urgenza ed esclusività. 

Image Source

Come replicare questa CTA 

Se offri una prova gratuita per il tuo servizio, invece di utilizzare semplicemente un pulsante che reciti "prova gratuita", personalizza l'esperienza utilizzando verbi che fanno riferimento a una richiesta attiva. 

OKCupido 

CTA: Continua 

La CTA di OKCupid non sembra così originale a prima vista, ma la sua genialità sta nei piccoli dettagli. 

Il pulsante di invito all'azione, che è di colore 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. Si tratta insomma di una CTA giocosa, che apre a decine di diverse possibilità tutte interattive e divertenti. 

Come replicare questa CTA 

La gamification è un’ottima leva da utilizzare con il tuo pubblico: sperimentala anche nelle CTA.  

Ci vediamo a breve per la seconda parte dell’articolo!