Una buona call to action è un'etichetta breve che inizia con un verbo e dice cosa ottiene il visitatore, più una riga di microcopy che elimina la sua preoccupazione principale. Ecco 60 esempi originali raggruppati per tipo di pagina (hero, prezzi, moduli, email e altro), ognuno con il design del pulsante e il motivo per cui funziona.
Una call to action (CTA) è l'elemento che chiede al visitatore di fare il passo successivo: un pulsante, un link o a volte un modulo. La maggior parte delle CTA che funzionano ha tre caratteristiche in comune:
Ogni esempio qui sotto è stato scritto per questa pagina; nessuno è copiato da un'azienda reale. Inserisci la tua offerta, e mantieni un'affermazione (una scadenza, un tempo di risposta, un piano gratuito) solo se per te è vera.
Cerca per parola ("gratis", "prova", "prenota") o per tipo di pagina ("prezzi", "email").
Vai a: Sezione hero · Pagina prezzi · Modulo · Email · Pagina prodotto · Blog e newsletter · Onboarding dell'app
Il primo pulsante che un visitatore vede. Deve nominare il primo passo, non l'intero percorso.
Nessuna carta richiesta. Disdici in due clic.
Perché funziona: Abbina l'azione alle due preoccupazioni che le persone hanno prima di una prova: il pagamento e la possibilità di uscire.
Un tecnico della tua zona ti richiama entro un giorno lavorativo.
Perché funziona: Dice cosa ottieni con "gratuito" e quando succederà qualcosa.
Collega un foglio di calcolo e ottieni una dashboard in pochi minuti.
Perché funziona: Promette un risultato personale invece di una demo generica.
Tre domande. Prezzo sullo schermo, nessuna chiamata commerciale.
Perché funziona: Prima persona ("il mio") più una chiara misura dello sforzo richiesto.
Rispondi a cinque domande e ottieni un piano dei pasti da stampare.
Perché funziona: Nomina un risultato concreto che il visitatore riesce a immaginare.
Cerca per CAP, giorno o livello.
Perché funziona: Risponde alla vera domanda del visitatore (dove e quando) invece di "Scopri di più".
Si apre nel tuo browser. Niente da installare.
Perché funziona: Un verbo che chiede poco impegno, più l'eliminazione dell'ostacolo dell'installazione.
Calendario aggiornato per i prossimi 60 giorni.
Perché funziona: Per le prenotazioni, la disponibilità è la prima domanda, quindi parti da lì.
Scegli l'attrezzatura e quanto tempo hai.
Perché funziona: Il visitatore costruisce qualcosa; la microcopy mostra che si adatta a lui.
Un PDF di 12 pagine. Te lo inviamo per email una sola volta.
Perché funziona: Fissa aspettative precise su cosa arriva e con quale frequenza.
Il piano gratuito resta gratuito. Passa a un piano superiore solo se ti serve di più.
Perché funziona: Risponde alla domanda inespressa "gratis per quanto tempo?".
Quindici minuti, quando fa comodo a te.
Perché funziona: Presenta la chiamata come aiuto esperto e ne limita la durata.
Qui i visitatori stanno confrontando. Il pulsante di ogni piano deve dire cosa succede dopo per quel piano.
Fatturazione mensile. Cambia piano quando vuoi.
Perché funziona: Usa il nome del piano, così il clic sembra una scelta consapevole.
Il giorno 14 scegli un piano, altrimenti non succede nulla.
Perché funziona: Spiega la fine della prova, il momento che le persone temono.
Include tutto ciò che c'è in Starter, più i posti per il team.
Perché funziona: Verbo breve più il nome del piano, con la differenza spiegata sotto.
Per oltre 50 posti, contratti personalizzati o fatturazione.
Perché funziona: Dice ai visitatori a chi è destinato il pulsante, così chi non è interessato lo salta.
Paghi dieci mesi, usi per dodici.
Perché funziona: Trasforma uno sconto in un conto semplice e verificabile.
Il tuo lavoro attuale e le impostazioni restano invariati.
Perché funziona: Per gli utenti esistenti il timore è perdere il lavoro; la microcopy lo elimina.
Puoi passare a un piano superiore senza perdere nulla.
Perché funziona: "Inizia con" presenta il piano economico come un primo passo, non come una scelta definitiva.
Un solo pagamento. Aggiornamenti per questa versione inclusi.
Perché funziona: Per i prezzi una tantum, dichiara chiaramente il modello accanto al pulsante.
Tabella completa, piano per piano.
Perché funziona: Un'azione secondaria per chi non è ancora pronto a scegliere.
La maggior parte dei team da 5 a 20 persone parte da qui.
Perché funziona: Un consiglio basato sull'adeguatezza, non su una popolarità inventata.
Il pulsante di invio è l'ultima cosa che si legge prima di impegnarsi. Di' cosa ottiene il visitatore, non cosa fa il modulo.
Lo riceverai via email entro un'ora.
Perché funziona: Sostituisce "Invia" con il risultato e un tempo.
Prossimo passo: scegli un nome utente.
Perché funziona: Mostra che c'è ancora un passaggio, così non sembra una trappola.
Giorni feriali dalle 8am alle 6pm. Non chiameremo fuori da questi orari.
Perché funziona: Rispetta il tempo del visitatore e ne dichiara i limiti.
Ti invieremo via email il link per partecipare e un invito di calendario.
Perché funziona: Senso di possesso ("il mio posto") più ciò che arriva dopo.
Il tuo punteggio appare nella schermata successiva.
Perché funziona: Nei quiz la ricompensa è il risultato, quindi nominalo.
Risponde una persona vera, di solito in giornata.
Perché funziona: Crea un'aspettativa umana senza promettere un orario preciso.
Una sola email al lancio. Niente prima.
Perché funziona: Una piccola promessa sul numero di email abbassa il costo dell'iscrizione.
Richiede circa 10 minuti. Puoi salvare e finire più tardi.
Perché funziona: Durata onesta più una rete di sicurezza per i moduli lunghi.
Funziona in Google Sheets ed Excel.
Perché funziona: Risponde a "funzionerà per me?" proprio nel momento del clic.
Cancellazione gratuita fino a 24 ore prima.
Perché funziona: Mette la regola di cancellazione dove si prende la decisione.
Nelle email il pulsante compete con ogni altro messaggio nella casella. Sii letterale: chi legge deve sapere esattamente dove porta il link.
Mancano due passaggi. Circa tre minuti.
Perché funziona: Mette in evidenza i progressi in un promemoria di onboarding.
Segui la consegna e cambia l'indirizzo.
Perché funziona: Elenca cosa può fare chi legge dopo il clic.
Codice applicato al checkout. Scade domenica a mezzanotte.
Perché funziona: Una scadenza reale e datata (solo se è reale).
Sam ha fatto una domanda sul tuo annuncio.
Perché funziona: Nomina la persona, e questo rende il messaggio specifico.
Circa sei minuti di lettura.
Perché funziona: Nelle newsletter, il tempo richiesto aiuta a scegliere se leggere ora o dopo.
Il tuo piano scade nella data indicata sopra.
Perché funziona: Collega l'azione a un fatto già presente nell'email.
Un tocco. Bastano dieci secondi.
Perché funziona: Le richieste di feedback funzionano meglio quando lo sforzo è chiaramente minimo.
Il tuo carrello resta salvato per sette giorni.
Perché funziona: Rassicura che non è andato perso nulla.
Questo link scade tra 24 ore.
Perché funziona: Transazionale: verbo semplice, conseguenza semplice.
Il tuo appuntamento è stato spostato. Scegli uno qualsiasi degli orari liberi.
Perché funziona: Restituisce il controllo dopo un cambiamento che chi legge non ha chiesto.
I visitatori sono vicini all'acquisto e cercano motivi per aspettare. Elimina quei motivi accanto al pulsante.
Resi gratuiti entro 30 giorni.
Perché funziona: L'etichetta standard che le persone cercano con lo sguardo, con il rischio principale eliminato.
Spedito domani se ordini entro le 2pm.
Perché funziona: Un vero orario limite di spedizione dà un motivo per agire oggi.
Usa la tabella delle taglie o inserisci la taglia che porti di solito con altri marchi.
Perché funziona: Risolve l'esitazione più comune per l'abbigliamento.
Una sola email quando è di nuovo in magazzino.
Perché funziona: Trattiene un visitatore davanti a un prodotto esaurito invece di perderlo.
Vedi l'anteprima dell'incisione prima di pagare.
Perché funziona: Mostra che il visitatore mantiene il controllo sul risultato.
Salvata nel tuo account, visibile su qualsiasi dispositivo.
Perché funziona: Un'azione più leggera per chi non è pronto a comprare.
I lettori sono venuti per i contenuti, non per una proposta commerciale. Offri di più di ciò che hanno già scelto.
Una email ogni giovedì. Disiscriviti con un clic.
Perché funziona: Frequenza e via d'uscita dichiarate fin da subito.
I passaggi di questo articolo in una pagina da stampare.
Perché funziona: Un contenuto aggiuntivo legato direttamente a ciò che hanno appena letto.
Consigli pratici per piccoli negozi, due volte al mese.
Perché funziona: Una sola parola va bene quando la microcopy nomina il pubblico e la frequenza.
Creane una copia nel tuo account. Gratis.
Perché funziona: Trasforma subito la lettura in azione.
Parte 2: fissare i prezzi.
Perché funziona: Nomina l'argomento successivo, così il clic ha una ricompensa chiara.
Rispondiamo alle domande dei lettori nel prossimo numero.
Perché funziona: Invita a partecipare e dice cosa succede con la domanda.
I nuovi utenti decidono nei primi minuti se vale la pena imparare a usare il prodotto. Ogni pulsante deve portarli al loro primo risultato utile.
Potrai rinominarlo o eliminarlo in seguito.
Perché funziona: Elimina la paura di commettere un errore permanente.
Da un file CSV o dal tuo account email.
Perché funziona: Porta dentro dati reali fin da subito, e questo rende l'app utile prima.
Vedrà la tua stessa vista.
Perché funziona: Spiega cosa vedrà la persona invitata prima di inviare l'invito.
Puoi farlo più tardi nelle Impostazioni.
Perché funziona: Una via d'uscita visibile riduce gli abbandoni nei passaggi facoltativi.
Scegli tu l'orario. Disattivati per impostazione predefinita.
Perché funziona: Chiede il permesso lasciando il controllo all'utente.
Cinque brevi passaggi. Chiudilo quando vuoi.
Perché funziona: Dichiara la durata, così il tour sembra facoltativo e breve.
| Formula | Schema | Esempio |
|---|---|---|
| Verbo + risultato | [Ricevi / Vedi / Inizia] + [ciò che vogliono] | Ricevi il mio preventivo |
| Verbo + "mio" + oggetto | La prima persona lo fa sentire proprio | Pianifica la mia prima settimana |
| Verbo + oggetto + tempo | Aggiunge quanto tempo richiede | Ottieni un prezzo in 2 minuti |
| Verbo + oggetto + eliminazione del rischio | L'eliminazione del rischio di solito va nella microcopy | Inizia la prova gratuita / Nessuna carta richiesta |
| Passo successivo, nominato | Per i flussi in più passaggi | Continua alla consegna |
| Domanda con risposta | Rispecchia ciò che sono venuti a cercare | Verifica la disponibilità |
Ti servono idee per il titolo da mettere sopra il pulsante? Prova il generatore di titoli.
Scegli un verbo, un oggetto e una riga di microcopy per vedere il pulsante e copiarne l'HTML.
CSS puro per un pulsante primario e uno secondario con gli stati di focus, hover, premuto e disabilitato. Oppure progetta il tuo con il generatore di pulsanti CSS e sfoglia i componenti pulsante già pronti.
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font: 600 1rem/1.2 system-ui, sans-serif;
text-decoration: none;
cursor: pointer;
transition: background-color 150ms, transform 100ms;
}
.btn-primary {
background: #1d4ed8;
color: #ffffff;
border: 0;
}
.btn-primary:hover { background: #1e40af; }
.btn-primary:active { transform: translateY(1px); }
.btn:focus-visible {
outline: 3px solid #93c5fd;
outline-offset: 2px;
}
.btn-secondary {
background: transparent;
color: #111827;
border: 2px solid #111827;
}
.btn-secondary:hover { background: #111827; color: #ffffff; }
.btn:disabled,
.btn[aria-disabled="true"] {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}Lo stesso pulsante primario con le classi Tailwind:
<a href="/signup" class="inline-flex min-h-[44px] items-center rounded-lg bg-blue-700 px-6 py-3 font-semibold text-white hover:bg-blue-800 active:translate-y-px focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-2 focus-visible:outline-blue-300">
Start your free trial
</a>Per una sezione finale completa intorno al pulsante, vedi i componenti per sezioni CTA.
Queste sono cose che vale la pena testare, non previsioni su cosa vincerà. I risultati dipendono dal tuo pubblico e dalla tua offerta, quindi testa una modifica alla volta e aspetta abbastanza visitatori prima di decidere (il calcolatore di A/B test ti dice se una differenza è probabilmente reale).
Per capire come le CTA si inseriscono nel resto della pagina, vedi che cos'è una landing page.
Una call to action è il pulsante, il link o il modulo che chiede a un visitatore di fare il passo successivo, come iniziare una prova, prenotare una chiamata o acquistare. Una CTA chiara nomina il risultato e inizia con un verbo.
Di solito da due a cinque. Metti i dettagli in più, come prezzo, tempo o cosa succede dopo, in una breve riga di microcopy accanto o sotto il pulsante invece che nell'etichetta.
La microcopy è la breve riga accanto a una call to action che elimina una preoccupazione, per esempio "Nessuna carta richiesta" o "Cancellazione gratuita fino a 24 ore prima". Deve dichiarare solo cose vere per la tua offerta.
Non esiste un unico colore migliore. Ciò che conta è che il pulsante risalti sul suo sfondo e sul resto della pagina, e che la sua etichetta abbia un rapporto di contrasto di almeno 4.5:1 con il colore del pulsante.
Una pagina può ripetere la stessa azione principale più volte, per esempio nella hero e alla fine. Evita di mostrare due azioni principali diverse con lo stesso peso nella stessa vista; rendi la seconda un pulsante con contorno o un link testuale.
Verbo
Oggetto
Microcopy
Colore
Copiato
Copia HTML
Inizia gratis · Nessuna carta di credito richiesta