Al giorno d'oggi, non basta attirare visitatori sul tuo sito, devi anche impressionarli, quando arrivano sulla tua home page. Dopotutto, ci sono migliaia di altri siti che offrono servizi o contenuti simili ai tuoi, quindi perché dovrebbero scegliere te rispetto ad altri?

Il " pagine Splash Sono un'elegante soluzione a questo problema. Possono agire come carte telefoniche o persino aiutarti ad aumentare le conversioni se usati correttamente. In questo tutorial esploreremo il concetto di " spruzzata pagine "o" copertina "nel web design moderno. Successivamente, ti mostreremo alcuni esempi di diverse copertine e ti offriremo alcuni plugin che possono aiutarti a integrare tali contenuti sul tuo sito web. il tuo blog.

Cos'è una splash page?

Ancora chiamato " risguardo "O" Pagina iniziale Questa è una sezione del tuo sito che i visitatori vedono prima di andare al contenuto principale. Di solito hanno contenuti mirati, in particolare con pulsanti di invito all'azione (CTA), e fungono da canalizzazione per i contenuti del tuo sito. Ecco un esempio di una home page con un aspetto moderno:

Esempio di splash page di Wordpress

Sebbene l'uso di questa pagina sia leggermente diminuito (in parte a causa di problemi di esperienza dell'utente), Offrono grandi vantaggi, quali:

  • Attrazione dell'attenzione dei visitatori su un messaggio specifico o un oggetto specifico.
  • Ti consente di comunicare informazioni essenziali ai tuoi visitatori.
  • Offre l'opportunità di aumentare le conversioni presentando loro richieste di iscrizione o simili.

Sebbene la loro importanza sia diminuita, il concetto di splash page si è evoluto per incorporare intestazioni a schermo intero in questi giorni, poiché possono fornire lo stesso numero di vantaggi delle "splash page".

Detto questo, le pagine di avvio tradizionali sono ancora valide per alcune applicazioni come:

  • Per la creazione di un magnifico preludio visivo per il tuo sito.
  • La visualizzazione dell'avviso legale per i siti che ne hanno bisogno.
  • La scelta della tua lingua preferita.
  • Condivisione di notizie importanti con i vostri ospiti (anche se non incoraggiamo davvero questa pratica).
  • Incoraggiare gli utenti a iscriversi a a newsletter.

Noi ora esplorare alcuni esempi che vi ispirano.

splash page di esempio

Per questa sezione, ci concentreremo sulle pagine iniziali con un design eccezionale, un'eccezionale facilità d'uso o che combina entrambi i criteri. Come accennato, molte pagine di avvio sono in realtà intestazioni a schermo intero.

1 - CoLofts

Esempio di Coloft

http://colofts.ca/

Il sito Web CoLofts ha un'intestazione a schermo intero con uno sfondo disattivato che ne evidenzia il logo. A tutti gli effetti, questa intestazione funge da pagina iniziale. È lì per motivi puramente estetici e l'unica funzione di navigazione disponibile, si spinge più in basso per vedere il resto della pagina.

2 - Rendilo perfetto

Rendilo perfetto esempio

visita

Il nostro prossimo esempio è " Renderla perfetta "Che presenta un" splash page »Tendenza retrò. Include una barra di caricamento, cosa piuttosto rara sui siti Web moderni in questi giorni, e con buone ragioni. Si ritiene che le velocità medie di Internet siano aumentate e quindi abbiano impostato un indicatore di caricamento, forse scoraggiando i visitatori. Idealmente, questo elemento non è essenziale, ma la barra di caricamento visivamente accattivante.

3 - Unità Ape

Esempio di Apeunit

visita

Questa homepage offre un buon mix di usabilità e design. In effetti, potresti dire che l'intera pagina principale è una successione di " pagine splash Portando a vari casi di studio. Se sei un professionista del design, questa sarà sicuramente una grande fonte di ispirazione per te.

Tuttavia, non è privo di inconvenienti. Molti sarebbero più a loro agio con un sistema di navigazione tradizionale. A nostro avviso, l'aggiunta di un menu di navigazione può migliorare l'esperienza dell'utente.

Alcuni plugin per l'aggiunta di pagine splash su WordPress

L'ideale sarebbe utilizzare un tema che offra questa funzionalità. Tuttavia, se il tuo tema non ne offre uno, puoi utilizzare uno di questi plugin:

1 - WP Splash Page

Plugin wp della pagina Splash

Scarica il plugin

Questo plug-in consente di aggiungere semplicemente una pagina Splash personalizzabile. Quest'ultimo potrebbe non avere nulla a che fare con il tuo tema e questo potrebbe essere uno dei suoi difetti. Solo con una piccola personalizzazione CSS, otterrai buoni risultati.

2 - Pagina Splash molto semplice

Pagina iniziale molto semplice

Scarica il plugin

WP Splash Page è un plugin utile, se vuoi creare una splash page sul tuo blog WordPress. In particolare permette di visualizzare un'immagine sullo sfondo e testo e pulsanti al centro. È una soluzione che ho trovato abbastanza elegante e spero vi piaccia.

Questo è tutto per questo tutorial, spero che ti possa aiutare a capire il principio di spruzzata pagine Su WordPress.