Ogni pagina di un sito cerca di far fare qualcosa al visitatore. La call to action è l'elemento che rende esplicita questa richiesta. Senza, un visitatore pronto ad agire deve capire da solo il passo successivo, e molti non si prendono il disturbo.
Una call to action (CTA) è un pulsante, un link o un pezzo di testo che invita il visitatore del sito a compiere un passo successivo specifico. Quel passo può essere prenotare una chiamata, richiedere un preventivo, iscriversi, scaricare qualcosa o mettersi in contatto. Una call to action rende l'azione desiderata visibile, evidente e facile da compiere. Le pagine senza una call to action chiara lasciano i visitatori senza direzione e senza un motivo evidente per restare.
Quali sono i tipi di call to action?
Per formato
La CTA a pulsante è il formato più comune. Un pulsante cliccabile con un testo orientato all'azione sta dove si vede facilmente. I pulsanti funzionano perché risaltano visivamente rispetto alla pagina circostante e segnalano chiaramente l'interattività.
Inserita dentro una frase del testo, la CTA con link testuale è meno evidente di un pulsante. Il vantaggio sta nella posizione. Può stare esattamente dove si trova l'attenzione del lettore nel momento in cui l'azione ha più senso.
Estesa a tutta la larghezza della pagina, la CTA a barra fissa o a banner resta visibile mentre il visitatore scorre. Questo formato funziona bene per le offerte a tempo o quando un'azione deve comparire in modo costante su ogni pagina.
Alcune CTA saltano del tutto il clic. Un blocco modulo chiede ai visitatori di inserire i propri dati direttamente nella pagina, invece di cliccare per andare altrove. I moduli di contatto e le iscrizioni alla newsletter sono gli esempi più comuni.
Per obiettivo
Non tutte le CTA hanno lo stesso scopo. Una CTA primaria porta all'azione più importante della pagina, di solito una prenotazione, un acquisto o un contatto. Le CTA secondarie portano i visitatori verso azioni collegate che contribuiscono all'obiettivo primario, come leggere un caso di studio, vedere i prezzi o guardare una demo.
Dove vanno messe le call to action in un sito?
La posizione dipende dal tipo di pagina e dal punto del processo decisionale in cui il visitatore si trova probabilmente quando arriva a ciascuna sezione.
In una homepage, la CTA primaria va above the fold, visibile senza scorrere. I visitatori che arrivano da una ricerca o da una segnalazione e vedono subito che l'attività fa al caso loro agiranno in fretta, se la CTA c'è. Una seconda CTA in fondo alla homepage cattura i visitatori che leggono più a fondo prima di decidere. L'articolo su come progettare una homepage che funziona spiega come la CTA interagisce con il resto del layout della homepage.
In una pagina di servizio o di prodotto, la CTA primaria dovrebbe comparire dopo la descrizione di ciò che è incluso, ma prima che il visitatore debba scorrere oltre il punto in cui ha visto abbastanza per decidere. Una seconda CTA alla fine della pagina cattura chi legge fino in fondo.
Negli articoli del blog e nelle pagine informative, le CTA dovrebbero comparire nel contesto, dove il contenuto ha appena affrontato un problema che l'attività risolve. Una CTA messa subito dopo una sezione che spiega perché una cosa conta è più efficace di una messa alla fine di un articolo che il visitatore potrebbe non finire. Per capire come navigazione e struttura delle pagine lavorano insieme per muovere i visitatori tra le pagine, vedi cos'è la navigazione di un sito web.
Come si scrive una call to action che funziona?
Un buon testo CTA è specifico su cosa succede quando il visitatore clicca. "Prenota una chiamata gratuita" è più chiaro di "Contattaci". "Vedi i prezzi" è più chiaro di "Scopri di più". "Scarica la checklist" è più chiaro di "Clicca qui". Il visitatore dovrebbe sapere esattamente cosa otterrà o cosa succederà dopo, prima di cliccare.
La formula più semplice per il testo di una CTA è un verbo d'azione seguito dal risultato specifico o da ciò che viene offerto. "Ottieni il tuo preventivo." "Inizia la prova gratuita." "Leggi il caso di studio completo." Ognuna di queste dice al visitatore cosa ottiene, non solo che deve fare qualcosa.
Per le attività di servizi, un testo CTA che toglie il rischio percepito funziona meglio delle alternative generiche. "Prenota una chiamata gratuita di 20 minuti" è meno minaccioso di "Prenota una consulenza". "Ricevi un preventivo senza impegno" toglie la paura di essere spinti a comprare. Affrontare l'esitazione nella CTA stessa riduce l'attrito per i visitatori interessati ma prudenti.
Quante call to action dovrebbe avere una pagina?
Una pagina dovrebbe avere una CTA primaria e non più di una o due CTA secondarie. Una pagina con cinque diverse call to action in competizione per l'attenzione dà ai visitatori troppe scelte e di solito ottiene meno conversioni di una pagina con una sola richiesta primaria chiara. Quando ogni elemento di una pagina cerca di essere il più importante, nessuno lo è.
L'eccezione sono le pagine lunghe con più sezioni distinte, dove una CTA primaria ripetuta alla fine di ogni sezione dà ai visitatori una strada chiara, indipendentemente da quanto scorrono prima di decidere di agire. La struttura della pagina e il modo in cui la posizione delle azioni chiave influenza il comportamento dei visitatori sono trattati in cos'è lo UX design.
In cosa cambia una CTA per le attività di servizi rispetto a quelle di prodotti?
Le attività di prodotti possono usare CTA transazionali dirette, perché il passo successivo è semplice. Comprare il prodotto. "Aggiungi al carrello" e "Acquista ora" funzionano perché il visitatore sa esattamente a cosa si impegna.
Le attività di servizi di solito chiedono ai visitatori un passo a minore impegno prima della vendita, perché il servizio non si compra con un clic. L'obiettivo è portare il visitatore in una conversazione, non completare una transazione. CTA come "Prenota una chiamata gratuita", "Richiedi un preventivo" o "Inviaci il brief del tuo progetto" fanno avanzare i visitatori di un'attività di servizi senza chiedere un impegno per cui non sono pronti. Il linguaggio dovrebbe corrispondere al punto del processo decisionale in cui si trova il visitatore.
Cosa fa fallire una call to action?
Una CTA fallisce quando è invisibile, vaga o messa nel momento sbagliato. Un pulsante che si confonde con il colore di sfondo della pagina non viene cliccato. Una CTA che dice "Invia" non dice nulla al visitatore su ciò che otterrà. Una CTA messa prima che il visitatore abbia visto un qualsiasi motivo per agire viene ignorata, perché il visitatore non è pronto.
Il contrasto visivo è la soluzione più affidabile per le CTA invisibili. Il colore del pulsante deve differire chiaramente dagli elementi della pagina intorno. Lo spazio bianco attorno alla CTA la separa dal contenuto e attira lo sguardo verso di essa. Cos'è la gerarchia visiva spiega come contrasto e spaziatura indirizzano l'attenzione del visitatore verso gli elementi che contano di più in una pagina.
Come WEMASY gestisce le call to action
Il creatore di siti WEMASY include blocchi pulsante CTA, blocchi banner e blocchi modulo che possono essere posizionati ovunque in una pagina con l'editor drag and drop. I colori dei pulsanti sono controllati dalle impostazioni dei colori del brand e si applicano in modo coerente a tutte le pagine. Il testo della CTA si modifica direttamente nel blocco senza toccare il design. Posizione, dimensione e spaziatura dei pulsanti sono regolabili senza codice.
Scopri cosa è incluso nel creatore di siti WEMASY o guarda i piani nella pagina dei prezzi.
Domande frequenti
Di che colore dev'essere il pulsante di una call to action?
Il pulsante deve contrastare chiaramente con lo sfondo e con gli elementi della pagina intorno. Il colore specifico conta meno del contrasto. Un pulsante nella stessa famiglia di colori dello sfondo diventa invisibile. Un pulsante di un colore che si stacca dalla pagina si nota subito. Per la maggior parte dei siti, usare un unico colore d'accento coerente per tutti i pulsanti CTA primari rende i pulsanti prevedibili e facili da trovare mentre i visitatori passano da una pagina all'altra. Con il creatore di siti di WEMASY puoi configurarlo direttamente sul tuo sito.
Una call to action è la stessa cosa di una landing page?
No. Una call to action è un elemento di una pagina che invita il visitatore a compiere un'azione specifica. Una landing page è una pagina autonoma costruita attorno a un unico obiettivo di conversione, che di solito contiene una CTA primaria come elemento più importante. Una landing page esiste per sostenere una CTA. La CTA di una landing page è ciò che fa scattare la conversione per cui la pagina è stata costruita.
Come capisci se una call to action funziona?
Monitorando il tasso di clic sulla CTA e il tasso di conversione della pagina in cui compare. Se una quota significativa di visitatori arriva sulla pagina ma pochi cliccano la CTA, il pulsante potrebbe non essere abbastanza visibile, il testo potrebbe non essere convincente o la CTA potrebbe essere nel punto sbagliato della pagina. Testare una variabile alla volta, partendo dal testo, poi dalla posizione, poi dal colore, è il modo più affidabile per capire quale cambiamento porta un miglioramento.
Ogni pagina di un sito dovrebbe avere una call to action?
Sì. Ogni pagina che un visitatore può raggiungere dovrebbe avere almeno un passo successivo chiaro. Anche le pagine informative, non pensate come pagine di conversione, dovrebbero indirizzare i visitatori verso qualcosa. Può essere un articolo correlato, una pagina di servizio pertinente o la pagina dei contatti. Una pagina senza CTA è un vicolo cieco. Il passo successivo non deve essere una vendita aggressiva, ma deve esistere ed essere facile da trovare.
Qual è la differenza tra una call to action primaria e una secondaria?
Una CTA primaria è l'azione più importante che un visitatore può compiere in una pagina, di solito quella che porta direttamente a una conversione, come prenotare, comprare o mettersi in contatto. Una CTA secondaria offre un'alternativa a minore impegno ai visitatori non ancora pronti per l'azione primaria, come vedere un caso di studio, leggere di più su un servizio o iscriversi agli aggiornamenti. Entrambe servono i visitatori in fasi diverse del loro processo decisionale. La CTA primaria dovrebbe essere sempre più evidente visivamente di quella secondaria.