Editor Wix: adicionar e personalizar um botão Voltar ao topo no site mobile
3 min de leitura
Neste artigo
- Adicionar um botão Voltar ao topo
- Personalizar o botão Voltar ao topo
- Alterar o layout do botão Voltar ao topo
Adicione um botão Voltar ao topo para permitir que os visitantes no mobile naveguem rapidamente para a parte superior do seu site. Você pode alterar o ícone como preferir e personalizá-lo ainda mais para que ele se destaque para os visitantes.
Adicionar um botão Voltar ao topo
Comece adicionando um botão a partir do painel Ferramentas do mobile no editor mobile.
Observação:
O botão Voltar ao topo só aparece em páginas com o layout padrão e páginas com pelo menos 1380 pixels de tamanho (não em páginas curtas).
Para adicionar um botão Voltar ao topo:
- Clique em Ferramentas mobile
no lado esquerdo do seu editor mobile.
- Clique no ícone Adicionar ao site
ao lado de Botão Voltar ao topo.
![O painel ferramentas do mobile no editor mobile. O cursor está clicando no botão Voltar ao topo.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/2bb1bd6e-133c-41ab-8837-1c5511ec8dd5/14de33f0-bf6e-4071-846e-f6700838167d.jpg)
Você sabia?
Personalizar o botão Voltar ao topo
Selecione um ícone para seu botão. Você pode escolher uma de nossas predefinições ou fazer upload da sua própria e personalizar ainda mais o design para combinar com a aparência do seu site.
Para alterar o ícone:
- Vá para o seu editor mobile.
- Clique no botão.
- Clique em Alterar ícone.
- Escolha o que fazer a seguir:
- Selecione um ícone predefinido.
- Clique no ícone Adicionar
para fazer upload da sua própria imagem ou escolha entre milhares de imagens de arte vetorial.
- (Opcional) Clique em Personalizar design para que ele fique como você deseja:
- Cores do preenchimento: escolha a cor/cores e torne-as mais ou menos opacas.
- Sombra: ative e ajuste uma sombra no botão para dar a ele um efeito 3D.
![Uma visualização cortada do painel de ícone Alterar. O cursor clicou em um ícone de seta.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/6196161e-0c25-4c00-997d-05a74342aac8/039d05e9-b3c4-41ce-af07-bfbfc3f587d9.jpg)
Alterar o layout do botão Voltar ao topo
Altere a posição e as margens do botão para se adequar ao alinhamento do seu site mobile.
Para ajustar o layout:
- Vá para o seu editor mobile.
- Clique no botão.
- Clique no ícone Layout
.
- Ajuste o layout com as opções:
- Alinhamento do botão: alinhe o botão à esquerda ou à direita do site.
- Margens: use os sliders para ajustar as margens ao redor do botão.
![O painel de layout do botão. O cursor está arrastando o slider para ajustar as margens verticais ao redor do botão.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/c52976cc-0fa4-4eec-a0f1-1a6b070a8009/e99549a3-403c-44bc-a343-11ec00a4881e.jpg)