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

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á uma tela de bloqueio, e os visitantes precisarão informar a senha para acessar.

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

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

Ativando a tela de bloqueio

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

Para ativar a tela de bloqueio:

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

Personalizando a tela de bloqueio

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

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

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

Recomendações quanto ao design

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

Deixe tudo organizado

A tela de bloqueio 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.

Uma tela de bloqueio para todas as páginas

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

Sem blocos

A tela de bloqueio se comporta de uma forma distinta do restante do Squarespace. Diferentes das outras áreas de conteúdo, a tela de bloqueio 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 tela de bloqueio:

1. Abra o painel "tela de bloqueio".
2. O painel é aberto com uma prévia da tela de bloqueio 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 a tela de bloqueio. 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.

Dica: como layout personalizado, você pode adicionar uma contagem regressiva à tela de bloqueio — 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 mostrar uma imagem de fundo sem margens, um vídeo ou uma cor na tela de bloqueio. Você pode:

• Fazer upload de imagens de fundo
• Adicione imagens de acervo
• Reutilizar imagens já carregadas
• Adicione um vídeo de fundo silencioso em loop com um URL incorporável.
• Definir a cor de fundo

Lembre-se:

• Não é possível carregar vídeos diretamente na tela de bloqueio.
• 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 da tela de bloqueio.
• Devido ao design responsivo, os vídeos e imagens sempre são cortados, principalmente na versão móvel. O tamanho do recorte 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.

Ajuste o estilo da tela de bloqueio

Use o painel Estilo para alterar a tipografia e as cores da tela de bloqueio. Os estilos da tela de bloqueio 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 da tela de bloqueio.

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

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.