Widget de contagem regressiva e relógio para Squarespace

Contagem regressiva até às , , .

Pressione Esc para sair da tela cheia

Como funciona

  1. Crie o widget

    Ajuste a contagem, o relógio ou o temporizador acima e escolha as cores.

  2. Copie o código

    Toque em “Código para o seu site”.

  3. Adicione um bloco de código

    Edite a página, adicione um bloco Código, cole o código e salve.

Alguma sugestão para melhorar esta ferramenta?

Criamos ferramentas tão simples e intuitivas quanto possível, com alguns bônus aqui e ali. Conte para a gente o que deixaria esta ainda melhor.

Passo a passo

  1. Abra a página no editor e clique em Editar.
  2. Clique em Adicionar bloco (ou num ponto +) onde quer o widget e escolha Código.
  3. Clique no lápis do bloco, apague o texto de exemplo e cole o código. Deixe o modo em HTML.
  4. Clique fora do bloco e depois em Salvar.

Quais planos permitem

O Squarespace só executa iframes e scripts em blocos de código nos planos Core, Plus e Advanced. No plano Basic, o bloco fica vazio. Se o seu site está no Basic, um link de texto ou um botão para a ferramenta no Clooock é a alternativa mais simples.

Combinando com o design

Os modelos do Squarespace gostam de bastante espaço em branco. Uma contagem sem fundo e em preto costuma combinar melhor que um bloco colorido: escolha preto sem fundo na frase, ou coloque a cor da sua marca na parte c= do código. No editor Fluid Engine, você arrasta o bloco para ajustar largura e altura, e o widget acompanha.

No celular

O Fluid Engine guarda um layout separado para celulares. Passe o editor para a visualização de celular e confira o bloco de código ali: dê uma altura que caiba bem numa tela estreita, um pouco menor que no computador para uma contagem. Os números diminuem para caber na largura, e os textos embaixo só somem se o bloco ficar muito pequeno.

Perguntas

Por que meu bloco de código fica vazio depois de salvar?

Provavelmente o seu plano não permite iframes em blocos de código. O Squarespace aceita nos planos Core, Plus e Advanced.

Posso usar o bloco de incorporação no lugar?

Esse bloco espera links de serviços que ele reconhece, como sites de vídeo. Para este widget, o bloco de código é a escolha segura.

O widget usa as fontes do meu site?

Não, ele mantém as próprias (Anton para os números). As cores você escolhe, e as partes c= e f= do código aceitam qualquer cor em hexadecimal.