Personalizando o bloqueio de tela

Crie uma página de bloqueio de tela de acordo com o estilo do seu site.

Ultima atualização 31 de maio de 2024

Se o seu site ainda estiver na fase de criação, ou se você quiser limitar o acesso a ele, é possível ocultar o site ou páginas específicas com uma senha. Ela tira seu conteúdo do acesso ao público. Enquanto o site ou página estiver protegido por senha, aparecerá um bloqueio de tela, e os visitantes precisarão informar a senha para acessar.

crie um site para membros e monetize o conteúdo do seu site.

Este guia aborda como criar e personalizar o bloqueio de tela.

Ativando o bloqueio de tela

Acessando o recurso

O bloqueio de tela está disponível tanto nos sites pagos quanto nos sites de avaliação.

Para ativar o bloqueio de tela:

  1. Crie uma senha para todo o site ou para uma página específica.
  2. Crie e personalize o bloqueio de tela. Saiba mais nas seções abaixo.
  3. Informe a senha a todas as pessoas que você quiser que consulte o seu site.

Personalizando o bloqueio de tela

Para combinar com o estilo da sua marca ou do seu site, você pode criar um design personalizado para o bloqueio de tela no painel "Design". Há alguns casos em que o bloqueio de tela personalizado é útil:

  • Para fotógrafos, profissionais criativos e agências, o bloqueio de tela pode ser usado dar aos clientes acesso a conteúdo privativo.
  • Se você ainda estiver trabalhando no site ou em uma página, use o bloqueio de tela como uma página "Em construção".
  • Use um bloqueio de tela para criar um site ou página apenas para uso interno.

Confira a seguir um exemplo de bloqueio de tela em uma página "Site em construção":

KB Guide Image

Recomendações quanto ao design

Todos os layouts de bloqueio de tela são criados com design responsivo para funcionarem em qualquer aparelho. No entanto, há algumas recomendações ao usar o bloqueio de tela.

Deixe tudo organizado

O bloqueio de tela geralmente é a primeira impressão que o seu site passa. Ele deve levar os visitantes apenas a informarem uma senha. As opções de layout são mínimas justamente para criar um design rápido e eficaz.

Um bloqueio de tela para todas as páginas

O site tem um design de bloqueio de tela para todas as áreas protegidas por senha. Não pode ser personalizado por página.

Sem blocos

O bloqueio de tela se comporta de uma forma distinta do restante do Squarespace. Diferentes das outras áreas de conteúdo, o bloqueio de tela não tem seções nem blocos. Você começa com um layout definido e pode personalizar com as ferramentas de edição.

Assista a este vídeo

Escolher um novo layout

Para escolher um layout de bloqueio de tela:

  1. Abra o painel "Bloqueio de tela".
  2. O painel é aberto com uma prévia do bloqueio de tela para você ver as alterações em tempo real. Você começará com um design vazio.
  3. Clique em Alterar layout para selecionar um novo layout para o bloqueio de tela. Como a imagem de fundo será alterada depois, você agora deve focar o posicionamento do campo de texto e da senha.
  4. Para escolher o layout, passe o cursor sobre ele e clique em Selecionar.
  5. Clique em Salvar.

como layout personalizado, você pode adicionar uma contagem regressiva ao bloqueio de tela — para isso, adicione um código personalizado. Saiba mais nesta publicação no Squarespace Forum. Nosso suporte não cobre modificações no código personalizado. Por isso, não ajudamos na configuração nem na resolução de problemas com código.

Adicionar identidade visual e texto

Use o painel Marca e Texto para adicionar conteúdo que corresponder ao estilo do site. Você pode:

  • Adicionar o texto ou o logotipo da identidade visual
  • Adicionar um título de página
  • Adicionar corpo de texto mais longo
  • Ocultar ou exibir o ícone do cadeado

Para adicionar uma imagem de logotipo:

  1. Em Identidade visual, escolha Logotipo e clique no ícone +
  2. Para carregar uma imagem do seu aparelho, clique em Carregar arquivo. Para reutilizar uma imagem, clique em Selecionar da biblioteca.
  3. Para confirmar suas alterações, clique em Salvar.

Veja se o logotipo segue nossas melhores práticas; ou crie um novo logotipo com o Squarespace Logo.

Após carregar a imagem, você pode:

  • Editar a imagem.
  • Fixar o ponto focal da imagem — para isso, clique nos três pontos e depois em Ponto focal.
  • Alterar a imagem — para isso, clique em Trocar.
  • Apagar a imagem — para isso, clique nos três pontos e depois em Excluir.

Lembre-se:

  • A identidade visual e a exibição de texto variam conforme o layout.
  • Não é possível exibir um logotipo e o texto da marca ao mesmo tempo.
  • Ao contrário de outras páginas, os títulos e logotipos do site nos bloqueios de tela não têm links para a página inicial do site.
  • A guia do navegador para uma tela de bloqueio sempre exibirá o título do site e a palavra "Seguro".

Adicionar imagens ou vídeo de fundo

Use o painel Mídia para exibir uma imagem de fundo sem margens, um vídeo ou uma cor no bloqueio de tela. Você pode:

Lembre-se:

  • Não é possível carregar vídeos no bloqueio de tela. Para adicionar um vídeo de fundo, carregue os vídeos no YouTube ou no Vimeo e, em seguida, use o URL do vídeo para adicioná-lo.
  • Formate corretamente suas imagens antes de enviar.
  • Você pode usar o Editor de imagem integrado para editar as imagens originais.
  • Você pode carregar várias imagens para criar um slideshow ou um plano de fundo em grade. Os slideshows de bloqueios de tela fazem a transição das imagens automaticamente.
  • O upload de várias imagens de alta resolução pode afetar o tempo de carregamento do bloqueio de tela.
  • Devido ao design responsivo, os vídeos e imagens sempre são cortados, principalmente na versão móvel. O tamanho do corte depende da altura da imagem, da largura do browser e do layout escolhido.

Usar uma cor de fundo

Para exibir um plano de fundo liso, com uma só cor, em vez de uma imagem ou vídeo, escolha Nenhum. A imagem desaparecerá da pré-visualização. Altere a cor do plano de fundo no painel Estilo.

Estilizar o bloqueio de tela

Use o painel Estilo para alterar a tipografia e as cores da tela de bloqueio. Os estilos do bloqueio de tela são separados dos demais estilos do site. Portanto, clicar em Retornar os estilos ao original ou Deixar tudo como as fontes do sistema afeta apenas os estilos do bloqueio de tela.

  1. Clique em Estilo no painel Bloqueio de tela.
  2. Use as opções para ajustar o estilo do bloqueio de tela. À medida que você muda o estilo com os ajustes do painel, a prévia do bloqueio de tela se altera.
  3. Ao terminar, clique em Salvar.

Anotação

nos sites da versão 7.1, não é possível ajustar o estilo da identidade visual, do título nem do texto principal.

Campo Senha

Use os ajustes na seção Senha para ajustar o campo de senha.

No Estilo: retângulo, você pode ajustar, de forma independente, a cor do plano de fundo e a cor da fonte.

Se você escolher Estilo: Sublinhado:

  • O ajuste de Cor afeta o sublinhado e o texto.
  • O texto fica 50% mais leve do que o sublinhado.
  • Se o texto estiver sendo exibido em uma cor e você quiser que ele fique cinza, mova o seletor de cores da direita para a esquerda.
Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.