Editor Wix: criar um botão Voltar ao Topo para o seu site
3 min de leitura
Neste artigo
- Etapa 1 | Adicione seu botão
- Etapa 2 | Vincule seu botão ao topo da página
- Etapa 3 | Fixe seu botão na tela
- Etapa 4 | Mostre seu botão em todas as páginas
Permita que seus visitantes rolem facilmente para o topo do seu site com um botão inteligente Voltar ao Topo. O botão Voltar ao Topo permanece em uma posição fixa no seu site e, portanto, é visível mesmo quando o visitante rola para baixo.
Etapa 1 | Adicione seu botão
Os botões Voltar ao Topo são geralmente setas que indicam aos visitantes que o botão os leva para o topo da página. Temos vários designs de flechas para você escolher.
Para adicionar um botão:
- Clique em Elementos
no lado esquerdo do editor.
- Clique em Decorativo.
- Clique nas Setas.
- Arraste uma seta para o seu site.
![O painel Elementos no Editor Wix, destacando as opções de seta](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/12/21/9b27a34e-a7ab-4dae-9f96-ea6fa3b06c04/f0426984-83c1-413e-b2c6-80c25d12bc31.png)
Quer um botão diferente?
Você também pode usar outros elementos, como arte vetorial ou botões de ícone para o botão Voltar ao Topo.
Etapa 2 | Vincule seu botão ao topo da página
Vincule seu botão ao topo da página, para que quando seus visitantes clicarem no botão, eles sejam levados para o topo.
Para vincular o botão:
- Clique no botão no seu editor.
- Clique no ícone Link
.
- Clique em Topo/final da Página.
- Clique em Topo.
- Clique em OK.
![Um botão Voltar ao topo e sua barra de ferramentas, destacando o ícone do link](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/453b82e4-0cd1-4c3b-93e3-e2c3686df8da/201fca03-47ea-4e77-ad58-d992d757e57c.png)
Etapa 3 | Fixe seu botão na tela
Fixe seu botão ao lado da tela para que ele fique visível para os visitantes do seu site o tempo todo, mesmo quando eles rolam o site para baixo.
Os botões Voltar ao Topo geralmente aparecem no lado inferior direito da tela.
Para fixar o botão na tela:
- Clique com o botão direito do mouse.
- Clique em Posição Fixa.
- Selecione uma posição na grade em Definir posição.
- (Opcional) Mova o elemento na horizontal ou na vertical ao definir um recuo:
- Arraste o slider Distância horizontal para mover o elemento horizontalmente ou digite um número no campo ao lado do slider.
- Arraste o slider Distância vertical para mover o elemento verticalmente ou digite um número no campo ao lado do slider.
![Um botão Voltar ao topo ao lado do painel Fixar na tela](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/83f3f740-ffa1-4bab-bc86-0f17fda5b978/495e49c4-2781-4f2f-ab66-c5dfa5292147.png)
Etapa 4 | Mostre seu botão em todas as páginas
Torne seu botão acessível a partir de todas as páginas e locais do seu site.
Para mostrar um botão em todas as páginas:
- Clique com o botão direito do mouse.
- Ative a alavanca Mostrar em todas as páginas.
![Um botão Voltar ao topo ao lado do menu ativado com o botão direito do mouse, ativando a alavanca para mostrá-lo em todas as páginas](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/83c2bc37-2195-40fa-9e35-3c141adedd9e/fa993b22-ea0f-42be-b345-65e3063d9b8d.png)
Botão Voltar ao Topo no seu site mobile:
O botão Voltar ao topo não será exibido no seu site mobile. No entanto, você pode adicionar o botão Voltar ao topo para mobile, criado especificamente para o seu site mobile.