Compatibilità:

WebSite X5 Evo e Pro

Un sito web non deve necessariamente essere composto da molte pagine. In alcuni casi, una struttura semplice, immediata e pensata per accompagnare il visitatore lungo un unico percorso può risultare molto più efficace.


I siti “one page” o monopagina nascono proprio con questo obiettivo: raccogliere tutti i contenuti principali in un’unica pagina suddivisa in sezioni facilmente raggiungibili tramite il menu di navigazione.


Questa soluzione è particolarmente adatta per:

  • siti vetrina semplici;
  • landing page;
  • portfolio;
  • presentazioni aziendali;
  • eventi;
  • attività locali;
  • professionisti e freelance.


Grazie alla navigazione a scorrimento, il visitatore può passare rapidamente da una sezione all’altra senza cambiare pagina, migliorando fluidità e immediatezza della consultazione.


Anche con WebSite X5 puoi creare facilmente un sito one page utilizzando menu ad ancore e una struttura di navigazione interna alla pagina.


Diversi template di WebSite X5 utilizzano già questo approccio, come per esempio GeenoPanino, PetsVet o CV Power. 


I passaggi fondamentali sono:


#tip - Un sito one page può essere una soluzione molto efficace quando vuoi presentare poche informazioni in modo chiaro, rapido e facilmente consultabile anche da smartphone.


Come creare un sito one page passo dopo passo

Il primo passo è preparare una struttura adatta a un sito monopagina. 


In questo tipo di progetto esiste una sola pagina reale: la Home Page. Le voci del menu servono invece per spostarsi tra le diverse sezioni della stessa pagina.


Per impostare la struttura:

  • Apri un nuovo progetto e vai al Passo 3 - Creazione della Mappa.
  • Elimina tutte le pagine presenti di default lasciando soltanto la Home Page.
  • Utilizza i Livelli per creare le voci del menu di navigazione.


Per esempio, puoi creare un sito con queste sezioni:

  • Benvenuto
  • Servizi
  • Contatti


Per farlo:

  • Clicca sul pulsante Nuovo Livello.
  • Rinomina il Livello con il nome della sezione che vuoi creare (“Benvenuto”).
  • Ripeti l'operazione per tutte le voci del menu.

In questo modo costruisci la struttura di navigazione del sito one page.


Una volta terminata la struttura:

  • Seleziona la Home Page.
  • Clicca su Avanti per passare al Passo 4 - Creazione della Pagina.


#tip - Nei siti one page è consigliabile mantenere il menu semplice e con poche voci, così da rendere la navigazione più immediata.


2. Crea le sezioni della pagina

A questo punto puoi costruire i contenuti della tua unica pagina. 


Nel nostro esempio: 

  • “Benvenuto” sarà una sezione introduttiva; 
  • “Servizi” parlerà di ciò che offri; 
  • “Contatti” raccoglierà recapiti e modulo di contatto.  


Con WebSite X5 puoi creare queste sezioni lavorando normalmente nella pagina Home, utilizzando Oggetti Testo, Immagine, Gallerie, Moduli di contatto, ecc. La parte più importante consiste, però, nell’inserire le Ancore.


Le Ancore sono riferimenti interni che identificano punti specifici della pagina e permettono al menu di portare automaticamente il visitatore nella sezione corretta durante lo scroll.


Devi quindi creare un’Ancora per ogni sezione del sito.


Per inserire la prima Ancora:

  • Seleziona il primo Oggetto della sezione.
  • Clicca su Ancora > Inserisci Ancora.
  • Assegna un nome all'Ancora, per esempio "Benvenuto".
  • Ripeti la stessa operazione per la sezione "Servizi" e la sezione "Contatti".


Alla fine avrai una singola pagina suddivisa in più sezioni navigabili tramite Ancore.


Cerca di creare sezioni ben distinte visivamente utilizzando colori, spaziature e immagini differenti: aiuterai il visitatore a orientarsi meglio durante lo scroll.


#tip - Puoi scoprire tutto ciò che c'è da sapere sulla creazione e la gestione delle Ancore leggendo la guida Come si imposta il link a un'ancora?


Ora devi collegare le voci del menu alle rispettive Ancore.


Questo passaggio permette al menu di portare automaticamente il visitatore nella sezione corretta della pagina.


Per collegare una voce del menu:

  • Torna al Passo 3 - Creazione della Mappa.
  • Seleziona il Livello "Benvenuto".
  • Clicca sul pulsante Proprietà.
  • Nella finestra Proprietà di Livello, clicca sull’icona Collegamento. 
  • Nella finestra Collegamento seleziona la voce Pagina del Sito.
  • Per finire di impostare il collegamento, prima scegli la Home Page, quindi imposta l’Ancora interna alla Pagina selezionando “Benvenuto”.
  • Conferma cliccando su Ok.
  • Ripeti le stesse operazioni per collegare anche i Livelli "Servizi" e "Contatti" alle Ancore corrispondenti.


Ora il tuo sito one page è pronto. Quando il visitatore cliccherà una voce del menu, la pagina scorrerà automaticamente e verrà subito raggiunta la sezione corretta. In questo modo la navigazione risulterà fluida e immediata.


#tip - Se il sito è particolarmente lungo, puoi migliorare ulteriormente l'esperienza di navigazione utilizzando una Sticky Bar per mantenere sempre visibile il menu durante lo scroll (vedi: Sticky Bar. Come creare una barra di navigazione sempre visibile durante lo scroll?). 


#tip -  Per creare effetti di scorrimento più moderni e coinvolgenti puoi utilizzare anche la funzionalità Full Height (vedi: Come si utilizza la proprietà Full Height per creare uno scorrimento a schede della pagina?).


Suggerimenti pratici

Un sito one page funziona bene quando i contenuti sono organizzati in modo chiaro, sintetico e facilmente consultabile.


Per ottenere risultati migliori:

  • limita il numero delle sezioni;
  • utilizza titoli brevi e facilmente riconoscibili;
  • mantieni il menu semplice;
  • inserisci call to action ben visibili;
  • usa immagini leggere e ottimizzate;
  • verifica sempre il comportamento da smartphone;
  • crea uno scroll fluido e ordinato;
  • organizza i contenuti seguendo una sequenza logica.


In generale, il sito one page è particolarmente efficace quando il visitatore deve raggiungere rapidamente un obiettivo preciso, come:

  • contattarti;
  • richiedere informazioni;
  • prenotare un servizio;
  • scoprire un’attività o un prodotto.


In sintesi

Con WebSite X5 puoi creare facilmente un sito one page utilizzando una singola pagina suddivisa in sezioni collegate tramite Ancore.


Grazie alla navigazione a scroll, il visitatore può spostarsi rapidamente tra i contenuti senza cambiare pagina, ottenendo un’esperienza semplice, moderna e immediata.


Questo tipo di struttura è ideale per landing page, portfolio, piccoli siti aziendali e progetti che vogliono comunicare poche informazioni in modo rapido ed efficace.