Personalizzare una schermata di blocco

Attiva e progetta una pagina con schermata di blocco in linea con lo stile del tuo sito.

Ultimo aggiornamento 31 maggio 2024

Se il tuo sito è ancora in fase di sviluppo o vuoi limitarne l'accesso, puoi nasconderlo completamente oppure proteggere con una password singole pagine. In questo modo impedirai a chiunque di visualizzare i tuoi contenuti. Finché il sito o la pagina sono protetti da password, verrà visualizzata una schermata di blocco e i visitatori dovranno inserire la password per accedere.

prendi in considerazione la possibilità di monetizzare i contenuti del tuo sito creando un sito per i membri.

Segui questa guida per saperne di più sulla creazione e la personalizzazione della schermata di blocco.

Attivare una schermata di blocco

Accesso a questa funzionalità

Le schermate di blocco sono disponibili sia per i siti a pagamento sia per quelli di prova.

Per attivare una schermata di blocco:

  1. Imposta una password specifica per tutto il sito oper una pagina.
  2. Realizza e personalizza la tua schermata di blocco. Per saperne di più, consulta le sezioni seguenti.
  3. Condividi la password con chiunque vuoi che visualizzi in anteprima il tuo sito.

Personalizzare la schermata di blocco

Puoi creare un design personalizzato per la schermata di blocco utilizzando il pannello di design, in modo che rispecchi lo stile del tuo marchio o del tuo sito web. Ecco alcuni casi in cui una schermata di blocco personalizzata potrebbe esserti utile:

  • Un fotografo, un creativo o un'agenzia che utilizza la schermata di blocco per consentire ai clienti di accedere ai contenuti privati.
  • Se stai ancora lavorando al tuo sito o alla tua pagina, usa la schermata di blocco come pagina in costruzione.
  • Utilizzo di una schermata di blocco per creare un sito o una pagina privata solo per uso interno.

Ecco un esempio di una schermata di blocco utilizzata come pagina In costruzione:

KB Guide Image

Procedure consigliate per la progettazione

Tutti i layout delle schermate di blocco sono realizzati con un responsive design, in modo da risultare perfetti su qualsiasi dispositivo. Tuttavia, per utilizzare una schermata di blocco, è necessario tenere a mente alcune procedure ottimali.

Tieni in ordine

La schermata di blocco è probabilmente il primo punto di contatto del tuo sito. Il suo compito è quello di guidare il visitatore verso il compimento di una sola azione, ovvero l'immissione della password. Le opzioni di layout sono volutamente "minimaliste", in modo da creare un design che sia di impatto e che funzioni rapidamente.

Una schermata di blocco per tutte le pagine

Il tuo sito ha un'unica schermata di blocco per tutte le aree protette da password. Non è possibile personalizzarla in base alla pagina.

Nessun blocco

Le schermate di blocco si comportano in modo diverso rispetto alle altre aree Squarespace. A differenza di altre aree di contenuto, le schermate di blocco non vengono create utilizzando sezioni o blocchi. Inizierai con un layout predefinito e lo personalizzerai con gli strumenti di modifica.

Guarda un video

Scegliere un nuovo layout

Per scegliere un layout per la schermata di blocco:

  1. Apri il pannello della Schermata di blocco.
  2. Qui troverai un'anteprima della schermata di blocco, in modo da poter vedere le modifiche in tempo reale. Inizierai con un design vuoto.
  3. Clicca su Cambia layout per selezionare un nuovo layout per la schermata di blocco. Cambierai l'immagine di sfondo in un secondo momento, quindi concentrati di più sul posizionamento del campo del testo e della password.
  4. Per scegliere un layout, passa il mouse su di esso e clicca su Seleziona.
  5. Fai clic su Salva.

puoi aggiungere un conto alla rovescia come layout personalizzato alla schermata di blocco con una soluzione basata su codice. Per maggiori informazioni, visita questo post nello Squarespace Forum. Nota: le personalizzazioni del codice non rientrano nell'ambito della nostra assistenza. Ciò significa che non possiamo aiutarti a configurare o risolvere i problemi delle soluzioni basate su codice.

Aggiungere branding e testo

Utilizza il pannello Branding e testo per aggiungere contenuti in linea con lo stile del tuo sito. Puoi:

  • Aggiungere un testo di branding o un logo
  • Aggiungere un'intestazione di pagina
  • Aggiungere un corpo del testo più lungo
  • Nascondere o visualizzare l'icona del lucchetto

Per aggiungere un'immagine del logo:

  1. Sotto Branding, scegli Logo, quindi clicca sull'icona +
  2. Carica un'immagine dal tuo dispositivo cliccando su Carica file. Puoi riutilizzare un'immagine cliccando su Seleziona dalla libreria.
  3. Per confermare le modifiche, clicca su Salva.

Assicurati che il tuo logo rispetti le nostre procedure consigliate oppure crea un nuovo logo con Squarespace Logo.

Dopo aver aggiunto un'immagine, puoi:

  • Modificare la tua immagine.
  • Impostare il punto focale dell'immagine cliccando sui tre punti, quindi selezionando Punto focale.
  • Cambiare l'immagine facendo clic su Sostituisci.
  • Eliminare l'immagine facendo clic sui tre punti, quindi su Rimuovi.

Ricorda:

  • La visualizzazione del branding e del testo varia in base al layout.
  • Non è possibile visualizzare contemporaneamente un logo e un testo di branding.
  • A differenza di altre pagine, i titoli dei siti e i loghi sulle schermate di blocco non sono collegati alla homepage del sito.
  • La scheda del browser per una schermata di blocco mostrerà sempre il titolo del tuo sito e la parola "Sicuro".

Aggiungere immagini o video di sfondo

Utilizza il pannello Media per mostrare un'immagine di sfondo con smarginatura completa, un video o un colore nella schermata di blocco. Puoi:

Ricorda:

  • Non è possibile caricare video in una schermata di blocco. Per aggiungere un video di sfondo, carica i tuoi video su YouTube o Vimeo, quindi utilizza l'URL del video per aggiungerlo.
  • Formatta correttamente le immagini prima del caricamento.
  • Puoi utilizzare l'Editor di immagini integrato per modificare le immagini originali.
  • Puoi caricare più immagini per creare uno slideshow o uno sfondo a griglia. Gli slideshow nelle schermate di blocco passano automaticamente da un'immagine all'altra.
  • Il caricamento di diverse immagini ad alta risoluzione può influire sul tempo di caricamento della schermata di blocco.
  • A causa del responsive design, le immagini e i video appariranno sempre parzialmente ritagliati, soprattutto sui dispositivi mobili. Le dimensioni del ritaglio dipendono dall'altezza dell'immagine, dalla larghezza del browser e dal layout prescelto.

Utilizza un colore di sfondo

Per visualizzare un semplice sfondo colorato invece di un'immagine o di un video, scegli Nessuno. L'immagine scomparirà dall'anteprima. Modifica il colore dello sfondo nel pannello Stile.

Definire lo stile della schermata di blocco

Utilizza il pannello Stile per modificare la tipografia e i colori della schermata di blocco. Gli stili della schermata di blocco sono distinti dal resto degli stili del sito. Quindi, facendo clic su Ripristina le opzioni di stile predefinite o Imposta tutti i tipi di carattere di sistema si interverrà solo sugli stili della schermata di blocco.

  1. Clicca su Stile nel pannello Schermata di blocco.
  2. Utilizza le opzioni per definire lo stile della schermata di blocco. Quando modifichi lo stile utilizzando i tweak nel pannello, cambierà anche l'anteprima della schermata di blocco.
  3. Al termine, clicca su Salva.

Nota

non è possibile creare uno stile per il branding, il titolo o il testo del corpo sui siti aggiornati alla versione 7.1.

Campo della password

Utilizza i tweak nella sezione Password per ritoccare il campo di immissione della password.

Se scegli Stile: rettangolo, puoi modificare il colore di sfondo e il colore del tipo di carattere in modo indipendente.

Se selezioni l'opzione Stile: sottolineato:

  • Il tweak Colore avrà effetto sia sulla sottolineatura che sul testo.
  • Il testo viene visualizzato più chiaro del 50% rispetto alla sottolineatura.
  • Se il testo appare colorato e desideri invece che sia grigio, sposta il selettore di colore da destra verso sinistra.
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Personalizzare una schermata di blocco