Widget conto alla rovescia e orologio per Squarespace

Conto alla rovescia fino al alle , , .

Premi Esc per uscire dallo schermo intero

Come funziona

  1. Crea il widget

    Regola qui sopra conto alla rovescia, orologio o timer e scegli i colori.

  2. Copia il codice

    Tocca «Codice per il tuo sito».

  3. Aggiungi un blocco Codice

    Modifica la pagina, aggiungi un blocco Codice, incolla il codice e salva.

Hai un suggerimento per migliorarlo?

Creiamo strumenti il più possibile semplici e intuitivi, con qualche chicca qua e là. Dicci cosa renderebbe migliore questo.

Passo per passo

  1. Apri la pagina nell’editor e fai clic su Modifica.
  2. Fai clic su Aggiungi blocco (o su un punto +) dove vuoi il widget e scegli Codice.
  3. Fai clic sulla matita del blocco, cancella il testo di esempio e incolla il codice. Lascia la modalità su HTML.
  4. Fai clic fuori dal blocco e poi su Salva.

Quali piani lo consentono

Squarespace esegue iframe e script nei blocchi Codice solo con i piani Core, Plus e Advanced. Con il piano Basic il blocco resta vuoto. Se il tuo sito è su Basic, un link testuale o un pulsante verso lo strumento su Clooock è l’alternativa più semplice.

In armonia con il design

I modelli Squarespace amano gli spazi bianchi. Un conto alla rovescia senza sfondo e in nero spesso si integra meglio di un blocco colorato: scegli nero senza sfondo nella frase, oppure metti il colore del tuo marchio nella parte c= del codice. Nell’editor Fluid Engine trascini il blocco per regolare larghezza e altezza, e il widget si adatta.

Sul telefono

Fluid Engine tiene un layout a parte per i telefoni. Passa l’editor alla vista mobile e controlla lì il blocco Codice: dagli un’altezza adatta a uno schermo stretto, un po’ meno che sul computer per un conto alla rovescia. Le cifre si rimpiccioliscono per stare nella larghezza, e le scritte sotto spariscono solo se il blocco diventa molto piccolo.

Domande

Perché il mio blocco Codice è vuoto dopo il salvataggio?

Probabilmente il tuo piano non consente iframe nei blocchi Codice. Squarespace li accetta con i piani Core, Plus e Advanced.

Posso usare il blocco Incorpora al suo posto?

Quel blocco si aspetta link di servizi che riconosce, come i siti di video. Per questo widget il blocco Codice è la scelta sicura.

Il widget usa i caratteri del mio sito?

No, mantiene i suoi (Anton per le cifre). I colori li scegli tu, e le parti c= e f= del codice accettano qualsiasi colore esadecimale.