header-logo
Primeiros passosConfira como usar o Wix para construir seu site e negócio.
Crie o seu sitePersonalize e gerencie seu site com os recursos do Wix.
Conta e faturamentoGerencie assinaturas, planos e faturas.
Use os apps mobile do WixAdministre seu negócio e conecte-se com os membros.
Conecte um domínioCompre, conecte ou transfira um domínio para o seu site.
Gerencie o seu negócioExpanda seu negócio e presença online.
Promova o seu siteAumente sua visibilidade com recursos de SEO e marketing.
Wix Studio, Parceiros e empresasAcesse recursos avançados e otimize sua produtividade.
AjudaEncontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor Wix: adicionar e personalizar um botão Voltar ao topo no site mobile

3 min
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:

  1. Clique em Ferramentas mobile  no lado esquerdo do seu editor mobile.
  2. 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.

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:

  1. Vá para o seu editor mobile
  2. Clique no botão.
  3. Clique em Alterar ícone.
  4. 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.
  5. (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.

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:

  1. Vá para o seu editor mobile
  2. Clique no botão.
  3. Clique no ícone Layout .
  4. 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.