1. Struttura della pagina: 5 sezioni con layout flessibile
La pagina Chi siamo è composta da 5 sezioni collassabili. L'ordine è fisso:
- Hero — Sezione principale — sempre visibile, non disattivabile. Titolo, sottotitolo e immagine di sfondo.
- Blocco A — Storia — testo narrativo sulla storia del locale. Toggle attiva/disattiva, layout flessibile.
- Blocco B — Valori — filosofia, valori o specialità del ristorante. Toggle attiva/disattiva, layout flessibile.
- Blocco C — Team — presentazione del personale e della squadra. Toggle attiva/disattiva, layout flessibile.
- Chiusura — sezione finale con immagine di sfondo e CTA. Toggle attiva/disattiva.
Ogni blocco (A, B, C) ha le stesse opzioni di configurazione: puoi usarli liberamente — non sei obbligato a usare il Blocco A per la storia: puoi inserire i valori nel Blocco A e il team nel Blocco B, lasciando il Blocco C disattivo. I nomi dei blocchi sono solo un suggerimento editoriale.
2. Hero: il titolo d'ingresso della pagina Chi siamo
Il Hero della pagina Chi siamo è identico strutturalmente a quello della home page, con 4 campi:
- Titolo — es. "Chi siamo", "La nostra storia", "Il ristorante". Breve e diretto.
- Sottotitolo — una frase di contesto: "Tradizione familiare dal 1985", "Cucina del territorio nel cuore di Bologna".
- Immagine di sfondo — immagine hero in formato 16:9 o 3:2, almeno 1920px di larghezza. Adatta per foto della sala, dell'esterno del locale o dello chef in cucina. Può essere anche verticale a tutta altezza.
- Colore di sfondo — colore fallback in formato esadecimale. Usato quando l'immagine non è disponibile.
A differenza della home page, il Hero della pagina Chi siamo non ha un pulsante CTA: serve solo come titolo visivo d'ingresso, non come invito all'azione.
3. I tre blocchi di contenuto: 9 campi e layout flessibile
I Blocchi A, B e C hanno tutti la stessa struttura con 9 campi. Puoi configurarli in modo diverso per ogni blocco:
- Attiva sezione — toggle per mostrare o nascondere il blocco sul sito pubblico.
- Titolo — il titolo del blocco (es. "La nostra storia", "I nostri valori", "Il team").
- Testo — il contenuto narrativo del blocco. Puoi inserire paragrafi. L'AI può generare o rielaborare questo testo.
- Colore sfondo — colore di sfondo del blocco in formato esadecimale. Lascialo vuoto per usare il colore del tema.
- Colore testo — colore del testo nel blocco. Lascialo vuoto per ereditare il tema.
- Immagine — immagine in formato 3:4 verticale o 4:5, circa 900×1200px. Ottima per ritratti dello chef, foto del personale, interni del locale o immagini dei prodotti tipici.
- Mostra immagine — toggle per mostrare o nascondere l'immagine nel blocco, anche se è caricata. Utile per avere l'immagine pronta ma decidere di non mostrarla temporaneamente.
- Posizione immagine — scegli se l'immagine appare a sinistra o a destra del testo. Su mobile l'immagine è sempre sopra, indipendentemente da questa impostazione. Alternare la posizione tra i blocchi (A sinistra, B destra, C sinistra) crea un layout a zig-zag visivamente più dinamico.
- Layout del testo — due opzioni:
- Due colonne (twoCol) — l'immagine e il testo sono affiancati. Il testo occupa circa la metà della larghezza. Adatto per blocchi con immagine.
- Larghezza piena (wide) — il testo occupa tutta la larghezza. L'immagine può comparire sopra il testo. Adatto per testi lunghi o quando non c'è immagine.
AI per ogni blocco
Ogni blocco ha un pulsante "✨ Rielabora con AI" che rigenera titolo e testo del blocco specifico, mantenendo invariati colori, immagine e layout. Puoi anche usare il pannello AI completo in cima alla pagina per aggiornare più blocchi insieme con istruzioni condivise.
4. Come usare i tre blocchi: idee pratiche per ogni tipo di locale
I tre blocchi possono essere usati in modo flessibile. Ecco alcune configurazioni tipiche per diversi tipi di locale:
Ristorante tradizionale con storia familiare
- Blocco A — Storia: la fondazione, i fondatori, l'anno di apertura. Immagine d'epoca o foto storica del locale. Layout due colonne, immagine a sinistra.
- Blocco B — Valori: la filosofia: ingredienti locali, ricette tramandate, cucina del territorio. Immagine di ingredienti o piatti tipici. Layout due colonne, immagine a destra.
- Blocco C — Team: presentazione dello chef e del personale. Foto di gruppo o del cuoco. Layout due colonne, immagine a sinistra.
Bar o café moderno
- Blocco A — Concept: il concept del locale, l'ambiente, il target. Foto dell'interno. Layout larghezza piena o due colonne.
- Blocco B — Specialità: specialty coffee, cocktail signature, colazione. Immagini dei prodotti. Layout due colonne.
- Blocco C: disattivato o usato per gli orari e i contatti speciali.
Ristorante fine dining
- Blocco A — Lo chef: biography e filosofia del cuoco. Ritratto professionale. Layout due colonne, immagine a destra.
- Blocco B — La proposta gastronomica: menu degustazione, stagionalità, ricerca. Foto dei piatti. Layout due colonne, immagine a sinistra.
- Blocco C — La sala: l'esperienza di sala, sommelier, carta dei vini. Foto della sala o dei tavoli. Layout due colonne.
5. Sezione Chiusura: l'invito a scoprire di più
La sezione Chiusura della pagina Chi siamo ha la stessa struttura di quella della home page: immagine di sfondo con overlay, titolo, testo e fino a 2 CTA. I campi disponibili sono:
- Attiva sezione — toggle visibilità.
- Immagine di sfondo — 16:9, circa 1600×900px. Scegli un'immagine evocativa con zone scure per la leggibilità del testo.
- Colore overlay — es.
rgba(0,0,0,0.5). Regola l'opacità per bilanciare immagine e leggibilità del testo. - Titolo — es. "Vieni a trovarci", "Scopri il menu completo", "Prenota il tuo tavolo".
- Testo — breve testo di invito, 1-3 righe. L'AI rigenera solo titolo e testo della chiusura.
- CTA 1 testo + link — pulsante principale (es. "Contattaci" → contatti).
- CTA 2 testo + link — pulsante secondario opzionale (es. "Scopri il menu" → menu).
Per la pagina Chi siamo, i CTA più efficaci puntano ai contatti (per chi vuole approfondire dopo aver letto la storia) o al menu (per chi è incuriosito dalla cucina dopo aver letto la filosofia).
6. AI per la pagina Chi siamo: cosa genera e come istruirla
L'AI della pagina Chi siamo funziona in modo identico a quella della home: pulsanti inline per ogni blocco e dialogo completo con selezione delle sezioni. Per ottenere i migliori risultati:
- Completa il profilo del locale prima di usare l'AI: nome, tipo di cucina, anno di apertura, zona, specialità del locale. L'AI usa queste informazioni come base.
- Usa istruzioni specifiche nel dialogo AI: "Blocco A per la storia della famiglia Rossi fondata nel 1978", "Stile narrativo caldo e personale", "Menziona la specialità di casa: il brodetto di pesce".
- Affina iterativamente: dopo la prima generazione, continua la chat con correzioni ("Rendi il tono meno formale", "Aggiungi un riferimento alla zona di Bologna").
- Modifica i dettagli personali: l'AI non conosce il nome del fondatore, i premi ricevuti o gli aneddoti specifici. Aggiungili manualmente nei campi testo dopo la generazione.
Domande frequenti sulla pagina Chi siamo
Quanti blocchi di testo posso aggiungere nella pagina Chi siamo?
La pagina Chi siamo ha tre blocchi di contenuto fissi (Blocco A, B e C) oltre al Hero e alla sezione Chiusura. Ogni blocco può essere attivato o disattivato singolarmente. Non è possibile aggiungere blocchi aggiuntivi oltre i tre previsti, ma puoi usare ciascuno per uno scopo diverso: storia del locale, valori/filosofia, team.
Cosa cambia tra layout "due colonne" e "larghezza piena"?
Il layout "due colonne" (twoCol) affianca il testo all'immagine: il testo occupa una colonna, l'immagine l'altra. Il layout "larghezza piena" (wide) mostra il testo su tutta la larghezza della pagina senza immagine laterale, anche se un'immagine è caricata — l'immagine può comparire sopra o sotto in alcune configurazioni. Usa "due colonne" per un aspetto più ricco, "larghezza piena" per un testo lungo senza immagine.
Posso scegliere su quale lato appare l'immagine?
Sì. Ogni blocco ha un toggle "posizione immagine" con opzioni sinistra o destra. Alternare la posizione tra i blocchi (immagine a sinistra nel Blocco A, a destra nel Blocco B) crea un layout visivo più dinamico e professionale. Su mobile l'immagine appare sempre sopra il testo, indipendentemente dalla posizione desktop.
L'AI può scrivere la storia del mio ristorante?
Sì. L'AI genera testi per ogni blocco basandosi sulle informazioni del profilo del tuo locale: nome, anno di apertura, tipo di cucina, zona, specialità. Più dettagliato è il profilo, più personalizzato sarà il testo generato. Puoi poi modificare manualmente i dettagli specifici (il nome del fondatore, l'anno esatto, un aneddoto particolare) che l'AI non conosce.
Posso usare la pagina Chi siamo solo per il team senza la storia?
Sì. Disattiva il Blocco A (Storia) e il Blocco B (Valori) e usa solo il Blocco C (Team) attivo. Puoi anche lasciare attivi solo i blocchi che ti interessano e nascondere gli altri con il toggle. Il risultato sarà una pagina Chi siamo focalizzata solo sul team, con Hero e Chiusura.
Qual è la differenza tra la sezione Chiusura della pagina Chi siamo e quella della Home?
Sono strutturalmente identiche: entrambe hanno immagine di sfondo, overlay, titolo, testo e fino a 2 CTA. Il contenuto però dovrebbe essere diverso: sulla home la chiusura invita all'azione principale (prenota, scopri il menu); sulla pagina Chi siamo è più naturale invitare a contattare il locale o a vedere il menu dopo aver letto la storia del ristorante.