Como criar uma página de manutenção

Olá!

Em algumas situações específicas precisamos ‘tirar a página do ar’ para que os usuários nção tenham acesso por determinado momento. É sempre bom informar ao seu cliente o motivo da manutenção para que ele volte e faça as compras :shopping:

  1. Crie uma página de manutenção. Acesse o CMS > Páginas Extra > Criar nova página:

  1. Preencha as informações : Lembre -se de colocar um texto que cause interesse em seu cliente, para que ele volte depois e finalize as compras! Veja um texto de exemplo:

Screenshot - 2021-02-01T132704.395

  1. Veja como incluir imagens na página extra:

  2. Já fez sua página de manutenção? OK. Confira o seu layout se ficou ok (não esqueça de dar uma olhada no mobile). Para visualizar a página extra que fez, veja ela lá no rodapé do seu site. Junto com as demais páginas informativas.

  3. Tire as informações da página extra, como o header e o footer, para que seja mostrado somente o texto que você informou. Assim, o usuário não vai conseguir pesquisar nem navegar nos menus dos links que tem no rodapé. Para isso, basta incluir o código css abaixo: (Vá em Layout > inserir código > Coloque no último quadrinho):
    Veja o campo nome da página e coloque o nome que aparece no link do navegador da sua página:
    Screenshot - 2021-02-01T144629.866

.__pages_nome-da-pagina .header,
.__pages_nome-da-pagina .footer {
    display: none !important;
}
  1. Não conseguiu fazer o layout bacana e precisa de ajuda? Nos envie uma mensagem aqui na comunidade, que podemos te ajudar!

  2. Então assim que ficar tudo pronto e você quiser tirar o site do ar e colocar somente essa página visível, siga os passos:

  3. Ativar ou desativar a página de lançamento e desativar as outras entradas:
    Para ativar, você precisa entrar no CMS(Layout > Inserir código> No primeiro e incluir o trecho conforme esta em destaque verde abaixo:

Veja o código aqui:

<script>
if (location.pathname !== '/pages/coloque-aqui-o-nome-da-pagina') {
  location.href = 'https://coloque-aqui-o-link-para-acessar';
}
</script>
  1. Quando quiser voltar a sua página ao normal, basta retirar o trecho do código que colocou (Lembre -se de retirar também o css que alterou o estilo da tela no passo 5).
1 curtida

Olá,

Tem como usar uma sandbox?

Att

Oi, tudo bem?

O funcionamento atual esta bem simples. Basta colocar o código no CMS. A configuração de um sandbox iria aumentar a complexidade, você não acha?

Porque o que precisa ser feito atualmente é só criar a página de manutenção e colocar o código do passo 8. É bem simples.

O que acha?

Oi

tudo e você?

Desculpe mas eu não faço idéia do que envolve codificar em uma sandbox, é um recurso que tem na club e nos permite visualizar as alterações que estão sendo feitas enquanto está setado em manutenção.

Att

oi @vaporstore, tudo bem?

Entendi. O intuito aqui desse post foi só para criar a página de manutenção da forma como esta o funcionamento atual.

Esse tipo de facilidade que você citou vai ser avaliado, tá!

Estamos implementando várias funcionalidades, e as sugestões de vocês são importantes demais.

Ate mais! :blush:

1 curtida