# 4 blocks for an event page

An event page has to turn a date into a registration. Four categories, the countdown the catalogue lacks, the timeline and FAQ faults and the real block counts.

> Page: https://ui.eneawork.it/blog/blocchi-per-evento
> Markdown: https://ui.eneawork.it/blog/blocchi-per-evento.md

*2026-10-31*

Una pagina evento deve trasformare una data in un'iscrizione, non descrivere un programma. Il catalogo indicizza 51 blocchi hero, 15 timeline, 24 faq e 27 cta, letti il 2026-11-01: quattro categorie per una pagina evento.

I conteggi sono quelli delle pagine categoria pubbliche, misurati lo stesso giorno. Una categoria manca del tutto ed è la più richiesta: il countdown ha zero blocchi, quindi il conto alla rovescia si scrive a mano o si prende altrove.

## Cosa deve fare la pagina

Chi guarda un evento ha già un dubbio di agenda: se quella data è libera. La pagina deve quindi mettere nella prima schermata nome, data, città e prezzo, e solo dopo il programma. Deve anche dire cosa succede se piove, se il biglietto è rimborsabile e se serve arrivare in anticipo: sono le tre domande che generano email, e ognuna costa tempo a chi organizza.

## L'ordine dei blocchi

Hero, timeline, faq, cta. Il CTA in fondo non basta: va ripetuto subito dopo la timeline, perché è lì che il visitatore decide se il programma vale il viaggio. Il countdown, se lo aggiungi, appartiene all'hero e non a una sezione a sé: un blocco dedicato occupa una schermata intera per un'informazione che cambia ogni giorno.

## I blocchi da cui partire

Le tabelle elencano blocco, registry, file e categoria. La timeline da 1 file è volutamente spoglia: orari, titoli e descrizioni brevi. La FAQ da 2 file è un accordion senza deep link, quindi condividere una risposta richiede uno scroll manuale. In entrambi i casi il blocco risparmia impaginazione, non logica.

## Blocchi hero

## Blocchi timeline

## Blocchi faq

## Blocchi cta

## Cosa si rompe in produzione

Il guasto classico è il countdown: chi lo scrive confronta la data con l'ora del browser e sbaglia di un'ora quando cambia l'ora legale, oppure mostra «mancano 0 giorni» per dodici ore. Il secondo è la timeline con immagini: ogni voce ha un ritratto di relatore di formato diverso e la linea verticale non passa più per il centro. Il terzo è il CTA che porta a un form chiuso dopo la data di fine iscrizioni.

curl "https://ui.eneawork.it/api/blocks/category/timeline?limit=5"

La risposta elenca le timeline con fonte e file: leggila per capire quante prevedono immagini e quante no. Una timeline senza immagini è più facile da mantenere quando il programma cambia, e cambia quasi sempre nelle due settimane prima dell'evento.

Scegli il CTA dal percorso di iscrizione: link esterno se vendi su una piattaforma, form in pagina se raccogli tu i dati. Un blocco con form dentro e un link a Eventbrite insieme confondono e perdono iscrizioni.

## Un limite da dichiarare

La categoria countdown ha zero blocchi: misurato, non stimato. Questo vuol dire che il pezzo più visibile della pagina evento è anche l'unico senza catalogo, e va scritto con attenzione al fuso orario. Chi pianifica la pagina contando sui blocchi deve aggiungere una mezza giornata di lavoro che non compare in nessuna tabella.

Nel catalogo: hero evento, componenti e tutti i blocchi. Le guide: hero misurati, economia dei blocchi e checklist accessibilità.

## FAQ

### Perché non c'è un blocco countdown nel catalogo?

Perché un countdown è logica più che layout: dipende da fuso orario, data di fine iscrizioni e formato della lingua. I registry pubblicano blocchi copiabili e quella parte non si copia, quindi la categoria resta vuota e il componente si scrive.

### Quante voci regge una timeline di evento?

Da cinque a otto. Oltre, la pagina diventa un programma stampabile e il lettore smette di scorrere prima del CTA. Se le voci sono molte, raggruppale per fascia oraria e lascia il dettaglio a una pagina separata.

### Il countdown va messo nell'hero o in una sezione sua?

Nell'hero, accanto alla data. Una sezione dedicata occupa una schermata per un numero che cambia da solo, e su mobile spinge il programma e il CTA ancora più in basso, dove nessuno arriva.

### Come gestisco le iscrizioni dopo la data di chiusura?

Sostituendo il bottone con una riga di stato e una lista d'attesa. Il blocco CTA non cambia forma da solo: serve una condizione sulla data e un testo alternativo, altrimenti il form resta aperto e le iscrizioni si perdono senza avviso.

### Meglio un form in pagina o un link alla piattaforma di biglietti?

Il link, se la piattaforma gestisce pagamenti e rimborsi. Il form conviene solo per eventi gratuiti con posti limitati, dove raccogli nome ed email e gestisci tu la lista. Due percorsi insieme sulla stessa pagina non funzionano.