Como Inserir um Botão “Voltar ao Topo” no Final da Home Page ou da Página Única

Há algumas semanas atrás recebi um email de um usuário Wix perguntando como inserir um botão com função “Voltar ao topo“, que faz com que a página retorne ao início. Respondi o usuário informando que essa função ainda não estava disponível no Editor.

De fato, não há uma necessidade significativa para a implementação de um botão “Voltar ao topo” na maioria dos sites que são criados no Wix, mas de qualquer forma, já vi muitas páginas longas de sites Wix e que um botão deste tipo seria de grande utilidade.

Em vista disso, vou compartilhar aqui uma solução simples e bem fácil de fazer, sem códigos, scripts ou dificuldades. Vale ressaltar que esta solução é “básica”, não é um recurso mais bem elaborado como, por exemplo, o botão “Voltar ao topo” aqui do blog Criar Site Wix, ao qual surge flutuando ao rolar um pouco a página.

A solução que disponibilizo é bem objetiva e o botão ficará fixo no final da página, como informado no título deste post.

Apenas para Home Page ou Página Única

A dica que vou compartilhar aqui vale somente para a página inicial do site ou para sites do tipo Squeeze Page ou Página Única. Não é possível aplicar este recurso para outros tipos de páginas que não sejam estas citadas. Confira os exemplos abaixo:

Exemplo do botão Voltar ao topo para a Home page: clique.

Exemplo de botão Voltar ao topo para Página Única: clique.

Como inserir o botão?

A primeira coisa a fazer é encontrar um botão no “estilo” ou formato de voltar ao topo. Para isso, recomendo que pesquise por ícones deste tipo. confira o post Baixe diversos ícones grátis para seu site Wix e saiba como proceder.

Encontrado seu ícone, o qual servirá como botão, acesse o sua conta, selecione o site ao qual receberá o botão.

1. Desça até o final da página e insira uma imagem ou clip-art (tanto faz), em seguida, envie o ícone:

2. Agora arraste o botão para o local que desejar, pode ser à direita, esquerda ou no centro.

topo

3. Vamos ao ponto chave deste tutorial, a linkagem. Clique sobre o ícone e escolha a opção “Link para“:

4. Clique no botão “Endereço Web“:

5. Agora insira a URL completa do seu site com o acréscimo do símbolo “#” (tralha ou jogo da velha), marque a opção “Abrir na mesma janela“:

Clique em “OK” e pronto. Basta publicar o site e verificar o funcionamento do botão.

Esta dica só serve para botões?

Não. Você também pode inserir esta função “Voltar ao topo” em links de textos, basta seguir o mesmo procedimento, mais precisamente a partir do 3º passo, portanto que seja uma Home page ou uma Página Única.

Conclusão

Esta foi uma dica rápida que pode ser implementada em sua home page, caso seu site contenha bastante conteúdo ou imagens já na página inicial, que façam com que a página se torne longa. Também é muito útil e inclusive recomendo o uso em sites de página úncia. Certamente, seu visitante irá agradecer.

É isso!

Se tiver dificuldades, comente abaixo!

4 comentários em “Como Inserir um Botão “Voltar ao Topo” no Final da Home Page ou da Página Única”

  1. Bom dia.

    Conforme você pode ver, sou usuário do Wix com o site ww.maxantenas.com.br, e ww.instalacaodesuportes.com.
    Acontece que mesmo tendo ótimos conhecimentos sobre Wix, eu ainda tenho algumas dúvidas.
    Uma dúvida é de como fazer para que o nome da página apareça logo no final do nome do site, na barra de endereço. Por exemplo: a minha página inicial hoje aparece assim: . Na verdade, eu gostaria que aparecesse assim: Como fazer?

    Outra: tenho um espaço para comentários no fim das páginas que acredito que seja pouco visualizado devido aos visitantes não descerem completamente o site até acharem o espaço. (Deixe um seu lá!) Gostaria de inserir um botão COMENTAR no topo, com um link para o fim da página, mas estou com dificuldades de criar esse link em html. Poderia me ajudar?

    Muito legal esse site, esse espaço e suas dicas. Espero encontrar você no próximo encontro Wix.

    Abraço, valeu!

    Responder
    • Olá Fábio, boa tarde.

      Primeiramente, parabéns pelo seu site, boa navegação e bem organizado.
      Quanta a URL, não é possível aterá-las, pois trata-se do uso da tecnologia AJAX (responsável pela existência desses simbolos no seu URL), que faz com que o site seja carregado todo de uma vez.

      Quanto aos comentários, também não há como fazer âncora, mesmo se for usando códigos HTML, já tentei de várias formas esse método e não funcionou, quem sabe numa próxima atualização do editor não temos um recurso desses.

      Muito obrigado pelo elogio ao blog, fique a vontade para comentar sempre que precisar.
      Abraço!

      Responder
  2. Olá Gabriel,

    Conforme o post, eu fiz tudo igualzinho. Só que todas as páginas estão voltando pro topo da Home Page, mesmo com os link’s diferentes. Será que fiz algo errado?

    Satisfação!

    Responder
    • Olá Uelquer,
      Note que lá no começo do post falei que esta dica era apenas para a 1ª página (homepage) do site, por causa da URL das páginas.

      Abraço!

      Responder

Deixe um comentário