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

3 min de leitura
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.
Neste artigo, confira:

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.

Esse artigo foi útil?

|