Pagine Canvas — Libertà creativa totale
Le pagine Canvas ti offrono un design a mano libera perfetto al pixel, senza vincoli di griglia o layout. Posiziona gli elementi ovunque sulla pagina e crea layout unici e coinvolgenti. Sostituiscono le precedenti "Pagine Freestyle" che erano limitate al design a griglia basato su una tecnica di 20 anni fa chiamata WYSIWYG (What you see is what you get). Era semplicemente impossibile modificare quelle pagine liberamente: ora hai tutta la libertà!
Aggiunta di elementi
Le pagine Canvas supportano quattro tipi di elementi:
Testo — scegli i livelli di intestazione (H1–H6) o il corpo del testo, seleziona qualsiasi carattere, imposta dimensione e colore
Immagine — carica o incolla un URL; aggiungi il testo alt per la SEO; fai doppio clic per riposizionare l'immagine all'interno della sua cornice
Video — incorpora un link YouTube o Vimeo, oppure carica il tuo; scegli tra riproduzione automatica o al clic
Pulsante — imposta il testo dell'etichetta, l'URL del link, i colori dello sfondo e del testo e il raggio del bordo
Impostazioni degli elementi
Ogni elemento può essere rifinito nei minimi dettagli:
Posizione e dimensioni — imposta X (%), Y (px), larghezza (%) e altezza (px) per un posizionamento preciso
Rotazione — ruota qualsiasi elemento da 0° a 360°
Ordine dei livelli — fai clic con il tasto destro su un elemento per portarlo in primo piano o mandarlo sullo sfondo (controllo z-index)
Azioni al clic — collega a una pagina interna o a un URL esterno; le immagini possono essere aperte in un modal di dettaglio con navigazione della galleria
Azione al clic - Modal
L'azione al clic su un'immagine può essere un link o un Modal. Puoi scegliere di aprire l'immagine in una finestra o abilitare l'opzione galleria: la finestra diventerà una galleria scorrevole che puoi riempire con immagini o video e potrai anche selezionare il colore di sovrapposizione.
Sfondo della pagina
Imposta lo sfondo per l'intera pagina canvas:
Sfondo del sito — trasparente / colore predefinito del tuo sito web
Colore — scegli qualsiasi colore pieno
Immagine — carica o incolla un URL, quindi usa il selettore del punto focale per controllare quale parte rimane visibile su diverse dimensioni dello schermo
Video — incorpora o carica un video di sfondo con un punto focale; aggiungi una sovrapposizione di colore opzionale con opacità regolabile per una migliore leggibilità
Viewport Reattivi
Le pagine Canvas supportano tre viewport indipendenti:
Desktop (1440 px)
iPad Air (820 px)
iPhone 16 Pro (430 px)
Ogni viewport ha il suo layout degli elementi. Fai clic con il tasto destro sugli elementi nella vista desktop per copiarli su iPad, iPhone o entrambi contemporaneamente. Quindi regola le posizioni e le dimensioni in modo indipendente per ogni viewport per assicurarti che il tuo design sia fantastico su ogni dispositivo.
Intestazione e Piè di pagina
Quando crei una pagina canvas puoi scegliere di mostrare o nascondere l'intestazione e il piè di pagina del sito. Questo è l'ideale per landing page indipendenti o esperienze coinvolgenti a tutto schermo.
Pagina iniziale
Qualsiasi pagina canvas può essere impostata come pagina iniziale (home) del tuo sito web, rendendola la prima cosa che i visitatori vedono.
Esempio: Landing Page con sfondo video
1. Crea una nuova pagina canvas e nascondi l'intestazione e il piè di pagina
2. Imposta lo sfondo su Video e incolla un link YouTube o Vimeo
3. Regola il punto focale in modo che la scena principale rimanga centrata su tutti i dispositivi
4. Aggiungi una sovrapposizione di colore (es. nero con opacità al 40%) per il contrasto
5. Posiziona un elemento testo H1 con il tuo titolo principale
6. Aggiungi un elemento Pulsante, nominalo "Visualizza Portfolio" e collegalo alla tua pagina galleria
7. Passa ai viewport iPad e iPhone, copia gli elementi dal desktop e rifinisci le posizioni
8. Imposta questa pagina canvas come pagina iniziale
Il risultato è una landing page cinematografica a schermo intero che funziona perfettamente su tutti i dispositivi.