Migliori cta blocks 2026: 27 sezioni verificate

Un blocco call to action è una sezione che chiede un clic, e il suo problema non è il testo. Il catalogo ne conta 27 da 7 registry, misurati il 1 novembre 2026 su /api/blocks/category/cta; uno porta uno sfondo video e tre file, ed è quello da guardare con più attenzione.

Dove si perde il clic

Il primo guasto è il contrasto. Un pulsante bianco su un gradiente chiaro passa l'occhio e non passa il controllo di contrasto, e lo stesso vale per il testo sopra un'immagine senza velo. Il secondo è la gerarchia: due pulsanti di pari peso visivo nella stessa sezione dividono il clic e nessuno dei due vince. Il terzo è lo stato di fuoco: un anello di focus scuro su fondo scuro sparisce, e chi naviga da tastiera non vede dove si trova.

Il quarto guasto è il peso. La sezione con sfondo video carica un file multimediale prima del testo se non ha un poster e un caricamento differito, e su una connessione lenta il contenuto principale arriva dopo il decoro. Il quinto è il movimento: un video in riproduzione automatica senza rispetto per la preferenza di movimento ridotto è un problema di accessibilità, non un dettaglio estetico.

Le verifiche che contano davvero

• Il contrasto misurato del testo sul fondo, gradiente compreso, e non solo del pulsante.
• Un solo invito primario per sezione, con il secondario visivamente più leggero.
• Lo stato di focus visibile su ogni fondo, compreso quello scuro e quello con immagine.
• Se il video ha poster, caricamento differito e rispetto di prefers-reduced-motion.
• La licenza del publisher, che qui varia soprattutto sul materiale visivo incluso.

Un dettaglio che distingue i blocchi buoni: il testo del pulsante è un verbo con un oggetto, non una parola sola. Un blocco che mostra un pulsante largo con dentro una parola insegna al resto del sito a fare lo stesso, e la sezione diventa difficile da riempire quando la promozione cambia. Scegli il blocco che regge un'etichetta di quattro parole senza spezzarsi su due righe.

Il limite che nessun blocco risolve

Nessuna di queste 27 sezioni sa cosa succede dopo il clic. Non c'è misurazione dell'evento, non c'è variante da confrontare, non c'è gestione del caso in cui l'utente è già abbonato. Il secondo limite è la licenza del publisher sul materiale visivo: immagini e video inclusi nel blocco non diventano tuoi solo perché il codice è nel tuo repository.

La regola che tiene il clic

Un invito primario per schermata, ripetuto al massimo due volte nella pagina. Se il blocco ha uno sfondo video, usalo solo quando il file resta sotto il megabyte, ha un poster statico e si ferma con la preferenza di movimento ridotto; altrimenti prendi il gradiente, che costa zero byte. E misura il clic prima di scegliere la variante: senza evento registrato il confronto tra due sezioni è solo un'opinione.

L'alternativa è una barra fissa in fondo allo schermo. Costa poche righe, resta visibile dopo lo scorrimento e non richiede una sezione dedicata, ma occupa spazio su mobile e va chiusa dall'utente. Il blocco conviene quando l'invito ha bisogno di contesto, cioè quando il clic dipende da una frase che lo giustifica; la barra conviene quando l'invito è ovvio e va solo reso raggiungibile.

E c'è il caso in cui l'utente ha già fatto quello che chiedi. Un blocco statico continua a proporre l'iscrizione a chi è già iscritto, e quella ripetizione consuma fiducia. La soluzione non è nascondere la sezione con un ritardo, ma passare un dato: se la sessione dice che l'utente ha già un piano, il testo cambia e l'invito diventa un'altra azione. Serve una variante del blocco, e serve deciderla prima di scegliere quale copiare.

curl "https://ui.eneawork.it/api/blocks/category/cta?limit=10"

Le sezioni sono in /blocks/category/cta, i pulsanti in /components/cat/button e le icone in /icons. Per gli stati di fuoco leggi focus visibile con Tailwind, per il movimento animazioni senza JavaScript; il confronto tra le due famiglie di blocchi hero e cta è in hero block di shadcn.